* {
	margin:0px; /*Abstand des gesamten Seiteninhalts oben, unten, links, rechts */
}

html,body {
	height:100%; /* notwendig?????????????*/
}

body {
	text-align:center; /* Festlegung mittige Ausrichtung der gesamten Website */
	background-color:#f1f7fb; /* Festlegung Hintergrundfarbe der gesamten Website */
	font-family: verdana; /* Festlegung Schriftart der gesamten Website */
	font-size:12px; /* Festlegung Schriftgröße der gesamten Website */
	color:#3d5e87; /* Festlegung Schriftfarbe der gesamten Website */
}


#top {
	height:30px; /* Höhe Hintergrundbild */
	background-image:url(images/top.jpg); /* Einbindung Hintergrundbild */
	background-repeat: repeat-x; /* Wiederholung des Hintergrundbildes auf X-Achse */
	border-top-style:solid; /* Umrandung oben mit durchgezogener Linie */
	border-top-color:#002d5f; /* Farbe der Umrandung oben */
	border-top-width:1px; /* Breite der Umrandungslinie oben */
	border-bottom-style:solid; /* Umrandung unten mit durchgezogener Linie */
	border-bottom-color:#002d5f; /* Farbe der Umrandung unten */
	border-bottom-width:1px; /* Breite der Umrandungslinie unten */
}

#top_wrapper {
	min-height:100%; /* notwendig????????????????????? */
	margin-left:auto; /* mittige Anordnung mit gleichem Abstand von links */
	margin-right:auto; /* mittige Anordnung mit gleichem Absatz von rechts */
	background-image:url(images/top.jpg); /* Einbindung Hintergrundbild */
	width:1051px; /* feste Breite des Wrappers > muss immer größer sein als alle Buttons und dient dazu, dass die auto-Abstände funktionieren */
}

#homepage {background:url(images/top_homepage.jpg);height:30px;width:98px;float:left;}
#homepage:hover {background:url(images/top_homepage_hover.jpg);height:30px;width:98px;float:left;}
#angebot {background:url(images/top_angebot.jpg);height:30px;width:146px;float:left;}
#angebot:hover {background:url(images/top_angebot_hover.jpg);height:30px;width:146px;float:left;}
#altersvorsorge {background:url(images/top_altersvorsorge.jpg);height:30px;width:136px;float:left;}
#altersvorsorge:hover {background:url(images/top_altersvorsorge_hover.jpg);height:30px;width:136px;float:left;}
#existenzsicherung {background:url(images/top_existenzsicherung.jpg);height:30px;width:136px;float:left;}
#existenzsicherung:hover {background:url(images/top_existenzsicherung_hover.jpg);height:30px;width:136px;float:left;}
#stromgas {background:url(images/top_stromgas.jpg);height:30px;width:146px;float:left;}
#stromsgas:hover {background:url(images/top_stromgas_hover.jpg);height:30px;width:146x;float:left;}
#kfz {background:url(images/top_kfz.jpg);height:30px;width:65px;float:left;}
#kfz:hover {background:url(images/top_kfz_hover.jpg);height:30px;width:65x;float:left;}
#kundenmeinungen {background:url(images/top_kundenmeinungen.jpg);height:30px;width:146px;float:left;}
#kundenmeinungen:hover {background:url(images/top_kundenmeinungen_hover.jpg);height:30px;width:146x;float:left;}
#service {background:url(images/top_service.jpg);height:30px;width:100px;float:left;}
#service:hover {background:url(images/top_service_hover.jpg);height:30px;width:100px;float:left;}
#team {background:url(images/top_team.jpg);height:30px;width:86px;float:left;}
#team:hover {background:url(images/top_team_hover.jpg);height:30px;width:86px;float:left;}
#blog {background:url(images/top_blog.jpg);height:30px;width:70px;float:left;}
#blog:hover {background:url(images/top_blog_hover.jpg);height:30px;width:70px;float:left;}

#facebook {background:url(images/fb_white.png);height:29px;width:29px;margin-left:15px;margin-right:30px;float:left;}
#facebook:hover {background:url(images/fb_blue.png);height29px;width:29px;margin-left:15px;margin-right:30px;float:left;}
#xing {margin-top:3px; text-align:center; float:left;}

#wrapper {
	/* min-height:100%; */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFFFFF;
	width:850px;
	border-left-style:solid;
	border-left-color:#002d5f;
	border-left-width:1px;
	border-right-style:solid;
	border-right-color:#002d5f;
	border-right-width:1px;
}

#kohl {
	margin-top:-20px; /* Abstand Bildelement von oben gemessen an Wrapper (Minuswert = Überlappung über kohl wrapper */
	position:absolute; /* Bildelement liegt vor allen anderen Elementen */
}

#head {
	margin-left:97px; /* Außenabstand von links gemessen an Wrapper */
	padding-top:15px; /* Innenabstand von oben gemessen an Wrapper */
	height:108px; /* Höhe des Textelements */
	text-align:center; /* Textausrichtung innerhalb des head-Bereiches*/
}

.headline {
	font-family:'Verdana';  /*Schriftart des Bereiches */
	font-size:20pt; /* Schriftgröße des Bereiches */
	color:#002d5f; /* Schriftfarbe des Bereiches */
	font-weight:bold; /* Schriftstil des Bereiches */
}

#video {
	/* height:370px; ????????????????????????????? */
	float:left; /* Bereich ist linksbündig, sodass sich ein weiterer Bereich rechts davon anordnet */
}

