@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------
Stylesheets fuer www.rockfellaz.de
Datei:    bildschirm.css
Version: 1.0
Datum:  30.9.2008
Ersteller: KS webdesign
----------------------------------------------------------------*/

/*###########################################

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren
2.Allgemeine Hyperlinks
3.Layout allgemein + #startseite
      3.1 #zelt
	  3.2 #kopf
      3.3 #links
      3.4 #rechts
      3.5 #fuss
4. Layout Unterseiten  
      4.1 #mitglieder
            4.1.1 #marco
	        4.1.2 #max
	        4.1.3 #matthias
	        4.1.4 #bjoern
	        4.1.5 #sebastian
      4.2 #repertoire
      4.3 #auftritte
	  4.4 #bilder
	        4.4.1 #bild1 - #bild12
	  4.5 #kontakt
	  4.6 #gaestebuch 
	  4.7 #konzertbilder
	         4.7.1 #1k1 - #1k12			
5.Sonstige Styles
      5.1 Sonstige Klassen

###########################################*/


/*========================================
   1.Allgemeine Selektoren
   ========================================*/
*  {
	padding:0;
	margin:0;
}
html  {
	height:100%;
}
body  {
      color:#f1f1e7;
      background-color:#241f1f;
      font:100.01%/1.5 Georgia, "Times New Roman", Times, serif;
	  padding-bottom:1em;
}

p, li, dt, dd, input, textarea  {
     font-size:0.9em;
}
h1  {
    position:relative;
	width:900px;
	height:150px;
}
h1 span  {
    position:absolute;
	width:100%;
	height:100%;
	background:#241f1f url(../images/kopf.jpg) no-repeat left top;
}
h2  {
    text-align:center;
    font-size:1.5em;
}
h3  {
    font-size:1.5em;
	text-align:center;
	padding-top:0.4em;
}
li  {
    list-style-type:none;
}

/*========================================
   2.Allgemeine Hyperlinks
   ========================================*/ 
a  {
    color:#f8e799;
	background-color:#241f1f;
	text-decoration:underline;
}
a:link  {
	color:#f8e799;
	background-color:#241f1f;
}
a:visited  {
	color:#f6dc62;
	background-color:#241f1f;
}
a:focus, a:hover  {
	color:#f6a928;
	background-color:#241f1f;
	text-decoration:none;
}
a:active  {
	color:#fff;
	background-color:#241f1f;
}

/*========================================
   3. Layoutbereich allgemein + #startseite
   ========================================*/

/*:::::::::::::::::::::::3.1 Gestaltung #zelt:::::::::::::::::::::::::::::::::::*/
#zelt  {
    width:900px;
	background-color:#241f1f;
	margin:1em auto;
}

/*:::::::::::::::::::::::3.2 #kopf:::::::::::::::::::::::::::::::::::::::::::::::*/
#kopf  {
    position:relative;
	width:900px;
}

/*::::::::::::::::::::::3.3 Gestaltung #links::::::::::::::::::::::::::::::::*/
#links  {
    float:left;
	width:200px;
}
#navigation  {
    padding-bottom:2.4em;
    margin-top:3.4em;
    margin-left:0.4em;
}
#navigation li  {
    width:170px;
	margin-bottom:1em;
}/*--li bekommt vorsorglich Layout fuer den IE--*/
#navigation a,
#navigation strong  {
    position:relative;
	overflow:hidden;
	display:block;
	width:100%;
	height:36px;
}
#navigation #navi01 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/startseite.gif) no-repeat 0 0;
}
#navigation #navi01 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/startseite.gif) no-repeat -170px 0;
}
#navigation #navi02 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/mitglieder.gif) no-repeat 0 0;
}
#navigation #navi02 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/mitglieder.gif) no-repeat -170px 0;
}
#navigation #navi03 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/repertoire.gif) no-repeat 0 0;
}
#navigation #navi03 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/repertoire.gif) no-repeat -170px 0;
}
#navigation #navi04 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/auftritte.gif) no-repeat 0 0;
}
#navigation #navi04 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/auftritte.gif) no-repeat -170px 0;
}
#navigation #navi05 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/bilder.gif) no-repeat 0 0;
}
#navigation #navi05 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/bilder.gif) no-repeat -170px 0;
}

