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

/*---------------------------------------------------------------
Stylesheets fuer webdesign-passau.com
Datei:    bildschirm.css
Ersteller: KS webdesign
----------------------------------------------------------------*/

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

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren
2.Allgemeine Hyperlinks
3.Layout allgemein + #startseite
      3.1 #topnavi
      3.2 #umhang
      3.3 #kopf
      3.4 #mittelbereich
      3.5 #navi
      3.6 #textbereich
      3.7 #fuss und #fuss-innen
4. Layout Unterseiten  
       4.1 #inhaltsverzeichnis
       4.2 #datenschutz
       4.3 #bedienungshilfe
       4.4 #webdesign
       4.6 #referenzen
       4.7 #kontakt
       4.8 #suchergebnis
       
5.Sonstige Styles
       5.1 Sonstige Klassen

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


/*========================================
   1. Allgemeine Selektoren
   ========================================*/

*  {
	padding:0;
	margin:0;
}
html  {
        height:100%;
}
body  {
        color:#505050;
        background:#edefee url(../grafiken/body-hg.png) repeat-x left top;
        font:100%/1.4 calibri,arial,verdana, sans-serif;
	border-top:1px solid #007665;
}
p, li, dt, dd, input, textarea  {
        font-size:1em;
}
p  {
        margin-bottom:0.5em;
}
li  {
        list-style-type:none;
}
img  {
	border:none;
}
a img  {
        border:none;
}  
 h1  {
	position:relative;
	width:900px;
	height:230px;
	font-size:0.9em;
}
h1 span  {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../grafiken/kopfbild.png) no-repeat left top;
}

h2  {
        font-size:1.4em;
}
h3  {
        font-size:1.1em;
        margin-top:1.8em
}
h4  {
        font-size:1.1em;
        margin-top:1.8em;
}
h5  {
        font-size: 1em;
        margin-top:2em;
}

 /*========================================
   2. Allgemeine Hyperlinks
   ========================================*/
a  {
	color:#007665;
	background-color:transparent;
}
a:link  {
	color:#007665;
	background-color:transparent;
}
a:visited  {
	color:#048f7b;
	background-color:transparent;
}
a:hover  {
	color:#bc4e00;
	background-color:transparent;
	text-decoration:none;
}
a:focus  {
	color:#bc4e00;
	background-color:transparent;
	text-decoration:none;
}
a:active  {
	color:#bc4e00;
	background-color:transparent;
}  
 .aktiv  {
        color:#da6f06;
	background-color:transparent;
}

 /*------------Linkgrafik fuer moderne Browser----------------------------*/

a[title*="Externer"]  {
        background: url(../grafiken/linkzeiger-normal.png) no-repeat left bottom;
	padding-left:1.1em;
        margin:0 2px 0 2px;
}
a[title*="Externer"]:visited {
        background: url(../grafiken/linkzeiger-normal.png) no-repeat left bottom;
}
a[title*="Externer"]:focus  {
        background: url(../grafiken/linkzeiger-hover.png) no-repeat left bottom;
}
a[title*="Externer"]:hover  {
        background: url(../grafiken/linkzeiger-hover.png) no-repeat left bottom;
}

/*========================================
   3. Layout allgemein # #startseite
   ========================================*/


/*:::::::::::::::::::3.1  #topnavi ::::::::::::::::::::::::::::*/

#topnavi  {
	position:relative;
	height:40px;
	background-color:#16594f;
}
#topnavi-innen  {
	width:900px;
	margin:0 auto;
}
#topnavi ul {
	margin-right:24px;
}
#topnavi li  {
	float:right;
	height:40px;
	margin-left:1em;
}
#topnavi a  {
	display:block;
	color:#f1f1f1;
	padding:2px 8px;
	margin:6px 4px 4px 4px;
}
#topnavi a:hover,
#topnavu a:focus,
#topnavi a:active  {
	color:#f8f9a9;
}
#topnavi strong  {
	display:block;
	color:#f8f9a9;
	padding:2px 8px;
	margin:6px 4px 4px 4px;
}
#topnavi form  {
	float:left;
	width:300px;
	margin:6px 4px 4px 30px;
}

#topnavi form #suchbegriff:hover,
#topnavi form #suchbegriff:focus  {
	background-color:#f8f9a9;
}
#topnavi form .suchbutton  {
	color:#007665;
}
#topnavi form .suchbutton:hover,
#topnavi form .suchbutton:focus  {
	background-color:#f8f9a9;
}