#content {
	border-top: 1px solid #002d5f;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#boxhead {
	float:right;
	color:#002d5f;
	width:175px;
	height:20px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
/*	background:url(images/boxhead.jpg) repeat-x; */
	background-color:#ffb46e;
	border:solid 1px #002d5f;
	font-family:'Times New Roman';
	font-size:12pt;
	margin-left:5px;
	margin-right:10px;
}

#bigboxhead {
/*	background:url(images/boxhead.jpg) repeat-x; */
	background-color:#ffb46e;
	border:solid 1px #002d5f;
	padding-left:10px;
}

#boxcontent {
	float:right;
	width:170px;
	background:url(images/boxcontent.jpg) repeat-y;
	border-left:solid 1px #002d5f;
	border-right:solid 1px #002d5f;
	border-bottom:solid 1px #002d5f;
	margin-left:5px;
	margin-right:10px;
	padding-left:5px;
}



#bigboxcontent {
	background:url(images/boxcontent.jpg) repeat-y right;
	border-left:solid 1px #002d5f;
	border-right:solid 1px #002d5f;
	border-bottom:solid 1px #002d5f;
	padding:10px;
}


#formular {
	margin-top:0px;
}

#rss {

	clear:both;
	margin-left:8px;
}

#footer {
	height:30px; /* Höhe Hintergrundbild */
	background-image:url(images/footer.jpg); /* Einbindung Hintergrundbild */
	background-repeat: repeat-x; /* Wiederholung des Hintergrundbildes auf X-Achse */
	border-top-style:solid; /* Umrandung oben mit durchgezogener Linie */
	border-top-color:#002d5f; /* Farbe der Umrandung oben */
	border-top-width:1px; /* Breite der Umrandungslinie oben */
	border-bottom-style:solid; /* Umrandung unten mit durchgezogener Linie */
	border-bottom-color:#002d5f; /* Farbe der Umrandung unten */
	border-bottom-width:1px; /* Breite der Umrandungslinie unten */
}

#footer_wrapper {
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/footer.jpg);
	width:470px;
}

#impressum {background:url(images/footer_impressum.jpg);height:30px; width:150px;float:left;}
#impressum:hover {background:url(images/footer_impressum_hover.jpg);height:30px; width:150px;float:left;}
#datenschutz {background:url(images/footer_datenschutz.jpg);height:30px; width:150px;float:left;}
#datenschutz:hover {background:url(images/footer_datenschutz_hover.jpg);height:30px; width:150px;float:left;}
#haftung {background:url(images/footer_haftung.jpg);height:30px; width:150px;float:left;}
#haftung:hover {background:url(images/footer_haftung_hover.jpg);height:30px; width:150px;float:left;}






.boxhead_kundenmeinung {

/*	background:url(images/boxhead.jpg) repeat-x; */
	background-color:#ffb46e;
	border:solid 1px #002d5f;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	font-family:'Times New Roman';
	font-size:12pt;
	color:#002d5f;
	font-weight:bold;
}

.boxcontent_kundenmeinung {
	background:url(images/boxcontent.jpg) repeat-y right;
	border-bottom:solid 1px #002d5f;
	border-left:solid 1px #002d5f;
	border-right:solid 1px #002d5f;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
}

.boxhead_blog {

/*	background:url(images/boxhead.jpg) repeat-x; */
	background-color:#ffb46e;
	border:solid 1px #002d5f;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	font-family:'Times New Roman';
	font-size:12pt;
	color:#002d5f;
	font-weight:bold;
}

.boxcontent_blog {
	background:url(images/boxcontent.jpg) repeat-y right;
	border-bottom:solid 1px #002d5f;
	border-left:solid 1px #002d5f;
	border-right:solid 1px #002d5f;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
}


.boxhead_team {
/*	background:url(images/boxhead.jpg) repeat-x; */
	background-color:#ffb46e;
	border:solid 1px #002d5f;
	padding-left:10px;
	font-family:'Times New Roman';
	font-size:12pt;
	color:#002d5f;
	font-weight:bold;
	width:395px;
}

.boxcontent_team {
	background:url(images/boxcontent.jpg) repeat-y right;
	border-bottom:solid 1px #002d5f;
	border-left:solid 1px #002d5f;
	border-right:solid 1px #002d5f;
	padding:10px;
	width:385px;
}

.small {
	font-size:8px;
}

.links {
	padding:5px;
	margin-left:8px;
	margin-top:6px;
	padding-top:15px;
	height:62px;
	width:197px;
	border: solid 1px #002d5f;
	float:left;
	background-color:#f1f7fb;
	font-size:9pt;
}

.links4 {
	padding:5px;
	margin-left:8px;
	margin-top:6px;
	padding-top:15px;
	height:62px;
	width:185px;
	border: solid 1px #002d5f;
	float:left;
	background-color:#f1f7fb;
	font-size:9pt;
}

.pfeile {
	font-size:10pt;
	color:#FF0000;
}

.kundenbild_left {
	float:left;
	margin-right:10px;
	border:solid 1px #002d5f;
}

.kundenbild_right {
	float:right;
	margin-left:10px;
	border:solid 1px #002d5f;
}

.subline {
	font-family:'Times New Roman';
	font-size:12pt;
	color:#002d5f;
	font-weight:bold;
}

a:link {color:#3d5e87; text-decoration:none; }
a:visited {color:#3d5e87; text-decoration:none; }
a:focus {color:#3d5e87; text-decoration:none; }
a:hover {color:#ff9650; text-decoration:none; }
a:active {color:#3d5e87; text-decoration:none; }