#navigation #navi05a a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/proben.gif) no-repeat 0 0;
}
#navigation #navi05a strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/proben.gif) no-repeat -170px 0;
}
#navigation #navi05b a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/konzert.gif) no-repeat 0 0;
}
#navigation #navi05b strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/konzert.gif) no-repeat -170px 0;
}
#navigation #navi06 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/kontakt.gif) no-repeat 0 0;
}
#navigation #navi06 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/kontakt.gif) no-repeat -170px 0;
}
#navigation #navi07 a span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/gaestebuch.gif) no-repeat 0 0;
}
#navigation #navi07 strong span  {
    position:absolute;
	width:100%;
	height:36px;
	top:0;
	left:0;
	background:url(../images/gaestebuch.gif) no-repeat -170px 0;
}
#navigation #navi01 a:hover span,
#navigation #navi01 a:active span,
#navigation #navi01 a:focus span,
#navigation #navi02 a:hover span,
#navigation #navi02 a:active span,
#navigation #navi02 a:focus span,
#navigation #navi03 a:hover span,
#navigation #navi03 a:active span,
#navigation #navi03 a:focus span,
#navigation #navi04 a:hover span,
#navigation #navi04 a:active span,
#navigation #navi04 a:focus span,
#navigation #navi05 a:hover span,
#navigation #navi05 a:active span,
#navigation #navi05 a:focus span,
#navigation #navi05a a:hover span,
#navigation #navi05a a:active span,
#navigation #navi05a a:focus span,
#navigation #navi05b a:hover span,
#navigation #navi05b a:active span,
#navigation #navi05b a:focus span,
#navigation #navi06 a:hover span,
#navigation #navi06 a:active span,
#navigation #navi06 a:focus span,
#navigation #navi07 a:hover span,
#navigation #navi07 a:active span,
#navigation #navi07 a:focus span  {
    background-position:-170px 0;
}

/*::::::::::::::::::::::::::::::::::::3.4 Gestaltung #rechts:::::::::::::::::::::::::::::::::::*/
#rechts  {
    float:right;
	width:640px;
}
#rechts a img,
#rechts strong img  {
    border:2px solid #241f1f;
} /* wegen hover-Rahmen für thumbnails, damit thumbs nicht hüpfen und der hover im ie6 angezeigt wird */
#startseite #rechts img  {
    text-align:center;
	margin-top:2.5em;
	margin-bottom:2.5em;
}  

/*:::::::::::::::::::::::::::::::::::3.5 Gestaltung #fuss::::::::::::::::::::::::::::::::::::::*/
#startseite #fuss  {
    clear:both;
    position:relative;
	width:900px;
	height:110px;
	background:#241f1f url(../images/fuss_news.jpg) no-repeat left bottom;
}
#startseite #fuss h2,	
#startseite #fuss p  {
    color:#9ff1d3;
	background-color:transparent;
	text-align:center;
}
#startseite #fuss h2  {
    font-size:1.4em;
    padding-top:0.8em;
	padding-bottom:0.2em;
}
#startseite #fuss p  {
	font-weight:bold;
    font-size:1.2em;
}
#fuss h3  {
    font-size:1.5em;
	text-align:center;
	letter-spacing:4px;
	padding-top:0.4em;
}

/*=============================
  4. Layout Unterseiten
  =============================*/ 

/*::::::::::::::::::::::4.1 #mitglieder:::::::::::::::::::::::::::::::::::::*/
#mitglieder #links ul  {
    margin-top:4em;
}
#mitglieder #rechts  {
    width:640px;
    color:#f7f1e7;
	background-color:#241f1f;
	margin:1em;
}
#mitglieder h2  {
    margin-top:0;
	margin-bottom:0.5em;
}
#navigationmitglieder  {
    font-size:1.1em;
	padding-left:3.6em;
}
#navigationmitglieder li  {
    float:left;
	padding-left:1.6em;
}
#navigationmitglieder a,
#navigationmitglieder strong  {
    float:left;
    display:block;
	padding:0.5em;
}
#mitglieder #rechts img  {
    clear:left;
	margin-bottom:0.8em;
}

#mitglieder #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:150px;
}
#mitglieder #fuss p,
#mitglieder #fuss h2  {
	width:900px;
	height:150px;
	font-size:0.9em;
	margin-bottom:0;
}
#mitglieder #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/fuss.jpg) no-repeat left top;
}

