@charset "utf-8";
/*
	===========================================================================
	@desc:		Gruppe Mein EigenHeim - Main StyleSheet
	@version:	Wed, 12 Nov 2008 00:54:08 +0100
	@copyright:	Boris Bojic | DevShack | www.devshack.biz
	@changed:	-
	===========================================================================
*/

/* === [ Grundlegendes / CSS Reset ] ============================================= */

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{line-height:1;font-family:Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;color:#333;background:#fff;font-size:100.01%;}
input,
select,
textarea{font-family:Verdana,Arial,Helvetica,"Trebuchet MS",sans-serif;margin:0;padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-family:Arial,Verdana,Helvetica,"Trebuchet MS",sans-serif;}
a{color:#E2001A;text-decoration:none;}
a:hover{color:#003399;}
label{cursor:pointer;}

/* === [ Grundlayout ] ===================================================================================== */

body{
	background: #CDCECF url('./img/body/body-back-1.png') 0 0 repeat-x;
}

#wrapper{
	width: 950px;
	margin: 0 auto;
}

#main{
	background: #fff url('./img/main/main-back.png') 0 0 repeat-y;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 0 10px;
}

	#main.twocolumn
	{
		background: #fff url('./img/main/main-full-back.png') 0 0 repeat-y;
	}

	#main.fullsize{
		background-image: none;
	}

#leftcol{
	float: left;
	width: 190px;
}

#content{
	float: left;
	width: 525px;
	padding: 0 10px;

	min-height: 500px;
}

	#main.twocolumn #content{
		width: 730px;
		padding-right: 0;
	}

	#main.fullsize #content{
		padding: 0;
		width: 930px
	}

#rightcol{
	float: left;
	width: 195px;
}

#footer{
	padding: 15px 0;
	text-align: center;
	font-size: .75em;
}

/* === [ Oberes Logo ] ===================================================================================== */

h1{
	background: transparent url(./img/logo/grpmeh-logo-2009.png) 0 0 no-repeat;
	height: 120px;
}

h1 a{
	display: block;
	width: 315px;
	height: 105px;
	text-indent: -9999em;
}

/* === [ Hauptnavigation / Linke Spalte ] ===================================================================================== */

#leftcol ul{
	font-size: .75em;
	border-bottom: 8px solid #fff;
}

#leftcol li{
	line-height: 2.2;
	background-color: #A2A3A4;
	border-bottom: 2px solid #fff;
}

	#leftcol li a{
		display: block;
		padding-left: 15px;
		color: #333;
		background-color: #A2A3A4;
	}

	#leftcol li a:hover,
	#leftcol li.marked a{
		font-weight: bold;
		color: #fff;
		background-color: #666;
	}

	#leftcol li.marked a{
		background-color: #003399;
	}

/* 2. Ebene ------------------------------ */

#leftcol ul ul{
	border-bottom: 0 none;
	border-top: 2px solid #fff;
	font-size: 1em;
	display: none;
}

#leftcol li li{
	background-color: #DFDFDF;
}

	#leftcol li li a,
	#leftcol li.marked li a{
		font-weight: normal;
		color: #333;
		padding-left: 30px;
		background: #DFDFDF url('./img/motive/arrow-gray.png') 15px .8em no-repeat;
	}

	#leftcol li li a:hover,
	#leftcol li li.marked a{
		font-weight: bold;
		color: #fff;
		background: #003399 url('./img/motive/arrow-blue.png') 15px .8em no-repeat;
	}


/* Automatisches Auf/Zuklappen je nach body-id ------------------------------ */

body#bd-leistungsdaten #leftcol li#leistungsdaten ul,
body#bd-mediadaten #leftcol li#mediadaten ul,
body#bd-techdaten #leftcol li#techdaten ul,
body#bd-kontakt #leftcol li#kontakt ul,
body#bd-servicedown #leftcol li#servicedown ul{
	display: block;
}

/* Adressbox unter der Navi ------------------------------ */

#contactbox{
	border-bottom: 10px solid #fff;
	padding: 15px 25px 5px 25px;
	background: url('./img/main/boxlinie.png') 0 0 repeat-y;
}

	#contactbox p,
	#contactbox address{
		font-size: .7em;
		line-height: 1.6;
		padding-bottom: 1em;
		font-style: normal;
	}

	#contactbox p.arrowlink a{
		padding-left: 15px;
		background: url('./img/motive/arrow-gray.png') 0 .45em no-repeat;
	}

/* === [ Inhalt ] ===================================================================================== */

/* Das erste Element auf der Seite braucht noch Abstand nach oben ------------------------------ */
#content #firstelement{
	padding-top: 20px;
}

/* Für Elemente, die keinen Abstand nach unten haben sollen ------------------------------ */
#content .nopad{
	padding-bottom: 0;
}
#content .norm{
	font-weight: normal;
}