#topnavi #search label  {
	position:absolute;
	left:-9999px;
}

/*:::::::::::::::::::3.2 #umhang ::::::::::::::::::::::::::::::*/

#umhang  {
        width:900px;
        background-color:transparent;
        margin:30px auto 0 auto;
}

/*:::::::::::::::::::3.3  #kopf ::::::::::::::::::::::::::::*/

#kopf  {
        width:900px;
	height:230px;	
}

/*:::::::::::::::::::3.4 #mittelbereich ::::::::::::::::::::::::*/

#mittelbereich  {
	position:relative;
	z-index:5;
	width:900px;
	background-color:#f5f5f5;
	margin-bottom:-40px;
	-moz-border-radius-bottomleft:20px;   /* CSS3 */
	-moz-border-radius-bottomright:20px;    /* CSS3 */
	-webkit-border-bottom-left-radius:20px;      /* CSS3 */
	-webkit-border-bottom-right-radius:20px;    /* CSS3 */
	border-bottom-left-radius:20px;      /* CSS3 */
	border-bottom-right-radius:20px;    /* CSS3 */
}

/*:::::::::::::::::::3.5 #navi ::::::::::::::::::::::::*/

#navigation  {
        float:left;
	background-color:#f5f5f5;
	width:232px;
	padding:12px 0 0 16px;
}

#navigation ul  {
        margin:14px 0 0 24px;
}
#navigation ul#navi li  {
        width:180px;
	margin:0 0 8px -52px;
}/*--li bekommt vorsorglich Layout fuer den IE--*/

#navigation a,
#navigation strong  {
	display:block;
	padding:0.2em 0 0.2em 1em;
	-moz-border-radius-topright:12px;   /* CSS3 */
	-moz-border-radius-bottomright:12px;    /* CSS3 */
	-webkit-bottom-right-radius:12px;   /* CSS3 */
	-webkit-top-right-radius:12px;    /* CSS3 */
	border-bottom-right-radius:12px;    /* CSS3 */
	border-top-right-radius:12px;      /* CSS3 */
}
#navigation a  {
	background-color:#007665;
	color:#f5f5f5;
	text-decoration:none;
}
#navigation a:hover,
#navigation a:focus,
#navigation a:active,
#navigation strong  {
	width:180px;
	background-color:#bc4e00;
	color:#f5f5f5;
	margin-left:12px;
}

#hinweisblase p  {
	position:relative;
	overflow:hidden;
	width:158px;
	height:105px;
	margin-bottom:2em;
	
}
#hinweisblase p span  {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../grafiken/hinweisblase.png) no-repeat left top;
}

/*:::::::::::::::::::3.6 #textbereich ::::::::::::::::::::::::*/

#textbereich  {
        float:right;        
        width:590px;
	background:#f5f5f5;
        padding:36px 30px 20px 20px;
	-moz-border-radius-bottomright:20px;    /* CSS3 */
	-webkit-border-bottom-right-radius:20px;     /* CSS3 */
	border-bottom-right-radius:20px;     /* CSS3 */
}
#textbereich img.startseitenbild  {
        float:left;
        border:2px solid #007665;
        margin:0 25px 0 0;
}
#textbereich .block  {
	
	padding:1em;
	
}
#textbereich .block:hover  {
	background-color:#fff;
	color:#000;
	-moz-border-radius:20px;    /* CSS3 */
	-webkit-border-radius:20px;     /* CSS3 */
	border-radius:20px;     /* CSS3 */
}

#startseite #textbereich h2  {
        font-size:1.1em;
}
#startseite #textbereich ul  {
        margin:10px 0 0 180px;
}
#startseite #textbereich h2,
#startseite #textbereich h3,
#startseite #textbereich h4  {
	margin-top:0;
}

#startseite #textbereich h3  {
        clear:left;
}


/*::::::::::::::::::: 3.7 #fuss und #fuss-innen :::::::::::::::::::::::::::::*/

#fuss  {
	position:relative;
	height:300px;
	min-width:1000px; /* damit die repeat-x-Grafik immer bis zum Rand geht */
        background:url(../grafiken/fuss-hg.png) repeat-x left top;      
        color:#f5f5f5;
}
#fuss-innen  {
	width:900px;
	height:300px;
	background:url(../grafiken/fuss-innen-halbkreis-orange.png) no-repeat 650px bottom;
	margin:0 auto;
}
#fuss-innen p  {
	font-size:1.1em;
	padding:90px 0 0 40px;
	margin-bottom:0;
	}