/*-------------------4.1.1 #marco------------------------*/
#marco #links ul  {
    margin-top:4em;
}
#marco #rechts  {
    width:640px;
    color:#f7f1e7;
	background-color:#241f1f;
	margin:1em;
}
#marco h2  {
    margin-top:0;
	margin-bottom:0.5em;
}
#marco #rechts img  {
    clear:left;
	margin-bottom:0.8em;
}
#marco #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#marco #fuss p  {
	width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#marco #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/mitglieder_marco_fuss_marco.jpg) no-repeat left top;
}

/*--------------------------4.1.2 #max.-----------------------*/
#max #links ul  {
    margin-top:4em;
}
#max #rechts  {
    width:640px;
    color:#f7f1e7;
	background-color:#241f1f;
	margin:1em;
}
#max h2  {
    margin-top:0;
	margin-bottom:0.5em;
}
#max #rechts img  {
    clear:left;
	margin-bottom:0.8em;
}
#max #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#max #fuss p  {
		width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#max #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/mitglieder_fuss_max.jpg) no-repeat left top;
}

/*-------------------------4.1.3 #matthias---------------------*/
#matthias #links ul  {
    margin-top:4em;
}
#matthias #rechts  {
    width:640px;
    color:#f7f1e7;
	background-color:#241f1f;
	margin:1em;
}
#matthias h2  {
    margin-top:0;
	margin-bottom:0.5em;
}
#matthias #rechts img  {
    clear:left;
	margin-bottom:0.8em;
}
#matthias #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#matthias #fuss p  {
	width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#matthias #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/mitglieder_fuss_matthias.jpg) no-repeat left top;
}

/*-------------------------4.1.4 #bjoern----------------------*/
#bjoern #links ul  {
    margin-top:4em;
}
#bjoern #rechts  {
    width:640px;
    color:#f7f1e7;
	background-color:#241f1f;
	margin:1em;
}
#bjoern h2  {
    margin-top:0;
	margin-bottom:0.5em;
}
#bjoern #rechts img  {
    clear:left;
	margin-bottom:0.8em;
}
#bjoern #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#bjoern #fuss p  {
	width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#bjoern #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/mitglieder_fuss_bjoern.jpg) no-repeat left top;
}

/*------------------------4.1.5 #sebastian--------------------*/
#sebastian #links ul  {
    margin-top:4em;
}
#sebastian #rechts  {
    width:640px;
    color:#f7f1e7;
	background-color:#241f1f;
	margin:1em;
}
#sebastian h2  {
    margin-top:0;
	margin-bottom:0.5em;
}
#sebastian #rechts img  {
    clear:left;
	margin-bottom:0.8em;
}
#sebastian #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#sebastian #fuss p  {
	width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#sebastian #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/mitglieder_fuss_sebastian.jpg) no-repeat left top;
}

/*:::::::::::::::::::::::::::::4.2 #repertoire::::::::::::::::::::::::::::::::::::::*/
#repertoire #rechts  {
    width:608px;
    color:#f7f1e7;
	background-color:#241f1f;
	padding:1em;
	margin:1em;
}
#repertoire h2  {
    font-size:2em;
	margin:0.1em 0 0.5em 0;
}
#repertoire #rechts p  {
    text-indent:4.4em;
}
#repertoire dl  {
    font-size:1.1em;
    padding-left:6em;
}
#repertoire dt  {
    padding-top:0.8em;
    font-size:1.2em;
	font-weight:bold;
}
#repertoire dd  {
    text-indent:1em;
}
#repertoire #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#repertoire #fuss p  {
	width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#repertoire #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/repertoire_fuss.jpg) no-repeat left top;
}