#content h2{
	font-weight: bold;
	font-size: 1em;
	line-height: 2.2;
	color: #003399;
	background-color: #DFDFDF;
	padding: 0 20px;
}

#content h3{
	font-size: 1em;
	line-height: 1.6;
	padding: 1.0em 20px 1.5em 20px;
}

#content h4{
	font-size: .8em;
	line-height: 1.6;
	padding: 1.0em 20px 1.5em 20px;
}


#content h5{
	font-size: .75em;
	line-height: 1.6;
	padding: 1.0em 20px 1.5em 20px;
}

#content h6{
	font-size: .7em;
	line-height: 1.6;
	padding: 1.0em 20px 1.5em 20px;
}


#content p{
	font-size: .75em;
	line-height: 1.6;
	padding: 0 20px 1.5em 20px;
}

#content hr{
	color: #999;
	background-color: #999;
	height: 1px;
	border: 1px solid #999;
	border-width: 1px 0 0 0;
	margin-bottom: 20px;
}

#content hr.reddish{
	color: #E2001A;
	background-color: #E2001A;
	border-color: #E2001A;
}

#content .startbild {
	padding: 0;
	text-align: center;
}


/* Auflistungen mit Box und Pfeil ------------------------------ */
#content ul.boxlist,
#content ul.arrowlist{
	font-size: .75em;
	line-height: 1.7;
	padding: 0 20px 1.5em 20px;
}

	#content ul.boxlist li{
		padding-left: 15px;
		background: url(./img/motive/rechteck.png) 0 .55em no-repeat;
	}
	

	#content ul.arrowlist li{
		padding-left: 15px;
		background: url('./img/motive/arrow-gray.png') 0 .55em no-repeat;
	}
	
	#content ul.arrowlist li.line{
			background: url('./img/motive/arrow-gray.png') 0 1.2em no-repeat;
			border-bottom: 1px dotted #999;
			padding: 8px 0 8px 14px;
		}


/* Zweispaltige Definitionsliste ------------------------------ */
#content dl.zweispalt{
	font-size: 0.75em;
	line-height: 1.6;
	padding-left: 20px;
	padding-bottom:2em;		
}
	#content dl.zweispalt dt{
		width: 50px;
		float: left;
	}

	#content dl.zweispalt dt.breit{
		width: 190px;
		clear: left;
	}
	
	#content dl.zweispalt dd{
		width: 200px;
		float: left;
	}
	
	#content dl.zweispalt dd.abstand{
		padding: 10px 0 20px 0;
	}
	
	#content dl.zweispalt dt.breiter{
		width: 250px;
	}

	#content dl.zweispalt dd.breit-20{
		padding-bottom: 20px;
	}
	#content dl.zweispalt dd.breit
	{
		width: 400px;
	}


/* Tabellen  ------------------------------ */
#content table.tablist{
	width: 480px;
	margin: 0 20px 1.5em 20px;
	font-size: .75em;
	line-height: 1.6;
}

#content table.tablist th{
	text-align: right;
}

#content table.tablist td{
	border-bottom: 1px solid #C1C1C1;
	padding: 2px;
	text-align: right;
}

#content table.tablist th.left,
#content table.tablist td.left{
	text-align: left;
}

#content table.tablist tr.toppad td{
	padding-top: 20px;
}

#content table.zweispalt{
	width: 710px;
	margin: 20px 0 1.5em 10px;
	font-size: .75em;
	line-height: 1.46;
}

#content .bluebot{
	color: #003399;
	font-weight: bold;
}


#content table.zweispalt td{
	border-bottom: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	padding: 3px 3px 3px 15px;
}

#content table.zweispalt td.norightborder{
	border-right: none;
}

#content table.zweispalt td.nobottborder{
	border-bottom: none;
}

#content table.zweispalt td.noborder{
	border-bottom: none;
	border-right: none;
}

#content table.zweispalt-border{
	width: 700px;
	margin: 20px 10px 1.5em 20px;
	font-size: .75em;
	line-height: 1.46;
	border: 1px solid #666;
}

#content table.zweispalt-border td{
	padding: 10px;
}


/* Formulare ------------------------------ */

#content .formwrapper{
	background: #FFDFE2 url('./img/form/formbox_back.png') 0 0 repeat-y;
	margin: 10px 0 0 0;
}

#content .formtitle{
	float: left;
	width: 147px;
}

	#content .formtitle p{
		padding: 15px 15px 10px 18px;
		font-weight: bold;
	}

