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

/*---------------------------------------------------------------
Stylesheets fuer www.jungwirth-beicken.de
Datei:    bildschirm.css
Version: 1.0
Datum:  09.02.2009
Ersteller: KS webdesign
----------------------------------------------------------------*/

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

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren
2.Allgemeine Hyperlinks
3.Layout allgemein + #startseite
      3.1 #zelt
	  3.2 #kopf
      3.3 #navigation
      3.4 #content
      3.5 #fuss
4. Layout Unterseiten  
	   4.1 #jungwirth
	   4.2 #beicken
	   4.3 #anfahrt
	   4.4 #impressum   			
5.Sonstige Styles
      5.1 Sonstige Klassen

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


/*========================================
   1. Allgemeine Selektoren
   ========================================*/
 *  {
	padding:0;
	margin:0;
}
html,
body  {
	height:100%;
}
body  {
      color:#505050;
      background-color:#f3f2f2;
      font:100%/1.4 verdana, arial, sans-serif;
}
h1  {
    font:2.7em Georgia, "Times New Roman", Times, serif;
	padding:0.6em 11em 0.2em 0;
}
h2  {
    font:2.2em Georgia, "Times New Roman", Times, serif;
}
h3  {
    font:1.2em verdana, arial, sans-serif;
}
h4  {
    font:1.1em Georgia, "Times New Roman", Times, serif;
}
h5  {
    font:1.1em Georgia, "Times New Roman", Times, serif;
}
p, li, dt, dd, input, textarea  {
     font-size:0.9em;
}
p  {
    margin-bottom:0.5em;
}
li  {
    list-style-type:none;
}
img  {
	border:none;
}
a img  {
    border:none;
}  
   
   
 /*========================================
   2. Allgemeine Hyperlinks
   ========================================*/
 a  {
}
a:link  {
	color:#336699;
	background-color:#f3f2f2;
}
a:visited  {
	color:#2b5580;
	background-color:#f3f2f2;
}
a:focus, a:hover  {
	color:#cd7207;
	background-color:#f3f2f2;
	text-decoration:none;
}
a:active  {
	color:#1f4940;
	background-color:#f3f2f2;
	text-decoration:none;
}  
/*------------Linkgrafik fuer moderne Browser----------------------------*/
a[href^="http://"]  {
    background: url(../images/linkzeiger_normal.png) no-repeat 0 0;
	padding-left:1.3em;
}
a[href^="http://"]:visited {
    background: url(../images/linkzeiger_normal.png) no-repeat 0 0;
}
a[href^="http://"]:focus  {
    background: url(../images/linkzeiger_hover.png) no-repeat 0 0;
}
a[href^="http://"]:hover  {
    background: url(../images/linkzeiger_hover.png) no-repeat 0 0;
}
   
/*========================================
   3. Layout allgemein # #startseite
   ========================================*/

/*:::::::::::::::::::3.1 #zelt::::::::::::::::::::::::::::::*/ 
#zelt  {
	color:#505050;
	background-color:#f3f2f2;
	height:100%;
}
#zelt-innen  {
    min-height:100%;
}

/*:::::::::::::::::::3.2 #kopf::::::::::::::::::::::::::::*/

#kopf  {
    position:relative;
    height:9.38em;
	background:#f3f2f2 url(../images/kopf-hg.png) repeat-x left top;
	color:#f3f2f2;
	text-align:center;
}
#kopf h2  {
    padding-left:2.5em;
}

/*:::::::::::::::::::3.3 #navigation::::::::::::::::::::*/
#navigation  {
}
#navigation ul  {
    width:56em;
    text-align:center;
	margin:1em auto;
}
#navigation li  {
    
    float:left;
	width:165px;
	padding-left:5px;
}
#navigation #navi03  {
    width:210px;
}
#navigation li a,
#navigation li strong  {
    position:relative;
    display:block;
	width:100%;
	height:40px;
	font-weight:bold;
	text-decoration:none;
	overflow:hidden;
}
#navigation #navi01 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background: url(../images/navi_startseite.png) no-repeat 0 0;
}
#navigation #navi03 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_juwi.png) no-repeat 0 0;
}
#navigation #navi04 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_angela.png) no-repeat 0 0;
}
#navigation #navi05 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_anfahrt.png) no-repeat 0 0;
}
#navigation #navi06 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_impressum.png) no-repeat 0 0;
}

/* ----Damit der Link der aktuellen Seite immer hervorgehoben ist wird für strong der Hoverzustand ins Bild geschoben---- */
#navigation #navi01 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_startseite.png) no-repeat 0 -40px;
}
#navigation #navi03 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_juwi.png) no-repeat 0 -40px;
}
#navigation #navi04 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_angela.png) no-repeat 0 -40px;
}
#navigation #navi05 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_anfahrt.png) no-repeat 0 -40px;
}
#navigation #navi06 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/navi_impressum.png) no-repeat 0 -40px;
}

#navigation #navi01 a:hover span,
#navigation #navi01 a:active span,
#navigation #navi01 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 #navi06 a:hover span,
#navigation #navi06 a:active span,
#navigation #navi06 a:focus span   {
    background-position: 0 -40px;
}