/*:::::::::::::::::::::::::::::4.3 #auftritte::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#auftritte #rechts  {
    text-align:center;
}
#auftritte h2  {
    font-size:2em;
	margin-top:0.4em;
        margin-bottom:1em;
}
#auftritte h3  {
    color:#9ff1d3;
	background-color:inherit;
	font-size:1.6em;
	margin-top:0.8em;
}
#auftritte h4  {
    font-size:1.3em;
	margin-top:1.8em;
}
#auftritte #rechts p  {
    color:#9ff1d3;
	background-color:inherit;
    font-size:1.3em;
	font-weight:bold;
}
#auftritte #rechts #auftrittshistorie  {
    text-align:left;
	text-indent:4em;
	padding-bottom:1.5em;
}
#auftritte #rechts #auftrittshistorie p  {
    color:#f1f1e7;
	background-color:inherit;
    font-size:1.1em;
	font-weight:normal;
	margin-top:0.2em;

}
#auftritte #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:300px;
}
#auftritte #fuss p  {
	width:900px;
	height:300px;
	font-size:0.9em;
	margin-bottom:0;
}
#auftritte #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/auftritte_fuss.jpg) no-repeat left top;
}


/*::::::::::::::::::::::::::::::::::4.4 #bilder:::::::::::::::::::::::::::::::::::::::*/

#bilder #rechts h2  {
    margin-top:1em;
	margin-right:2.4em; /* damit h2 bezogen auf die Thumbnails mittig sitzt */
	margin-bottom:0.5em;
}
#bilder #rechts ul  {
    width:600px;
	margin:0.1em auto;
	float:left;
}
#bilder #rechts li  {
    float:left;
	margin-left:1em;
}
#bilder #rechts li a  {
    display:block;
}
#bilder #rechts a:hover img,
#bilder #rechts a:focus img  {
    border:2px solid #f6a928;
}
#bilder #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:162px;
}
#bilder #fuss p  {
	width:900px;
	height:162px;
	font-size:0.9em;
	margin-bottom:0;
}
#bilder #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:#241f1f url(../images/bilder_htm_fuss.jpg) no-repeat left top;
}

/*---------------#bild1 - #bild12----------------------------------*/
#bild1 #rechts  {
    text-align:center;
}
.h2  {
    margin-top:1em;
	margin-bottom:0.5em;
}
.bilderseiten_ul  {
	margin:0.1em 0  0.1em 3.2em;
	float:left;
}     
.bilderseiten_li  {
    float:left;
	margin-left:4px;
}
.bilderseiten_a_strong  {
    display:block;
	font-weight:normal;
} 
.clear2  {
    clear:left;
	text-align:center;
	padding-top:2.4em;
	margin-bottom:1em;
} 
.zurueck_vor  {
    padding:0.5em 2em 0.5em 2em;
} 
.grossbild_abstand_unten  {
    text-align:center;
    margin-bottom:4em;
}
#bild1 #rechts a:hover img,
#bild1 #rechts a:focus img,
#bild1 #rechts strong img,
#bild2 #rechts a:hover img,
#bild2 #rechts a:focus img,
#bild2 #rechts strong img,
#bild3 #rechts a:hover img,
#bild3 #rechts a:focus img,
#bild3 #rechts strong img,
#bild4 #rechts a:hover img,
#bild4 #rechts a:focus img,
#bild4 #rechts strong img,
#bild5 #rechts a:hover img,
#bild5 #rechts a:focus img,
#bild5 #rechts strong img,
#bild6 #rechts a:hover img,
#bild6 #rechts a:focus img,
#bild6 #rechts strong img,
#bild7 #rechts a:hover img,
#bild7 #rechts a:focus img,
#bild7 #rechts strong img,
#bild8 #rechts a:hover img,
#bild8 #rechts a:focus img,
#bild8 #rechts strong img,
#bild9 #rechts a:hover img,
#bild9 #rechts a:focus img,
#bild9 #rechts strong img,
#bild10 #rechts a:hover img,
#bild10 #rechts a:focus img,
#bild10 #rechts strong img,
#bild11 #rechts a:hover img,
#bild11 #rechts a:focus img,
#bild11 #rechts strong img,
#bild12 #rechts a:hover img,
#bild12 #rechts a:focus img,
#bild12 #rechts strong img  {
    border:2px solid #f6a928;
}   
#bild1 #fuss,
#bild2 #fuss,
#bild3 #fuss,
#bild4 #fuss,
#bild5 #fuss,
#bild6 #fuss,
#bild7 #fuss,
#bild8 #fuss,
#bild9 #fuss,
#bild10 #fuss,
#bild11 #fuss,
#bild12 #fuss  {
    clear:both;
    position:relative;
    background:none;
}