#content .formcontent{
	float: left;
	width: 583px;
}

	/* Adresszeile ---------------- */
	#content .formcontent dl.formaddress{
		font-size: .75em;
		line-height: 1.6;
		padding: 15px 0 5px 15px;
	}

	#content .formcontent dl.formaddress dt{
		float: left;
		width: 75px;
		padding-bottom: 10px;
	}

	#content .formcontent dl.formaddress dd{
		float: left;
		padding: 0 5px 10px 5px;
		width: 195px;
	}

	#content .formcontent dl.formaddress dd input,
	#content .formcontent dl.formaddress dd select{
		width: 185px;
		font-size: 1em;
		border: 1px solid #B5B6B7;
		padding: 1px 2px;
		line-height: 1.5;
		vertical-align: top;
	}

	#content .formcontent dl.formaddress dd select{
		width: auto;
	}

	#content .formcontent dl.formaddress dt.clearit,
	#content .formcontent dl.formaddress dd.clearit{
		clear: left;
	}
	
	#content .formcontent dl.formaddress dd.fullwidth{
		width: 450px;
	}

	/* Nachrichtenfeld ------------------ */
	#content .formcontent textarea{
		padding: 1px 2px;
		font-size: .75em;
		border: 1px solid #B5B6B7;
		width: 546px;
		margin: 15px 0 15px 15px;
	}

	/* Verschiedene Feldgrößen ------------------ */
	#content .formcontent dl.formaddress dd input#strasse{width:143px;}
	#content .formcontent dl.formaddress dd input#strnr{width:30px;margin-left: 5px;}

	#content .formcontent dl.formaddress dd input#plz{width:46px;}
	#content .formcontent dl.formaddress dd input#ort{width:128px;margin-left: 5px;}

	#content .formcontent label.markerror{
		font-style: italic;
		color: #c00;
	}
	
	#content p.errorbox{
		background: #c00;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 10px;
		margin: 10px 0;
	}
	
	#content .formsendbutton{
		background: #A2A3A4 url('./img/form/formsend_back.png') 0 0 repeat-y;
		margin: 10px 0;
		padding: 10px 0 10px 162px;
	}

		#content .formsendbutton input{
			font-size: .75em;
			color: #333;
			font-weight: bold;
			background-color: #DFDFDF;
			padding: 2px 20px;
			border: 1px solid #888;
			vertical-align: top;
		}	
	
	#content .formcontent dl.formaddress dd input:focus,
	#content .formcontent dl.formaddress dd select:focus,
	#content .formcontent textarea:focus{
		border-color: #000;
	}

	/* Checkboxen ------------------ */
	#content .formcontent dl.formcheckboxes{
		font-size: .75em;
		line-height: 1.7;
		padding: 15px 0 5px 15px;
	}

	#content .formcontent dl.formcheckboxes dt{
		float: left;
		width: 20px;
		padding-bottom: 5px;
	}
	
		#content .formcontent dl.formcheckboxes dt.clearit{
			clear: left;
		}
		
	#content .formcontent dl.formcheckboxes dd{
		float: left;
		width: 260px;
		padding-bottom: 5px;
	}
	
	/* Zeitschriften Felder ------------------ */
	#content .formcontent p{
		padding: 15px 0 5px 15px;
		clear: both;
	}
	
	#content .formcontent ul.massinputs{
		font-size: .75em;
		line-height: 1.7;
		padding: 5px 0 5px 15px;
	}
	
	#content .formcontent ul.massinputs li{
		float: left;
		width: 280px;
		padding-bottom: 5px;
	}
	
	#content .formcontent ul.massinputs li input{
		width: 266px;
		vertical-align: top;
		font-size: 1em;
		border: 1px solid #B5B6B7;
		padding: 1px 2px;
		line-height: 1.5;
	}
	
	#content .formcontent ul.massinputs li input:focus{
		border-color: #000;
	}
	
/* === [ Rechte Spalte ] ===================================================================================== */

#magbox{
	padding-right: 6px;
	border-bottom: 10px solid #fff;
	background: url('./img/main/boxlinie.png') top right repeat-y;
	text-align: center;
}

#infobox{
	border-top: 6px solid #C1C1C1;
	border-bottom: 10px solid #fff;
	padding: 15px 5px 5px 15px;
}

	#infobox p{
		font-size: .7em;
		line-height: 1.6;
		padding-bottom: 1em;		
	}

	#infobox ul.boxlist,
	#infobox ul.arrowlist{
		font-size: .7em;
		line-height: 1.6;
		padding-bottom: 1em;
	}

		#infobox ul.boxlist li{
			padding-left: 12px;
			background: url('./img/motive/rechteck.png') 0 .58em no-repeat;
		}

		#infobox ul.arrowlist li{
			padding-left: 12px;
			background: url('./img/motive/arrow-gray.png') 0 .58em no-repeat;
		}
		
		#infobox ul.boxlist li.blau{
		color: #003399;
		padding-left: 15px;
		background: none;
		font-weight: bold;
	}


/* === [ Footer ] ===================================================================================== */
#footer a{
	color: #111;
}

#footer a:hover{
	color:#003399;
}

/*  === [ CSS Autoclear ] ===================================================================================== */
#main:after,
#content dl.zweispalt:after,
#content .formwrapper:after,
#content .formcontent dl:after,
#content .formcontent ul.massinputs:after{
	content: ".";display: block;height: 0;clear: both;visibility: hidden;
}



























/* that's all folks! */