@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 #umhang u. #verlaufhalter
      3.2 #kopf
      3.3 #navi
      3.4 #textbereich
      3.5 #fuss u. #fuss-innen
4. Layout Unterseiten  
       4.1 #inhaltsverzeichnis
       4.2 #leistungen
       4.3 #referenzen
       4.4 #kontakt
       4.5 #datenschutz
       4.6 #bedienungshilfe
5.Sonstige Styles
       5.1 Sonstige Klassen

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


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

*  {
	padding:0;
	margin:0;
}
html  {
        height:100%;
}
body  {
        color:#505050;
        background:#a6a8a6 url(../grafiken/body-hg.png) repeat-x left top;
        font:100%/1.4 arial,verdana, sans-serif;
}
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;
        font-size:1em;
	width:800px;
	height:150px;
}
h1 span  {
        position:absolute;
	width:100%;
	height:100%;
	background:url(../grafiken/kopf-hg.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:link  {
	color:#007665;
	background-color:transparent;
}
a:visited  {
	color:#015f68;
	background-color:transparent;
}
a:focus, a:hover  {
	color:#da6f06;
	background-color:transparent;
	text-decoration:none;
}
a:active  {
	color:#000;
	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 #umhang  #verlaufhalter::::::::::::::::::::::::::::::*/

#umhang  {
        width:800px;
        background-color: #f5f5f5;
        border:2px solid #696969;
        border-bottom:none;
        margin:100px auto 0 auto;
}

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

#kopf  {
        width:800px;
}

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

#navi  {
        float:left;
	width:200px;

}
#navi ul  {
        margin:36px 0 0 24px;
}
#navi ul li  {
         width:180px;
	 margin-bottom:0.4em;
}/*--li bekommt vorsorglich Layout fuer den IE--*/
#navi a,
#navi strong  {
         position:relative;
	 overflow:hidden;
	 display:block;
	 width:100%;
       	 height:40px;
}
#navi #navi01 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/startseite.png) no-repeat 0 0;
}
#navi #navi01 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/startseite.png) no-repeat -180px 0;
}
#navi #navi02 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/inhaltsverzeichnis.png) no-repeat 0 0;
}
#navi #navi02 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/inhaltsverzeichnis.png) no-repeat -180px 0;
}
#navi #navi03 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/webdesign.png) no-repeat 0 0;
}
#navi #navi03 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/webdesign.png) no-repeat -180px 0;
}
#navi #navi04 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/freiberufler.png) no-repeat 0 0;
}
#navi #navi04 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/freiberufler.png) no-repeat -180px 0;
}
#navi #navi05 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/referenzen.png) no-repeat 0 0;
}
#navi #navi05 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/referenzen.png) no-repeat -180px 0;
}
#navi #navi06 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/kontakt.png) no-repeat 0 0;
}
#navi #navi06 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/kontakt.png) no-repeat -180px 0;
}
#navi #navi07 a span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/anfahrt.png) no-repeat 0 0;
}
#navi #navi07 strong span  {
        position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../grafiken/anfahrt.png) no-repeat -180px 0;
}

#navi #navi01 a:hover span,
#navi #navi01 a:active span,
#navi #navi01 a:focus span,
#navi #navi02 a:hover span,
#navi #navi02 a:active span,
#navi #navi02 a:focus span,
#navi #navi03 a:hover span,
#navi #navi03 a:active span,
#navi #navi03 a:focus span,
#navi #navi04 a:hover span,
#navi #navi04 a:active span,
#navi #navi04 a:focus span,
#navi #navi05 a:hover span,
#navi #navi05 a:active span,
#navi #navi05 a:focus span,
#navi #navi06 a:hover span,
#navi #navi06 a:active span,
#navi #navi06 a:focus span,
#navi #navi07 a:hover span,
#navi #navi07 a:active span,
#navi #navi07 a:focus span  {
        background-position:-180px 0;
}

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

#textbereich  {
        float:right;
        background:#f5f5f5;
        width:500px;
        padding:40px 20px 20px 20px;
}
#textbereich img.startseitenbild  {
        float:left;
        border:2px solid #007665;
        margin:0 25px 20px 0;
}
#startseite #textbereich h2  {
        font-size:1.1em;
}
#startseite #textbereich ul  {
        margin:10px 0 0 180px;
}


#startseite #textbereich h3  {
        clear:left;
}


/*::::::::::::::::::: 3.7 #fuss :::::::::::::::::::::::::::::*/

#fuss  {
        position:relative;
        clear:both;
        background:#007665 url(../grafiken/fussgrafik.png) no-repeat 420px bottom;
        color:#f5f5f5;
}
#fuss a {
        color:#f8f665;
}
#fuss a:hover,
#fuss a:focus,
#fuss a:active,
#fussnavi strong   {
        color:#f7ee06;
        text-decoration:none;
}
#fuss dl  {
        float:left;
        width:580px;
        padding:20px 0 0 30px;
}
#fuss dt  {
        font-weight:bold;
}


#fuss ul#fussnavi  {
        float:right;
        width:180px;
        padding:66px 0 0 0;
}


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

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

#inhaltsverzeichnis dd  {
        padding-bottom:1em;
}
#inhaltsverzeichnis #fuss dd  {
        padding-bottom:0;
}

/*:::::::::::::::::::4.2 #webdesign:::::::::::::::::::::::::::::::::*/

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


/*:::::::::::::::::::4.3 #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.4 #kontakt:::::::::::::::::::::::::::::::::::::*/

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

/*:::::::::::::::::::4.5 #datenschutz::::::::::::::::::::::::::::::*/ 

#datenschutz #textbereich ul  {
        padding-bottom:0.8em;
}

/*:::::::::::::::::::4.7 #bedienungshilfe:::::::::::::::::::::::::::::::::::::::::*/

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

/*:::::::::::::::::: #anfahrt ::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#anfahrt iframe  {
        border:2px solid #007665;
        margin:1em 0 0.5em 0;
}



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

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