/* Standart-CSS für Contract Vario */

/*Wichtige Farben
	Blau dunkel=#06365b
	Blau hell=#d6e3f3
	Rot=#e2001a

	Textfarben:
	Blau dunkel=#06365b
	Schwarz=#000000
	Rot=#e2001a
*/


/* Allgemeine Angaben */

body, div, p, h1, h2, h3,
span, a, td, table, tr, img {
	margin:0px;
	padding:0px;
}

html, body {
	font-size:12px;
	color:#003164;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#06365b;
  	scrollbar-3dlight-color:#ffffff;
  	scrollbar-darkshadow-color:#ffffff;
  	scrollbar-highlight-color:#ffffff;
  	scrollbar-shadow-color:#ffffff;
  	scrollbar-track-color:#ffffff;
	
}

html {
	height:100%;
}

/* Allgemeine Angaben Ende */




/* Hauptgerüst */

.haupttabelle {
	width:991px;
	height:100%;
	border:0px;
	background-color:#ffffff;
}

.haupttabelle td {
	vertical-align:top;
	/*text-align:left;*/
}

/* Hauptgerüst - Ende */



/* Menuebereich */

.menuebereich {
	width:216px; 
	background-color:#d6e3f3;
}

.menue {
	margin:0px 0px 0px 15px;
	width:182px;
}

.menue div {
	width:186px;
	height:20px;
	background-image:url(img/main_button_off.gif);
}


#menuedivaktive {
	width:186px;
	height:20px;
	background-image:url(img/main_button_on.gif);
	color:#d6e3f3;
}

.abstandtextmenue {
	padding:2px 0px 0px 5px;
}

#submenuedivaktive {
	width:186px;
	height:19px;
	background-image:url(img/sub_button_on.gif);
	color:#06365b;
}

.abstandtextsupmenue {
	padding:2px 0px 0px 5px;
}

#submenuediv {
	width:186px;
	height:19px;
	background-image:url(img/sub_button_off.gif);
}

/* Menuebereich - Ende */



/* Aktuelles */

.bereichaktuelles {
	width:186px;
	margin:42px 0px 0px 15px;
}

.bereichaktuelles p {
	margin-bottom:15px;
}

.bereichaktuelles a {
	color:#06365b;
	text-decoration:underline;
	margin-bottom:15px;
}


/* Aktuelles - Ende */

/* Headbereich großes Bild Slogan kleines Bild Inhaltbereich */

.inhaltbereich {
	width:775px;
	margin:0px;
	padding:0px;
}

.headbilder {
	height:330px;
	width:770px;
	padding-left:5px;
}

.headbilder div {
	float:left;
}

.headbildgross {
	height:330px;
	width:549px;
	margin-right:5px;
}

.headbildklein {
	height:330px;
	width:216px;
	margin:0px;
}

.farblichertextbereich {
	width:770px;
	background-color:#d6e3f3;
	margin:5px 0px 0px 5px;
}

h1 {
	color:#e2001a;
	width:720px;
	padding:15px 0px 0px 25px;
	font-size:12px;
}

.fliesstext, .fliesstextbereichzwei {
	width:720px;
	margin:15px 0px 9px 25px;
	padding-bottom:10px;
	color:#000000;
	text-align:justify;
}

.fliesstext p, .fliesstextbereichzwei p {
	margin-bottom:15px;
}

.fliesstext li, .fliesstextbereichzwei li, .weissertextbereich li {
	list-style-image:url(img/list.gif);
	margin-bottom:10px;
	margin-left:-23px;
} 

.fliesstext a, .fliesstextbereichzwei a, .weissertextbereich a {
	text-decoration:underline;
	color:#000000;
} 

.weissertextbereich {
	width:770px;
	background-color:#ffffff;
	margin:5px 0px 0px 5px;
} 

.bereichtextbildleiste {
	margin:0px;
	padding:0px;
} 

.textrot {
	color:#e2001a;
}

.textrotbold {
	color:#e2001a;
	font-weight:bold;
}

.textblau {
	color:#06365b;
}

.textblaubold {
	color:#06365b;
	font-weight:bold;
}


	/*Vorlage Haustyp*/
	
	.tabellevorlagehaustyp td {
		text-align:left;
		vertical-align:top;
	}

/* Headbereich großes Bild Slogan kleines Bild Inhaltbereich - Ende */



/* Footer Bereich */

.footerbereich {
	width:991px; 
	height:35px;
}