/*:::::::::::::::::::::::::::::::4.5 #kontakt::::::::::::::::::::::::::::::::::::::::::::::*/
#kontakt #rechts  {
    color:#f1f1e7;
}
#kontakt h2  {
     font-size:2em;
	 margin:0.6em 0 0 0;
}
#kontakt address  {
    padding:0.5em 0 1em 4em;
}
#kontakt h3,
#kontakt h4,
#kontakt h5  {
    font-size:1.2em;
	text-align:left;
}
#kontakt h3  {
    margin-bottom:0.3em;
}
#kontakt h4,
#kontakt h5  {
    margin-top:1em;
}
#kontakt #rechts p  {
    font-size:1em;
    padding-right:5em;
}
#kontakt address span  {
    color:#9ff1d3;
	background-color:inherit;
}
#kontakt #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:200px;
}
#kontakt #fuss p  {
	width:900px;
	height:200px;
	font-size:0.9em;
	margin-bottom:0;
}
#kontakt #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/kontakt_fuss.jpg) no-repeat left top;
}

/*::::::::::::::::::::::::::::::::4.6 #gaestebuch:::::::::::::::::::::::::::::::::::::::::::*/
#gaestebuch #rechts  {
    padding:1em;
}
#gaestebuch h2  {
    font-size:2em;
    margin:1em 0 1em 0;
} 
form  {
    margin-left:4em;
}
label  {
    display:block;
}
input, textarea  {
     color:#000;
	 background-color:#dcdcdc;
	 border:2px solid #666666;
     margin-bottom:0.6em;
}
.inputbreite  {
    width:350px;
}
#gaestebuch #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:223px;
}
#gaestebuch #fuss p  {
	width:900px;
	height:223px;
	font-size:0.9em;
	margin-bottom:0;
}
#gaestebuch #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/gaestebuch_fuss.jpg) no-repeat left top;
}

/*::::::::::::::::::::::::::::::::4.7 #konzertbilder:::::::::::::::::::::::::::::::::::::::::::*/
#konzertbilder #rechts h2  {
    margin-top:1em;
	margin-bottom:1.5em;
}
#konzertbilder #rechts  {
    text-align:center;
}
#konzertbilder #rechts ul  {
    margin-top:0.5em;
}
#konzertbilder #rechts li  {
    display:inline;
	margin-left:8px;
}
#konzertbilder #rechts img  {
    border:2px solid #696969;
}
#konzertbilder #rechts a:hover img,
#konzertbilder #rechts a:focus img  {
    border:2px solid #f6a928;
}
#konzertbilder #fuss  {
    clear:both;
    position:relative;
    width:900px;
	height:162px;
}
#konzertbilder #fuss p  {
	width:900px;
	height:162px;
	font-size:0.9em;
	margin-bottom:0;
}
#konzertbilder #fuss p span  {
    position:absolute;
	width:100%;
	height:100%;
	background:#241f1f url(../images/bilder_htm_fuss.jpg) no-repeat left top;
}

/*---------------#1k1 - #1k12----------------------------------*/
.abstand_oben_unten  {
    padding-top:2.8em;
	padding-bottom:0.7em;
}
#konzertbilder #rechts a:hover img,
#konzertbilder #rechts a:focus img,
#konzertbilder #rechts strong img  {
    border:2px solid#f6a928;
} 

/*==========================================
   5. Sonstige Styles
   ==========================================*/   

/*::::::::::::::::::::::::::::::::::::5.1 Sonstige Klassen::::::::::::::::::::::::::::::::::::::::::::::::::::*/   
.webdesigner  {
    margin-bottom:1em;
}
.bilderquelle  {
    font-size:0.6em;
	text-align:center;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
}
.aktiver_link  {
    color:#f6a928;
	background-color:#241f1f;
	text-decoration:none;
} 
.skiplink  {
     position:absolute;
     top:-9999px;
     left:-9999px;
     width:0px;
     height:0px;
     display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
    position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	width:13em;
	height:auto;
	background-color:#fff;
	color:#000;
	padding:0.6em;
	border:2px solid #000;
}
.skiplinktabunten:focus,
.skiplinktabunten:active  {
    position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	width:16em;
	height:auto;
	font-size:0.9em;
	background-color:#fff;
	color:#000;
	padding:0.2em;
	border:2px solid #000;
}