/* 

########################################################################################################
########################################################################################################

Einteilung des CSS-Aufbaus

1. Standards
2. Layout
3. Navigation
4. Content
5. Links 

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

   
/* 1. Standards */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, table, td, form, img, li, input, form, object, textarea{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #4f4d4d;
	text-decoration: none;
	list-style-type: none;
}

ol.viewOL, ol.viewOL li {
	list-style-type: decimal;
	margin-left: 10px;
	padding: 3px 0px;	
}

a {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 11px;
	color: #4f4d4d;
	list-style-type: none;	
}

body {background-color: #FFFFFF;}
h1 {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 27px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #941B1B;
}
h1:first-letter {font-size: 38px;}
h2 {font-size: 13px; font-weight: bold; margin-bottom: 10px; color: #941B1B;}
h3 {font-size: 11px; font-weight: bold;}
hr {margin: 0 0 10px 0; color: #941B1B; height: 1px; border-top: solid 1px #941B1B; border-bottom: transparent; clear: both;}

.floatende {clear: both;}
.rahmen-rechts {border: 3px solid #b7b7b7; margin: 0 0 5px 10px; padding: 1px; background-color: #FFFFFF; float: right; clear: both;}

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


/* 2. Layout */

#Aussenhuelle {
	width: 955px;
	margin: 0 auto;
	background-image: url(../images/hg_aussenhuelle.jpg);
	position: relative;
	overflow: hidden;
}

#AussenhuelleWebCam {
	width: 955px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

*html #Aussenhuelle {overflow: visible;}

#Header {
	width: 955px;
	height: 370px;
	position: relative;
	background-image: url(../images/hg_header.jpg);
}

#HeaderWebCam {
	width: 955px;
	height: 168px;
	background-image: url(../images/bg_adress_webcam.jpg);
	background-repeat: repeat-x;
	background-position: top center;	
	background-color: #c6c7c2;
}

#logoWebCam {
	/*border-top: solid 4px #c6c7c2;
	border-bottom: solid 4px #c6c7c2;*/
	float: left;
	border: none;
	padding-top: 2px;
}

#headerWebCamImg {
	border-bottom: solid 3px #ffffff;
}

#AdresseWebCam {
	float: right;
	width: 460px;
	padding: 4px 0px;
}

#HeaderWebCamWrapper
{
	border-top: solid 3px #c6c7c2;
	border-bottom: solid 3px #c6c7c2;
	border-right: solid 4px #c6c7c2;
}

p.AdresseWebCam {
	float: left;
	width: 230px;
}

#ContentWebCam {
	background-image: url(../images/bg_contentWebCam.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	clear: both;
	margin-top: 4px;
	padding: 4px;
	border: solid 4px #c6c7c2;
}

#counter {
	width: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#Bildwechsel {
	width: 473px;
	height: 286px;
	position: absolute;
	top: 84px;
	left: 482px;
}

#Adresse-oben {
	width: 400px;
	position: absolute;
	top: 235px;
	left: 50px;
}

#linke-Seite {
	width: 482px;
	height: 433px;
	position: relative;
	background-image: url(../images/hg_paragraph.jpg);
	float: left;
}

#rechte-Seite {
	width: 407px;
	min-height: 390px;
	padding: 23px 33px;
	position: relative;
	background: url(../images/hg_content_unten.jpg) bottom no-repeat;
	float: right;
}
*html #rechte-Seite {height: 390px;}

#Abschlussleiste {
	width: 473px;
	height: 47px;
	position: relative;
	background: url(../images/hg_footer.jpg) right no-repeat;
	padding-left: 482px;
	margin: 0 auto 20px auto;
}

.underline {
	font-size: 9px;
	text-decoration: underline;
}

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


/* 3. Navigation */

ul#Navi {
	position: absolute;
	top: 45px;
}

ul#Navi li {
	height: 39px;
	position: relative;
	float: left;
}

ul#Navi li a {
	height: 39px;
	width: 236px;
	display: block;
	background: url(../images/trans.gif);
	margin-right: 5px;
	text-indent: -5000px;
}

ul#Navi li a#n4 {
	width: 232px;
	margin-right: 0;
}

ul#Navi li a:hover {display: block;}

ul#Navi li a#n1:hover {background-image: url(../images/home.gif);}
ul#Navi li a#n2:hover {background-image: url(../images/leistungen.gif);}
ul#Navi li a#n3:hover {background-image: url(../images/kontakt.gif);}
ul#Navi li a#n4:hover {background-image: url(../images/impressum.gif);}

ul#zubehoer {
	width: 473px;
	height: 47px;
	position: relative;
}

ul#zubehoer li {
	position: relative;
	float: left;
}

ul#zubehoer li a {
	background-image: url(../images/trans.gif);
	display: block;
}

ul#zubehoer li a#z1 {width: 74px; text-indent: -5000px; height: 47px;}
ul#zubehoer li a#z2 {width: 55px; text-indent: -5000px; height: 47px;}
ul#zubehoer li a#z3 {width: 56px; text-indent: -5000px; height: 47px;}
ul#zubehoer li a#z4 {width: 80px; color: #FFFFFF; font-size: 9px; text-decoration: none; padding: 19px 0 0 111px; height: 28px;}
ul#zubehoer li a#z5 {width: 87px; color: #FFFFFF; font-size: 9px; text-decoration: none; padding: 19px 0 0 10px; height: 28px;}

ul#zubehoer li a#z1:hover {background: url(../images/home_.jpg) no-repeat bottom;}
ul#zubehoer li a#z2:hover {background: url(../images/kontakt_.jpg) no-repeat bottom;}
ul#zubehoer li a#z3:hover {background: url(../images/impressum_.jpg) no-repeat bottom;}
ul#zubehoer li a#z4:hover {color: #FF7F7F; text-decoration: none; background: url(../images/zurueck.jpg) bottom no-repeat;}
ul#zubehoer li a#z5:hover {color: #FF7F7F; text-decoration: none; background: url(../images/nach_oben.jpg) bottom no-repeat;}

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


/* 4. Content */

#Adresse-oben p {
	font-size: 9px;
	color: #4F4D4D;
	margin-bottom: 10px;
	float: left;
	width: 200px;
}

#Aussenhuelle #rechte-Seite p {margin: 0 0 10px 0;}

.li_text, .re_text {
	float: left;
	width: 190px;
}

.li_text {margin-right: 27px}

#Aussenhuelle #rechte-Seite ul li {
	margin: 0 0 5px 30px;
	padding: 0 0 0 10px;
	list-style: disc;
	position: relative;
	
}

#Aussenhuelle #rechte-Seite ul {margin: 5px 0 15px 0;}

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


/* 5. Links */

#Aussenhuelle #Header #Adresse-oben a,
#Aussenhuelle #Header #Adresse-oben a.escape,
#Aussenhuelle #Header #Adresse-oben a.escape span span {
	font-size: 9px;
	color: #4F4D4D;
	text-decoration: none;
}

#Aussenhuelle #Header #Adresse-oben a:hover,
#Aussenhuelle #Header #Adresse-oben a:hover.escape,
#Aussenhuelle #Header #Adresse-oben a:hover.escape span span {
	color: #A5A5A5;
	text-decoration: none;
}

#Aussenhuelle #Header #Adresse-oben a.webcam {
	text-decoration: underline;	
}

#Aussenhuelle #Header #Adresse-oben a.webcam:hover {
	color: #222222;	
}

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