/*:::::::::::::::::::3.4#content::::::::::::::::::::::::*/
#content  {
    width:56.25em;
    padding-bottom:5.88em;
	margin:0 auto;
}
#contentinnen_links  {
    float:left;
	width:23em;
	padding:1em 1em 0 1em;
}
#contentinnen_links h2  {
    font-size:1.3em;
	margin-top:0.3em;
	margin-bottom:0.2em;
}
#contentinnen_links img  {
    margin-top:1em;
}
#contentinnen_links h3  {
    margin:1.5em 0 0.2em 0;
}
#contentinnen_links p  {
    margin-bottom:1em;
}
#contentinnen_rechts  {
    float:left;
	width:29em;
	padding:1em 1em 0 1em;
}
#contentinnen_rechts h4  {
    margin-top:0.5em;
}
#contentinnen_rechts ul  {
    margin:0.4em 0 1em 1em;
}
#contentinnen_rechts p  {
    margin-bottom:1em;
}
#contentinnen_rechts h5  {
    margin-bottom:0.3em;
}


/*:::::::::::::::::::3.5 #fuss:::::::::::::::::::::::::::::*/
 #fuss  {
     position:relative;
    height:5.88em;
	color:#fff;
	background:#f3f2f2 url(../images/fuss-hg.png) repeat-x left top;
	margin-top:-5.88em;
}
#fuss address  {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:1.1em;
	letter-spacing:1px;
	line-height:1.6;
    text-align:center;
	padding-top:0.7em;
}
#fuss a  {
    color:#fff;
    background-color:transparent;
}
#fuss a:hover,
#fuss a:focus  {
    color:#cd7207;
}
#fuss .skiplinktab:focus,
#fuss .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;
}
      
/*========================================
   4. Layout Unterseiten
   ========================================*/
 
/*:::::::::::::::::::4.1 #jungwirth:::::::::::::::::::::::::::::::::*/ 
#jungwirth #contentinnen_links  {
    width:20.5em;
	padding-right:0;
	padding-left:4.5em;
}/* Deklarationen um den ganzen content horizontal besser zu zentrieren */

#jungwirth #contentinnen_links h3  {
    margin-top:1.2em;
}
#jungwirth #contentinnen_links ul  {
    margin:1em 0 1em 1em;
}
#jungwirth .listeneinrueckung  {
    margin-left:0;
}
#jungwirth #contentinnen_rechts  {
    width:26.5em;
	padding-right:0;
	padding-left:4.5em;
} /* Deklarationen um den ganzen content horizontal besser zu zentrieren */

#jungwirth #contentinnen_rechts h4  {
    margin-top:1.5em;
}
#jungwirth #contentinnen_rechts ul  {
    margin-bottom:1.5em;
}

/*:::::::::::::::::::4.2 #beicken::::::::::::::::::::::::::::::::::::*/ 
#beicken #contentinnen_links  {
    width:20.5em;
	padding-right:0;
	padding-left:4.5em;
}/* Deklarationen um den ganzen content horizontal besser zu zentrieren */

#beicken #contentinnen_links h3  {
    margin-top:1.2em;
}
#beicken #contentinnen_links p  {
    margin:1em 0 1em 1em;
}
#beicken #contentinnen_rechts  {
    width:26.5em;
	padding-right:0;
	padding-left:4.5em;
} /* Deklarationen um den ganzen content horizontal besser zu zentrieren */

#beicken #contentinnen_rechts h4  {
    margin-top:1.5em;
}

/*:::::::::::::::::::4.3 #anfahrt:::::::::::::::::::::::::::::::::::::*/ 
#anfahrt #content img  {
   margin-top:1em;
}
#anfahrt #content h3  {
    margin-top:1em;
	margin-bottom:0.2em;
}
#anfahrt #content p  {
    margin-bottom:2em;
}

/*:::::::::::::::::::4.4 #impressum::::::::::::::::::::*/ 
#impressum #contentinnen_rechts h5  {
    margin-top:0.5em;
} 
#impressum #contentinnen_rechts dt  {
    font-weight:bold;
}
        
/*========================================
   5. Sonstige Klassen
   ========================================*/
.auswaerts  {
    margin-bottom:1em;
}
.abstandoben1  {
    margin-top:5em;
}
.abstandoben2  {
    margin-top:4.9em;
}
.bilderquelle  {
    font-size:0.7em;
	text-align:right;
	padding-right:2em;
}
.text_kosten_hg  {
    background:url(../images/text_kosten_hg.png) no-repeat 3px 0;
	font-weight:bold;
	padding:0.9em 1.5em 1.5em 1.5em;
}
.listenzeichen  {
    background:url(../images/listenzeichen.png) no-repeat left 0.2em;
	padding:0 0 0 1.5em;
	margin:0 0 0.3em 0;
}  
.aktiv  {
    color:#cd7207;
}   
 .nachoben  {
    font-size:0.8em;
    padding:1em 0 0.2em 1em;
}
.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;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
}