/*
###########################################
### Cascadin Style Sheet Document #########
### for Geiger AG #########################
### by Daniel Fuerst ######################
###########################################
*/

html {
	height:100%;
}

body {
	background:#FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, sans-serif;
	height:100%
}

h1{
	color: #F00000;
	font-size:13px;
	text-align:left;
	margin: 0 0 10px 0;
}

h2{
	color: #000000;
	font-size:11px;
	text-align:left;
	line-height:16px;
	margin: 0;
	font-weight:normal;
}

h3{
	color: #6F98AC;
	font-size:10px;
	text-align:left;
	line-height:16px;
	margin:0;
	font-weight:bold;
}

h4{
	color: #000000;
	font-size:10px;
	text-align:left;
	line-height:16px;
	margin: 0;
	font-weight:bold;
}

#con {
	margin:0 auto;
	height:auto;
	width:948px;
}

#con2 { /*navi liste*/
	background:url(../images/bg_navi.jpg) no-repeat top left;
	height:63px;
	width:940px;
	padding: 0 0 0 8px;
	list-style: none;
	float:left;
}

.navi a{
	font-size: 10px;
	color: #000000;
	height: 10px;
	width: auto;
	margin: 44px 0 0 0;
	padding: 3px 6px 4px 6px;
	float:left;
	overflow:hidden;
	display:inline;
	text-decoration:none
}
.naviact a, .navi a:hover{
	background: url(../images/navi_active.gif) no-repeat;
	font-size: 10px;
	color: #F00000;
	height: 12px;
	width: auto;
	margin: 43px 0 0 0;
	padding: 4px 6px 4px 6px;
	float:left;
	text-decoration:underline;
	overflow: hidden;
	display:inline;
}

.strich {
	background:#F00000;
	width:2px;
	height:12px;
	overflow:hidden;
	float:left;
	margin: 47px 0 0 0;
}

#con3, #RollOverNavi {/*bilderkette*/
	height:107px;
	width:948px;
	float:left;
	overflow:hidden;
	line-height:0px;
	background:#F00000;
}

/* Banner-Navigation --------------------------*/
a.nspen{
	height:107px;
	width:224px;
	float:left;
	background:url(../images/navi_spen.jpg) bottom left no-repeat;
} 

a.nspen:hover{
	background:url(../images/navi_spen.jpg) top left no-repeat;
} 

a.nsani{
	height:107px;
	width:240px;
	float:left;
	background:url(../images/navi_sani.jpg) bottom left no-repeat;
} 

a.nsani:hover{
	background:url(../images/navi_sani.jpg) top left no-repeat;
} 

a.nheiz{
	height:107px;
	width:243px;
	float:left;
	background:url(../images/navi_heiz.jpg) bottom left no-repeat;
} 

a.nheiz:hover{
	background:url(../images/navi_heiz.jpg) top left no-repeat;
} 

a.nplan{
	height:107px;
	width:241px;
	float:left;
	background:url(../images/navi_plan.jpg) bottom left no-repeat;
} 

a.nplan:hover{
	background:url(../images/navi_plan.jpg) top left no-repeat;
} 

/* Banner-Navigation  Ende --------------------------*/
#con4 { /* logo */
	height:76px;
	width:948px;
	float:left;
	margin:0;
	padding:0;
	background:#F00000
}

#con5{ /* Content */
	height:auto;
	width:948px;
	float:left;
}

#con6{/* Tech.Navi & Unternavi & Adresse */
	height:570px;
	width:225px;
	border-right: 1px solid #B1C8D7;
	float:left;
	margin: 10px 0 0 0;
}

#con8{
	height:200px;
	width:225px;
	float:left;
	overflow:hidden;
}
	
#technavi {
	height:37px;
	width:225px;
	float:right;
	text-align:right;
}

/* Unternavi --------------------*/	
#conunternavi {
	height:auto;
	width:210px;
	float:right;
	text-align:right;
	margin: 5px 0 0 0;
	padding: 0 14px 0 0;
	border-top: 1px solid #B1C8D7;
}

a.unavi{
	margin:0 18px 0 0;
	padding:0 18px 0 0;
	background:url(../images/u_navi_icon.gif) right no-repeat;
	margin: 10px 0 0 0;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	width:190px;
	float:right;
}

a.unavi:hover{
	background:url(../images/u_navi_icon_act.gif) right no-repeat;
	font-weight:bold;
}

a.unaviact{
	margin:0 18px 0 0;
	padding: 0 18px 0 0;
	background:url(../images/u_navi_icon_act.gif) right no-repeat;
	margin: 10px 0 0 0;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	width:190px;
	float:right;
}

/* Unternavi END -----------------*/

#adresse {
	font-size: 10px;
	height:auto;
	width:205px;
	float:right;
	text-align:right;
	line-height: 13px;
	padding: 0 13px 0 0;
}

#adresse a, #con7 a, a h2, h2 a, .ptext a{text-decoration: none; color:#000000}
#adresse a:hover, #con7 a:hover, a h2:hover, h2 a:hover, .ptext a:hover{text-decoration: underline}

.red{color: #F00000; font-weight:bold}
.black{color: #000000; font-weight:bold}

	
#con7, #conheiz, #consani, #conspeng, #conpla{/* Seiteninhalt */
	float:left;
	height:auto;
	margin: 15px 0 0 25px;
}

#con7{
	width: 600px;
	padding: 0 50px 0 0;

}

#connews{
	width: 683px;
	padding: 11px;
	float:left;
}

#conheiz {
	background:url(../images/h_back.gif) no-repeat 50px 23px;
	padding: 0 0 60px 0;
	width: 665px;
}