#fuss-innen a  {
	color:#f5f5f5;
}
#fuss-innen a:hover,
#fuss-innen a:focus,
#fuss-innen a:active  {
	color:#f6f869;
}

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

/*:::::::::::::::::::4.1 #inhaltsverzeichnis ::::::::::::::::::::*/

#inhaltsverzeichnis dt  {
        margin-top:1em;
}
#inhaltsverzeichnis dt.listenzeichen  {
        background:url(../grafiken/listenzeichen1.png) no-repeat left 0.35em;
        padding-left:1.2em;
        padding-bottom:0.3em;
} /* background-position von top:0.2em auf 0.35em geändert, damit Listenzeichen vertikal besser sitzt */

/*:::::::::::::::::::4.2 #datenschutz ::::::::::::::::::::::::::::::*/ 

#datenschutz #textbereich ul  {
        padding-bottom:0.8em;
}
#datenschutz #textbereich .listenzeichen  {
        background:url(../grafiken/listenzeichen1.png) no-repeat left 0.35em;
        padding-left:1.2em;
        padding-bottom:0.3em;
} /* background-position von top:0.2em auf 0.35em geändert, damit Listenzeichen vertikal besser sitzt */

/*:::::::::::::::::::4.3 #bedienungshilfe :::::::::::::::::::::::::::::::::::::::::*/

#bedienungshilfe #textbereich dt  {
        font-weight:600;
        margin-top:0.8em;
}


/*:::::::::::::::::::4.4 #webdesign :::::::::::::::::::::::::::::::::*/

#webdesign #textbereich .nachoben  {
    padding-bottom:0;
}
#webdesign #textbereich ul  {
        padding-bottom:1em;
}

/*:::::::::::::::::::4.5 #design :::::::::::::::::::::::::::::::::*/


/*:::::::::::::::::::4.6 #referenzen ::::::::::::::::::::::::::::::::::::*/

#referenzen #textbereich h3  {
        font-size:0.9em;
        padding-bottom:0.2em;
        margin-top:1.8em;
}
#referenzen #textbereich a img  {
        border:2px solid #dcdcdc;
}
#referenzen #textbereich a:hover img,
#referenzen #textbereich a:focus img,
#referenzen #textbereich a:active img  {
        border:2px solid #da6f06;
}
#referenzen #textbereich h2,
#referenzen #textbereich h3,
#referenzen #textbereich p  {
        margin-left:20px;
}
#referenzen #textbereich h2  {
         padding-left:1em;
         margin-left:-0.24em;
 }
#referenzen #textbereich h3,
#referenzen #textbereich h4,
#referenzen #textbereich h5  {
         padding-left:1.5em;
         margin-left:-0.24em;
 }


/*:::::::::::::::::::4.7 #kontakt :::::::::::::::::::::::::::::::::::::*/

#kontakt #textbereich p.kontaktabstand  {
        margin-top:1.7em;
        margin-bottom:0.2em;
}
#kontakt #textbereich p.nachoben  {
        margin-top:1.2em;
}

/*:::::::::::::::::::4.7 #suchergebnis :::::::::::::::::::::::::::::::::::::*/

#suchergebnis #output li  {
	margin-top:1.4em;
}

/*========================================
   5. Sonstige Klassen
   ========================================*/

.listenzeichen  {
        background:url(../grafiken/listenzeichen1.png) no-repeat left 0.34em;
        padding-left:1.2em;
        padding-bottom:0.3em;
}
.nachoben  {
    font-size:0.8em;
    padding:0.3em 0 0.2em 0.3em;
}
.abstanduntennull  {
	margin-bottom:0;
}
#topnavi .skiplink  {
     position:absolute;
     top:-9999px;
     left:-9999px;
     width:0px;
     height:0px;
     z-index:1;
}
#fuss .skiplink  {
     position:absolute;
     top:-9999px;
     left:-9999px;
     width:0px;
     height:0px;
     z-index:1;
}
#topnavi .skiplinktab:focus,
#topnavi .skiplinktab:active {
        position:absolute;
	top:9999px;
	left:9999px;
	width:13em;
	background-color:#fff;
	color:#bc4e00;
	padding:0.6em;
	border:2px solid #000;
        z-index:1;
}
#fuss .skiplinktab:focus,
#fuss .skiplinktab:active {
        position:absolute;
	top:10100px;
	left:9999px;
	width:13em;
	background-color:#fff;
	color:#bc4e00;
	padding:0.6em;
	border:2px solid #000;
        z-index:1;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
}