/*Stylesheet für die Übungsseite*/

/*scrollbar im firefox*/
html {height:101%;}

/*Kalibrierung*/
* {
	padding: 0;
	margin: 0;
}
ol {margin-bottom: 1em;}
ul {margin-bottom: 1em;}
p {margin-bottom: 1em;}
h2 {margin-bottom: 1em;}
h1 {margin-bottom: 1em;}
ul ul {margin-bottom: 0;}
li {
	list-style: square;
	margin-left: 4px;
	left: auto;
}



body {background-image:url(hintergrund.jpg); repeat-y;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:small;}


/*Wrapper*/
#wrapper {
background-image: url(border_left.gif);top-left; background-repeat:repeat-y; color:black;  background-color:white; width: 1024px; height:100%; margin:auto; top:16px; position: relative;	min-height: 650px;
}



/*kopfbereich*/
#kopfbereich {color:white; background-image: url(banner_webseite.jpg);no-repeat top-left; height:178px; }


#logo  {position:absolute; margin-top:178px;}
h1 {font-size: 170%;font-family: "Myriad pro", Verdana, sans-serif; }
h2 {font-size: 120%;font-family: "Myriad pro", Verdana, sans-serif; color: #003b81;}
h3 {
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
}

/*navigation*/
#navibereich1 {
	position: absolute;
	top: 40px;
	left: 105px;
	background-color: white;
	color: black;
	padding-left: 10px;
	width: 110px;
}


#navibereich2 {
	background-image: url(navi.gif);
	background-repeat: no-repeat;
	float: left;
	height: 100%;
	background-color: white;
	margin-left: 2px;
	color: black;
	padding-left: 50px;
	padding-top: 110px;
	width: 192px;
	text-align: right;
	min-height: 405px;
	color: #2e2d2d;
}



/*text*/
#textbereich {
	background-color:#fafafa;
	margin-left: 240px;
	padding-top: 70px;
	padding-right: 50px;
  padding-left: 30px;
	color: #2e2d2d;
	background-image: url(text.gif);
	background-position: right;
	background-repeat: repeat-y;
	height: 100%;
	min-height: 445px;
	line-height:1.5;
}


table.fotobox td {border-bottom: 2px solid white; border-right: 2px solid white; height: 100px; width: 400px; padding: 10px;  background-color:#ebebeb;}
table.fotobox img {
	padding: 4px 5px 0px 2px;
	float: left;
}
table.tabletext {font-size: 50%;}


#bild {float: right; width:200px; height:155px;border:1px; border-color:#ebebeb; border-style:solid; margin-left:7px;
}

#textbereich a {text-decoration: none; line-height:1.7;font-size: 90%;}
#textbereich a:link {color: #003a81;}
#textbereich a:visited {color:#003a81;}
.mailto a:link {color: #2e2d2d;} 


#textbereich a:hover  { background-color: #ebebeb;}


.farbe {color: #2e2d2d; font:bold}
	
.farbe_green {color: #8ba74f; font:bold}
	
.text_green {color: #8ba74f;font-weight: normal;}

	
ul {
	list-style: square;
	padding-left: 10px;
}

ol {
	padding-left: 10px;
}



/*fuss*/
#fussbereich { color:black; position: absolute; top: 180px; left:0px;width:1024px;}



address {text-align:right;padding-right:5px; color:#545454; font-size: 70%; font-style: normal; letter-spacing: 2px;}



/*linkeigentschaften*/
a {text-decoration: none;line-height:1.6;}
a:link {color: #2e2d2d;}
a:visited {color:#2e2d2d;}
a:focus  {color:white; background-color: #b1d3ff;}
a:hover  {color:white; background-color: #b1d3ff;}


#impressum a {color:#545454; }
#impressum a:focus  {text-decoration: none; background-color:transparent;}
#impressum a:hover  {text-decoration: none; background-color:transparent;}

#startseite #navi01  {color:#003b81; background-color: #b1d3ff;}
#ueber_uns #navi02 {color:#003b81; background-color: #b1d3ff;}
#unser_service #navi03 {color:#003b81; background-color: #b1d3ff;}
#infos #navi04 {color:#003b81; background-color: #b1d3ff;}
#formulare #navi05 {color:#003b81; background-color: #b1d3ff;}
#kontakt #navi06 {color:#003b81; background-color: #b1d3ff;}

#navibereich2 a {text-decoration: none; line-height:1.7;font-size: 90%;}
#navibereich2 a:link {color: #003a81;}
#navibereich2 a:visited {color:#003a81;}
#navibereich2 a:focus  {text-decoration: none; }



#navibereich2 a:hover  {
	font: normal normal bolder 100% Verdana;
	background-color: transparent;
}


#startseite #start01 {font: normal normal bolder 100% Verdana;}
#ueber_uns #uns01 {font: normal normal bolder 100% Verdana;}
#unser_service #service01 {font: normal normal bolder 100% Verdana;}
#infos #info01 {font: normal normal bolder 100% Verdana;}




/*skip*/
.skiplink {position: absolute; top: -2000px; left: -3000px; width: 0px; height: 0px; overflow:hidden; display: inline;}