/* 

Hallo Herr Zitzelsberger,

hier die verbindlichen Vorgaben für die Einstellung der Systemschrift:

Hauptnavigation, Text in Buttons
-- Schriftart: Arial bold
-- Schriftgröße: 12 Pixel
-- Schriftfarbe: RGB 255/255/255 Hexal: FFFFFF

Überschrift – Headline:
-- Schriftart: Arial regular
-- Schriftgröße: 20 Pixel
-- Schriftfarbe: RGB 190/4/50 Hexal: C21540

Überschrift – Subline:
-- Schriftart: Arial regular
-- Schriftgröße: 14 Pixel
-- Zeilenabstand: 18 Pixel
-- Schriftfarbe: RGB 242/149/18 Hexal: F29512

Fließtext – Copytext:
-- Schriftart: Arial regular
-- Schriftgröße: 12 Pixel
-- Zeilenabstand: 17 Pixel
-- Schriftfarbe: RGB 120/130/140 Hexal: 78828C

Links:
werden in der Copytextfarbe unterstrichen.


Mit freundlichen Grüßen aus dem Labor 2,

Christian Vill.
 */



html, body {
	margin: 0px;
	padding: 0px;
	min-height: 101%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.clean_left {
	clear: left;
	background-color: silver;
	height: 0px;
}


#layout {
	
}

#seite {
min-width: 990px;
}

/* ========================================================== */

/* #kopf und #hals sollten 230 Pixel in der Höhe haben */


#kopf {
   margin: 0px;
	padding: 0px;
   height: 129px;
	background-image: url(Kopfbereich_04.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	
}

#kopf .kopf_content {
background-image: url(Kopfbereich.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 129px;
}

#kopf .kopf_content a{
	height: 129px;
	width: 1200px;
	position: absolute;
}

#kopf .kopf_content img{
	border: none;
}

/* ========================================================== */


#hals { 
	height: 120px;
	background-image: url(Kopfbereich_06.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 1px; /* wird gebraucht, weil die Bilder wieder nicht sauber geschnitten sind */
}

#hals .hals_service {
	float: left;
	color: #94969C;
	width: 240px; 	padding-left: 110px; /* 350px */
	padding-top: 63px;

}

#hals .hals_service a {
	color: #94969C;
	text-decoration: none;
	font-weight: bolder;
	
}

#hals .hals_menu {
   float: left;
	border: 1px solid #fff;
}

#hals .hals_menu a {
 color: #fff;
 font-weight: bolder;
 font-size: 14px;
 float: left;
 display: block;
 text-decoration: none;
 width: 139px;  padding-left: 20px; /* 159px */
 height: 49px; padding-top: 7px; /* 45px */
}

#hals .hals_menu span.m1 a {
	background-image: url(Button_inaktiv_01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m1 a:hover {
	background-image: url(Button_aktiv_01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m1 a.cur {
	background-image: url(Button_aktiv_01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m2 a {
	background-image: url(Button_inaktiv_02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m2 a:hover {
	background-image: url(Button_aktiv_02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m2 a.cur {
	background-image: url(Button_aktiv_02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


#hals .hals_menu span.m3 a {
	background-image: url(Button_inaktiv_03.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m3 a:hover {
	background-image: url(Button_aktiv_03.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m3 a.cur {
	background-image: url(Button_aktiv_03.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m4 a {
	background-image: url(Button_inaktiv_04.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m4 a:hover {
	background-image: url(Button_aktiv_04.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#hals .hals_menu span.m4 a.cur {
	background-image: url(Button_aktiv_04.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/* ========================================================== */


#brust { /* nur Abstand, sonst nichts */

	height: 30px;
	
}

/* ========================================================== */


#bauch {
	background-image: url(content_back.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	
}


/* min 249px; */
#bauch .bauch_bildspalte {
	float: left;
	width: 294px; padding-right: 30px;
}

#bauch .bildspalte_statisch{
	
}

#bauch .bildspalte_dynamisch {
	width: 220px; 
}

#bauch .bauch_fliesstext {
	float: left;
	width: 470px;
}
/* ========================================================== */

h1 {
	font-size: 20px;
	color: #C21540;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

h2 {
	font-size: 14px;
	color: #F29512;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}

p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	color: #78828C;
}
#bauch .bauch_seitenbereich {
	float:left;
	width: 170px; padding-left:30px;
}

#bauch .bauch_seitenbereich a {
	color: #222222;
   text-decoration: none;
   font-size: 1.4em;
   padding-left: 15px;
   font-weight: bolder;
}



#beine { /* nur Abstand, sonst nichts */

	height: 30px;
	
}

/* ========================================================== */


#fuss {
	height: 178px;
	background-image: url(Fussbereich_04.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	
}

.fuss_links {
	float: left;
}

.fuss_links img {
	border:none;
}

.fuss_rechts {
	float: left;
}

/* ========================================================== */