#consani {
	background:url(../images/s_back.gif) no-repeat 50px 23px;
	padding: 0 0 60px 0;
	width: 665px;
}

#conspeng {
	background:url(../images/sp_back.gif) no-repeat 50px 120px;
	padding: 0 0 60px 0;
	width: 665px;
}

#conpla {
	padding: 0 0 60px 0;
	width: 665px;
}

/* Kontaktformular-Seite */
#c_formular{
	height:500px;
	width:auto;
	float:left;
	padding:10px 0 0 3px;
	text-align:left;
	font-size:11px;
}
.lheight {
	line-height: 27px;
	padding: 0 25px 0 0;
	text-align:left;
}

.input, .plz, .ort, .textarea, .submit {
	font-size:11px;
	font-family:Verdana, sans-serif;
	border: 1px solid #B1C8D7;
}
.input, .plz, .ort, .textarea{
	height:15px;
	text-align:left;
	padding: 2px 3px 0 3px;
	margin: 5px 0 5px 5px;
}

.input {
	width:350px;
	}

.plz {
	width:30px;
}

.ort {
	width:307px;
}

.textarea {
	height:63px;
	width:350px;
}

.submit {
	height:17px;
	text-align:center;
	width: auto;
	margin: 5px 0 5px 5px;
	padding: 0 0 2px 0;
}

/* Geschäftsleitung-Seite */

.portrait {
	height:260px;
	width:240px;
	overflow:hidden;
	padding:0;
	text-align:left;
	float:left;
	margin:10px 0 0 55px;
}

.ptext{
	font-size:11px;
	text-align:left;
	height:75px;
	width:170px;
	overflow:hidden;
	padding:10px 5px 0 5px;
}

/* Heizung, Sanitär, Spenglerei, Planung */
#textfield{
	float:left; 
	height:260px;
	width:424px;
}

#liste {
	height:240px;
	width:213px;
	float:right;
	margin: 20px 0 0 0;
}

.items {
	text-align: left;
	background: #E8EAEC;
	border-top: 1px solid #AEAEAE;
	height:15px;
	width: 211px;
	margin: 0 0 1px 0;
	padding: 2px 0 0 2px;
	float:left;
	font-size:10px;
	color: #6F98AC;
	font-weight:bold;
}

#beschreib{
	float:left; 
	height:80px;
	width:630px;
}
/* Start --------------------------- */

#richti {
	float:left;
	margin:5px 0 0 10px;
	height:175px;
	width:288px;
}

/* Lehrlingsbetrieb / Team --------------------------- */

#lehrlinge, #team {
	float:left;
	margin:15px 0 0 10px;
	height:438px;
	width:584px;
}


/* Wegbeschreibung  --------------------------- */

#anfahrtsplan {
	float:left;
	margin:15px 0 0 10px;
	height:450px;
	width:584px;
	border: 1px solid #B1C8D7;
}

/* Firma --------------------------- */

#firma {
	float:left;
	margin:15px 0 0 10px;
	height:438px;
	width:584px;
}

/* Referenzen ------------------------ */

/* ---Navi ----------------------------*/
#refnavi {
	height:auto;
	width:210px;
	float:right;
	text-align:right;
	margin: 5px 0 0 0;
	padding: 0 14px 0 0;
	border-top: 1px solid #B1C8D7;
}

a.level1{
	margin:0 18px 0 0;
	padding:0 18px 0 0;
	background:url(../images/u_navi_icon.gif) right no-repeat;
	margin: 10px 0 0 0;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	float:right;
	width:174px;
}

a.level1:hover{
	background:url(../images/u_navi_icon_act.gif) right no-repeat;
	font-weight:bold;
}

a.level2 {
	background:url(../images/ref_navi_pic.gif) right no-repeat;
	margin: 10px 0 0 0;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	float:right;
	padding:0 18px 0 0;
}
a.level2{margin:10px 18px 0 0; width:174px;} 

a.level2:hover {
	font-weight:bold;
}

a.level1act{
	margin:0 18px 0 0;
	padding:0 18px 0 0;
	background: url(../images/u_navi_icon_act.gif) right no-repeat;
	margin: 10px 0 0 0;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	float:right;
	width:174px;
}

a.level2act, a.level3act {
	background:url(../images/ref_navi_pic.gif) right no-repeat;
	margin: 10px 0 0 0;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	float:right;
	padding:0 18px 0 0;
}
a.level2act{margin:10px 18px 0 0; width:174px;} 

/* --- Referenz ----------------------*/

.referenz {
	height:auto;
	width:564px;
	border:1px solid #B1C8D7;
	padding:11px;
	margin:15px 0 0 10px;
}

.reftext{
	font-size:11px;
	text-align:justify;
	padding: 0 15px 0 0;
}

a.refsite{
	font-size:11px;
	float:right;
	width:auto;
	background:url(../images/vis_navi_pic.jpg) top right no-repeat;
	padding:0 14px 0 0;
	margin:11px 0 0 0;
}
a.refsize{
	font-size:11px;
	float:right;
	width:auto;
	background:url(../images/vis_navi_pic.jpg) top right no-repeat;
	padding:0 14px 0 0;
	margin:11px 0 0 15px;
}

a.refsite:hover, a.refsize:hover{ text-decoration:underline;}


/******************* news ************************/

.news {
	float:left;
	height:auto;
	width:auto;
	padding:11px 0 11px 11px;
}
/******************* news end ************************/


#feuerungstechnik {
	float:left; 
	width: 160px; 
	height: auto;
}

feuerungs_logo {
	float:left; 
	height:133px; 
	width:373px; 
	margin:3px 0 0 5px
}