/* Standard-CSS für www.ch-gude.de */

/* Wichtige Farben
Farbe Content					= #ffffff
Farbe Rahmen					= #000000
Farbe Text Navi 1 und 2 inaktiv	= #999999
Farbe Text Navi 1 und 2 aktiv	= #000000
Farbe Text						= #000000
Farbe Huelle					= #555555
Farbe Hover Navi 1 und 2		= #000000
Farbe Hover Navi 3				= #ffffff
*/

/* Hier werden alle html-Tags auf "Null" gesetzt und eine Standard-Schriftart vergeben */
/* html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li */
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* Hier allgemeingültige Formatierungen */


/* entfernt den standartmässigen 1px breiten Rahmen um IMAGES */ 
img {
	border-style:none;
}

/* schließt Textdekorationen standartmäßig aus für Links und besuchte Links */ 
a:link {
	text-decoration:none;
}

a:visited {
	text-decoration:none;
}

a:hover {
   
}

a:active {
   
}

/* Standartschriftgröße und -farbe für body */ 
body {
	font-size: 100%;
	background-image: url(../bg.jpg);
	background-repeat: repeat-x;

}

/* Formatierung der Standartüberschrift h1 */ 
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
h2 {
	font-size: 14px;
	font-weight: bold;

}


/* Sektionsweite Formatierungen */

/* Formatierungen DIVs */

/* die Hülle mit zentrierter Positionierung */

#huelle {
	height: 450px;
	width: 930px;
	position: relative;
	margin: auto;
	top: 80px;
	z-index: 100;
	padding-top: 50px;
	padding-left: 50px;
	background-color: #555555;
}
#huelle  #header {
	height: 68px;
	width: 648px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 110;
	left: 50px;
	top: -40px;
	border: 1px solid #000000;
}
#huelle #header #nav1 {
	height: 40px;
	width: 650px;
}
#huelle #header #nav1 ul {
	list-style-type: none;
	padding-top: 8px;
}
#huelle #header #nav1 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: inline;
	padding-left: 20px;
}
/* a.navi_on_link  und a.navi_off_link als class definiert
zeigen link der aktuellen seite schwarz und links der nicht gezeigten seiten grauen.
*/
a.navi_on_link {
	color:#000000;
}
a.navi_off_link {
	color:#999999;
}
#huelle #header #nav1 a:hover {
	color: #000000;
}
#huelle #header #nav2 {
	height: 30px;
	width: 650px;
}
#huelle #header #nav2 ul {
	list-style-type: none;
}
#huelle #header #nav2 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
	padding-left: 20px;
	font-weight: 500;
}
#huelle #header #nav2 a:hover {
	color: #000000;
}
.impressum_on {
	color: #000000;
	margin-left: 360px;
}
/* impressum_off und impressum_on als class definiert
funktion wie a.navi_on_link und a.navi_off_link, zusätzlich abstand nach links um den text am rechten rand zu platzieren. neue Klasse definiert, da zwei klassen in einem link nicht möglich
*/
.impressum_off {
	color: #999999;
	margin-left: 360px;
}
#huelle #logo {
	height: 50px;
	position: absolute;
	z-index: 100;
	left: 700px;
	top: -50px;
	padding-left: 25px;
}
#huelle #content {
	border: 1px solid #000000;
	height: 398px;
	width: 878px;
	background-color: #FFFFFF;
}
#huelle #content #content_text {
	height: 360px;
	margin-top: 20px;
	margin-left: 20px;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 450px;
}
.kontakt {
	padding-top: 150px;
}

/* tabelle, da sonst kein abstand (leerzeichen) zwischen dem text*/
#huelle #content #content_text table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
}

#huelle #content #content_bild {
	height: 360px;
	width: 306px;
	margin-left: 554px;
	margin-top: 20px;
}
#huelle  #nav3 {
	height: 10px;
	width: 880px;
	margin-top: 15px;
	font-weight: 500;
}
#huelle #nav3 ul {
	list-style-type: none;
}
#huelle #nav3 li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: inline;
	padding-left: 20px;
}
#huelle #nav3 a:hover {
   color: #000000;
}