.footerleiste {
	width:991px; 
	height:25px; 
	background-color:#d6e3f3; 
	margin-top:5px;
}

.icons {
	height:17px;
	padding-top:4px;
	width:140px;
}

.icons div {
	float:left;
	margin-right:15px;
}

/* Footer Bereich - Ende */


/* Links */

.linkmenue:link, .linkmenue:visited {
	color:#06365b;
	text-decoration:none;
	cursor:pointer;
	
}

.linkmenue:hover, .linkmenue:active {
	color:#d6e3f3;
	text-decoration:none;
	
}

.linksubmenue:link, .linksubmenue:visited {
	color:#06365b;
	text-decoration:none;
	background-image:url(img/sub_button_off.gif);
}

.linksubmenue:hover, .linksubmenue:active {
	color:#06365b;
	background-image:url(img/sub_button_on.gif);
	text-decoration:none;
}


.linkbild img {
	border:0px;
	opacity:	1;
	filter:Alpha(style=0,opacity=100);
}

.linkbild:hover img, .linkbild:active img{
	border:0px;
	opacity:	0.5;
	filter:Alpha(style=0,opacity=50);
}

#nofilter{
	border:0px;
	opacity:	1;
	filter:Alpha(style=0,opacity=100);
}

.haustypen a img {
	border:0px;
	opacity:	1;
	filter:Alpha(style=0,opacity=100);
}

.haustypen a:hover img, .haustypen a:active img{
	border:0px;
	opacity:	0.5;
	filter:Alpha(style=0,opacity=50);
}

.bildmouseover a img {
	border:0px;
	opacity:	1;
	filter:Alpha(style=0,opacity=100);
}

.bildmouseover a:hover img, .haustypen a:active img{
	border:0px;
	opacity:	0.5;
	filter:Alpha(style=0,opacity=50);
}




.bildermehrinformationen a img {
	border:0px;
	opacity:	1;
	filter:Alpha(style=0,opacity=100);
}

.bildermehrinformationen a:hover img, .bildermehrinformationen a:active img{
	border:0px;
	opacity:	0.5;
	filter:Alpha(style=0,opacity=50);
}







/* Links - Ende */



/* Kontaktformular */

.kontakttext {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

.textfeld {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:4px;
	border:2px solid #cbdaee;
	background-color:#d6e3f3;
	width:200px;
	height:15px;
	margin-bottom:2px;
}

.textbereich {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:4px;
	border:2px solid #cbdaee;
	background-color:#d6e3f3;
	width:200px;
	height:90px;
	overflow:auto;
}

.schalftflaechesenden {
	font-size:12px;
	color:#d6e3f3;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-top:1px solid #d6e3f3;
	border-left:1px solid #d6e3f3;
	border-bottom:1px solid #011627;
	border-right:1px solid #011627;
	background-color:#06365b;
	width:130px;
	height:20px;
	font-weight:bold;
	cursor:pointer;
	margin-top:29px;
}


.textfeld2 {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:4px;
	border:2px solid #cbdaee;
	background-color:#d6e3f3;
	width:570px;
	height:15px;
	margin-bottom:2px;
}

.textbereich2 {
	font-size:12px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:4px;
	border:2px solid #cbdaee;
	background-color:#d6e3f3;
	width:570px;
	height:150px;
	overflow:auto;
}

.schalftflaechesenden2 {
	font-size:12px;
	color:#d6e3f3;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-top:1px solid #d6e3f3;
	border-left:1px solid #d6e3f3;
	border-bottom:1px solid #011627;
	border-right:1px solid #011627;
	background-color:#06365b;
	width:130px;
	height:20px;
	font-weight:bold;
	cursor:pointer;
	margin-top:29px;
}

/* Kontaktformular - Ende */

.buttonnews {
	width:187px;
	height:29px;
	background-image:url(img/buttonbg.gif);
	background-repeat:no-repeat;
	color:#d6e3f3;
	font-weight:bold;
	margin-bottom:5px;
}

.buttonnews:hover {
	width:187px;
	height:29px;
	background-image:url(img/buttonbg_on.gif);
	background-repeat:no-repeat;
	color:#d6e3f3;
	font-weight:bold;
	margin-bottom:5px;
}

.buttonnews div {
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 7px;
	text-align:left;
	height:13px;
}

.buttonnews a {
	color:#d6e3f3;
	font-weight:bold;
	text-decoration:none;
}










