/* 
	Beschreibung:			Iss dich fit! Basics-CSS
	Zuletzt bearbeitet:		Jan Wagner
	Datum:				15.04.2008

------------------------------------------------------------------
	-1.0- HTML Grundgeruest + Body
	
	-2.0- Verlauf im oberen hinteren Teil der Website
	
	-3.0- Aeusserer Div um das gestaltete Layout
	
	-4.0- Verlauf im oberen hinteren Teil der Website
	
	-5.0- Header (aufgeteilt in 3 Zeilen)
	-5.2- Header obere Zeile (von links nach rechts)
	-5.3- Header mittlere Zeile (von links nach rechts)
	-5.4- Header mittlere Zeile (von links nach rechts)
	-5.5- Header untere Zeile (von links nach rechts)
	
	-6.0- Content (aufgeteilt in 3 Zeilen)
	-6.1- Content obere Zeile
	-6.2- Content mittlere Zeile
	-6.3- Seiteninhalt (aufgeteilt in Inhalt_Text und Inhalt_Bild)
	-6.4- Kontaktformular
	-6.5- Content untere Zeile
	
	-7.0- Footer
	
	-8.0- Stoerer
	
	-9.0- Fix Float
------------------------------------------------------------------*/

/* HTML Grundgeruest + Body
------------------------------------------------------------------*/

html {

	overflow-y:scroll;
	
}

html, body, div, h1, h2, h3, h4, p, ul, ol, li, span, a, table, td, form, fieldset, img {

  	border:0;
   	margin:0;
   	padding:0;
	
}

body#idf{

	margin:0;
	padding:0;
	font: 62.5%/140%  Verdana, Arial, Helvetica, sans-serif;
	line-height:1.8em;
	color:#ea8b2a;
	background:#c0d586;
	
}

/* Verlauf im oberen hinteren Teil der Website
------------------------------------------------------------------*/

#verlauf {

	position:absolute;
	padding:0;
	margin:0;
	width:100%;
	height:688px;
	background-image:url(../images/background_verlauf.jpg);
	background-repeat:repeat-x;
	z-index:10;
	
}

/* Aeusserer Div um das gestaltete Layout
------------------------------------------------------------------*/

#wrapper {

	position:absolute;
	padding:0px;
	margin:0px;
	width:760px;
	left:50%;
	font-size:1.1em;
	line-height:1.8em;
	margin-left:-380px;
	z-index:20;
		
}

/* Header (aufgeteilt in 3 Zeilen)
------------------------------------------------------------------*/

#header {

	width:760px;
	height:336px;
	
}

/* Header obere Zeile (von links nach rechts)
------------------------------------------------------------------*/

#header_top_01 {

	width:136px;
	height:49px;
	float:left;
	
}

#header_top_02 {

	width:624px;
	height:49px;
	float:left;
	background-image:url(../images/header_top_02.jpg);
	
}

/* Header mittlere Zeile (von links nach rechts)
------------------------------------------------------------------*/

#header_middle_01 {

	width:22px;
	height:230px;
	float:left;
	
}

#header_middle_02 {

	width:114px;
	height:230px;
	float:left;
	background-image:url(../images/header_middle_02.jpg);
	
}

#header_middle_03 {

	width:624px;
	height:230px;
	float:left;
	background-image:url(../images/header_middle_03.jpg);
	
}

/* Header untere Zeile (von links nach rechts)
------------------------------------------------------------------*/

#header_bottom_01 {

	width:136px;
	height:72px;
	float:left;
	
}

#header_bottom_01 {

	width:136px;
	height:58px;
	float:left;
	
}

#header_bottom_02 {

	width:624px;
	height:58px;
	float:left;
	background-image:url(../images/header_bottom_02.jpg);
	
}

/* Content (aufgeteilt in 3 Zeilen)
------------------------------------------------------------------*/

/* Content obere Zeile
------------------------------------------------------------------*/

#content_top {

	width:760px;
	height:50px;
	background-image:url(../images/content_top.jpg);
	
}

/* Content mittlere Zeile
------------------------------------------------------------------*/

#content_middle {

	padding-bottom:50px;
	width:760px;
	background-image:url(../images/content_middle.jpg);
	
}

/* Seiteninhalt (aufgeteilt in Inhalt_Text und Inhalt_Bild)
------------------------------------------------------------------*/

#content_text {

	padding:0px 40px 0px 180px;
	width:285px;
	float:left;
	
}

#content_pics {

	width:230px;
	float:left;
	font-size:0.9em;
	
}

/* Kontaktformular
------------------------------------------------------------------*/

#content_form_left {

	width:95px;
	float:left;
	
}

#content_form_right {

	width:175px;
	float:left;
	
}	

/* Content untere Zeile
------------------------------------------------------------------*/

#content_bottom {

	width:760px;
	height:17px;
	background-image:url(../images/content_bottom.jpg);
	
}

/* Footer
------------------------------------------------------------------*/

#footer {

	width:150px;
	height:30px;
	padding:5px 0px 0px 610px;

}

/* Stoerer
------------------------------------------------------------------*/


#stoerer {

	position:absolute;
	left:205px;
	top:207px;
	width:110px;
	height:110px
		
} 

#stoerer a{
    
	display:block;
	width:110px;
	height:110px;
    	background:transparent;
	
} 	

/* Fix Float
------------------------------------------------------------------*/

.fixfloat {

	clear:both;
	margin:0;
	padding:0;
	height:0px;
	line-height:0px;
	font-size:0px;
	
}