@charset "utf-8";

*	{ margin: 0px; padding: 0px; /*border: 0px;*/ }
html	{ height: 100.2%; }
body	{ font-family:Tahoma, sans-serif; margin:20px;font-size:12px;color:#002878; margin-top:0; margin-right:0;margin-left:0; margin-bottom:0;}
input, textarea { border:1px solid #e2e9ef; font-size:12px; font-family:Tahoma,sans-serif; margin-right:5px; }
h1 {color: #eb6528; font-family:Tahoma, sans-serif; font-size:24px; margin-top:10px; margin-bottom:24px;margin-left:10px;font-weight:bold;}
h2 {color: #eb6528; font-family:Tahoma, sans-serif; font-size:14px; margin-top:10px; margin-bottom:20px;margin-left:10px;font-weight:bold;}
h3 {color: #eb6528; font-family:Tahoma, sans-serif; font-size:12px; margin-top:10px; margin-bottom:10px;margin-left:10px;font-weight:bold;}
p { font-family:Tahoma, sans-serif; font-size:12px; color:#002878; margin-top:10px; margin-right:10px;margin-left:10px; margin-bottom:20px;} 
a {color:#000000;}
a:hover {color:#183d8d;}




/**** GRUNDGERUEST ****/
div#wrapper { width: 1000px; margin: 1px auto 20px; }

/** kopfbereich **/
div#head { width: 1000px; height: 140px; background:#fff;}

div#logo_top { width: 950px; height:150px; position:absolute;}
div#logo_top a 		 {font-size:10px; color:#a7a7a7; font-family:Tahoma, sans-serif; text-decoration:none; }
div#logo_top a:hover {font-size:10px; color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none; font-weight:bold; }

div#login_links { position: absolute; top: 5px; z-index: 10; width: 1000px; text-align:right; color:#183D8D; height:20px; }
div#login_links a 		 {font-size:10px; color:#183D8D; font-family:Tahoma, sans-serif; text-decoration:none; }
div#login_links a:hover {font-size:10px; color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none; font-weight:bold; }

div#login_top { width: 260px;height:150px;  position:relative; float:right; vertical-align:bottom; }
div#login_top td {vertical-align:bottom; padding-bottom:10px; padding-top:5px;}
div#login_top table {vertical-align:bottom; padding:0px; width:100%; height:50px; margin-top:0px;}
div#login_top li { display: inline; list-style-type: none; } 
div#login_top a { font-size:14px; display: block;  float: left; margin:0; padding: 0; color:#ee811c;text-decoration:underlined;font-weight:bold;}
div#login_top a:hover {display: block;  float: left;  padding: 0;  font-size:14px; color:#183d8d;text-decoration:underlined;font-weight:bold;}
div#login_top p {margin:0;padding:0;padding-top:60px;}
div#login_top .search label {font-weight:bold;}
div#login_top #mod-search-searchword {height:20px;margin-left:5px;}
div#login_top .button {border:none;vertical-align:top;}

/** contentbereich **/
div#content { width: 1000px; min-height: 400px; }
div#navi_top {text-align:center;margin:10px 10px 10px 0px; width: 1000px;background-repeat: no-repeat; background-image:url(button_menue.gif); background-color:#fff; height:50px;  vertical-align:middle; }
div#navi_top a {font-size:14px;color:#FFFFFF;font-family:Tahoma, sans-serif;text-decoration:none;margin-top:15px;margin-right:10px;border-left:3px solid #FFFFFF;}
div#navi_top .item-104 a {border:none;}
div#navi_top a:hover {font-size:14px;color:#ee811c;font-family:Tahoma, sans-serif;text-decoration:none;margin-top:15px;margin-right:10px;border-left:3px solid #FFFFFF;}
div#navi_top .item-104 a:hover {border:none;}

div#component { width: 800px; min-height: 200px; margin:10px;}
div#component a { color:#183D8D; font-family:Tahoma, sans-serif;text-decoration:none; font-weight:bold; }
div#component a:hover {color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none;}
div#component a:visited { color:#183D8D; font-family:Tahoma, sans-serif;text-decoration:none; font-weight:bold;font-style:normal;font-size:13px; }
div#component li { font-family:Tahoma, sans-serif; font-size:12px; color:#002878; margin:10px; margin-left:30px;}

div#credits {width:1000px; min-height:70px; background-color:#8b9ec6;padding-top:20px;}
div#credits a { color:#fff; font-family:Tahoma, sans-serif; text-decoration:none; font-weight:bold; }
div#credits a:hover {color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none;}

td.orangerRahmen {border:1px solid #ee811c; vertical-align:top;}
.orangerRahmen {color:#FFFFFF; font-size:10px; height:200px;}

div#moreinfo { width: 950px; height:160px; color:#FFFFFF; vertical-align:top;}
div#moreinfo table { height:150px;}
div#moreinfo h3 {font-family:Tahoma, sans-serif; font-size:12px; margin:10px;}
div#moreinfo p {font-family:Tahoma, sans-serif; font-size:12px; margin:10px;}
div#moreinfo a {font-family:Tahoma, sans-serif; font-size:12px; margin:10px; text-decoration:none;font-weight:bold; color:#FFFFFF;}
div#moreinfo a:hover, a:visited {font-family:Tahoma, sans-serif; font-size:12px; margin:10px; text-decoration:none;font-weight:bold; color:#ee811c;}
div#moreinfo td { vertical-align:top;}

div#info_links {width:205px;}
div#info_links p {text-align:center;margin:10px 0;}

div#links_extern { width: 1000px; height:10px; color:#FFFFFF; background-color:#002878; vertical-align:center; font-weight:bold; font-size:20px;}
div#links_extern p {font-family:Tahoma, sans-serif; font-size:20px; margin:0px; padding:10px; padding-top:5px; padding-left:20px; color:#FFFFFF;}
div#links_extern a {font-family:Tahoma, sans-serif; font-size:12px; margin:0px; text-decoration:none;font-style: italic; font-weight:bold;color:#FFFFFF;padding-left:3px;padding-right:3px;}
div#links_extern a:hover, a:visited {font-family:Tahoma, sans-serif; font-size:12px; margin:0px; text-decoration:none;font-style: italic;font-weight:bold;color:#eb6529;padding-left:3px;padding-right:3px;}

div#login { width: 1000px; height:45px; color:#FFFFFF; background-color:#eb6529; vertical-align:center;}
div#login p {font-family:Tahoma, sans-serif; font-size:12px; margin:0px; padding:10px; color:#FFFFFF;}
div#login a {font-family:Tahoma, sans-serif; font-size:12px; margin:3px; text-decoration:none;font-weight:bold; color:#FFFFFF;}
div#login a:hover, a:visited {font-family:Tahoma, sans-serif; font-size:12px; margin:3px; text-decoration:none;font-weight:bold; color:#eb6529;}

#infobox { font-family:Tahoma, sans-serif; color:#2d383c;font-size:12px; width:200px; vertical-align:top; margin:10px;border:1px solid #d5d5d5;}
#infobox th {background-image:url(table_head.png); color:#12388b; font-size:13px; width:220px;height:29px; vertical-align:middle;}
#infobox tfoot td {background-image:url(table_foot.png); color:#12388b; font-size:13px; width:220px;height:16px; vertical-align:middle;}
#infobox tbody td {background-color:#FFFFFF; width:220px;height:150px; vertical-align:top; padding:5px; }
#infobox a {font-size:13px; color:#FFFFFF; font-family:Tahoma, sans-serif; text-decoration:none; margin-left:25px; }
#infobox a:hover {color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none; margin-left:25px;font-size:13px;  }


.infobox2 { font-family:Tahoma, sans-serif; color:#183D8D;font-size:12px; width:210px; vertical-align:top; margin:10px 3px 10px 3px;padding-right:5px;padding-left:5px;}
table.infobox2 {padding:10px;padding-top:0px;padding-bottom:20px;background-repeat: no-repeat; background-image:url(Zettel_1.gif); color:#12388b; font-size:13px; width:195px;height:275px; vertical-align:middle;}
.header {font-size:15px; color:#002878;font-weight:bold;}
a.infobox2 {font-size:12px; color:#183D8D; font-family:Tahoma, sans-serif; text-decoration:none; margin-left:30px; }
a:hover.infobox2 {color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none; margin-left:30px;font-size:13px;  }

table.infobox3 {padding:10px;padding-top:0px;padding-bottom:20px;background-repeat: no-repeat; background-image:url(Zettel_2.gif); color:#12388b; font-size:13px; width:785px;height:375px; vertical-align:middle;}
table.infobox4 {padding:10px;padding-top:40px;padding-bottom:20px;background-repeat: no-repeat; background-image:url(Zettel_3.gif); color:#12388b; font-size:13px; width:350px;height:390px; vertical-align:middle;margin-right:20px;}
td.infobox4{font-size:7px;}
table.infobox5 {table-layout: fixed;padding-left:0px;padding-right:20px;padding-top:300px;border-spacing: 20px;padding-bottom:0px;background-repeat: no-repeat; background-size: 100% auto; background-image:url(Zettel_5.png); color:#12388b; font-size:12px; width:785px;height:745px; vertical-align:middle;}
td.infobox5{word-wrap: break-word; overflow-wrap: break-word;vertical-align:bottom;}
.infobox5 ul li {padding-top: 0;margin-bottom: 0;line-height: 10px !important;}

table.infobox6 {padding-left:0px;padding-right:15px;padding-top:25px;padding-bottom:50px;border-spacing: 20px;background-repeat: no-repeat; background-size: 100% auto; background-image:url(Zettel_6.png); color:#12388b; font-size:12px; width:790px;height:805px; vertical-align:center;}
table.infobox6 td{word-wrap: break-word; overflow-wrap: break-word;vertical-align:top;margin-top:20px;width:325px;text-align:center;}
table.infobox6 p {text-align:left;margin-left:20px;}
/*table.infobox6 p {padding-top: 0;margin-bottom: 0;line-height: 11px !important;font-size:11.5px;margin-left:15px;text-align:left;}
div#component table.infobox6 ul {padding-top: 0;margin: 0;line-height: 11px !important;text-align:left;font-size:11.5px;margin-top:5px;}
div#component table.infobox6 li {padding-top: 0;margin: 0;line-height: 11px !important;margin-left:40px;font-size:11.5px;}*/

.word {font-family:Tahoma, sans-serif; font-size:12px;}
.button { font-family:Tahoma, sans-serif; font-size:12px; font-weight:bold;  background-color:#FFFFFF;}
.searchintro {margin-top:10px; margin-bottom:10px; }
.inputbox {border:1px solid #000000;padding:2px;}
.phrases {font-family:Tahoma, sans-serif; font-size:12px; }
.phrases-box {font-family:Tahoma, sans-serif; font-size:12px; margin:10px;}
.ordering-box {font-family:Tahoma, sans-serif; font-size:12px; margin:10px;}
.only {font-family:Tahoma, sans-serif; font-size:12px; margin:10px;}
.form-limit {margin-top:10px; margin-bottom:10px;  font-family:Tahoma, sans-serif; font-size:12px;}
.limit {font-family:Tahoma, sans-serif; font-size:12px; margin:10px;}


.result-title {font-family:Tahoma, sans-serif; font-size:13px; margin-left:10px; margin-top:20px; margin-right:10px; color:#FFFFFF; font-weight:bold; background-color:#183d8d;}
.small {font-family:Tahoma, sans-serif; font-size:8px; margin-left:20px;}
.result-text {font-family:Tahoma, sans-serif; font-size:12px; margin-left:20px;}
.result-created {font-family:Tahoma, sans-serif; font-size:8px; margin-left:23px;}

/** footerbereich **/

div#footer { width: 950px; height: 250px; vertical-align:top; color:#9da0b3; font-size:12px; margin:auto; margin-top:50px;}
div#footer a,a:visited {font-size:10px; color:#9da0b3; font-family:Tahoma, sans-serif; font-weight:normal; font-style:normal; text-decoration:none; margin-top:10px;padding-left:0;margin-left:0;}
div#footer a:hover {font-size:10px; color:#ee811c; font-family:Tahoma, sans-serif; text-decoration:none; font-weight:bold;margin-top:10px;}
div#footer li { list-style-type: none; }
div#footer td {vertical-align:top;padding-right:10px;padding-left:10px; width:200px;}
div#footer .feed-link {color:#9da0b3;font-family:Tahoma, sans-serif;font-size:10px;font-weight:normal;text-decoration:none; margin-top:5px;}

div#baufi_news p {margin:0px;margin-bottom:5px;}

.pointedline {border-top:1px dotted #9da0b3;}

ul#mainlevel {  margin: 0; padding: 0; }
ul#mainlevel li { display: inline; list-style-type: none; } 
ul#mainlevel a {  display: block;  float: left;  padding-top:0; padding-left: 13px; }
ul#mainlevel .menuorang { color:#ee811c;font-weight:bold; }
ul#mainlevel .menuorang:hover { color:#ffffff;font-weight:bold; }


.partnertext {color:#FFFFFF; font-size:12px;}


.infohead {font-size:12px; color:#ee811c;font-family:Tahoma, sans-serif;margin:10px; font-weight:bold;}
.infobody {font-size:12px; color:#000000;font-family:Tahoma, sans-serif;margin:10px;}
.infobild {margin:10px; text-align:center;}
.infoextra {font-size:22px; color:#183d8d;font-family:Tahoma, sans-serif;margin:10px; font-weight:bold;}

.bluebox {background-color:#183d8d;  color:#FFFFFF; font-size: 16px;font-family:Tahoma, sans-serif;margin:10px; font-weight:bold;padding:20px; margin:10px; vertical-align:middle;}
.fett {font-weight:bold;}
.fettkursiv {font-weight:bold; font-style:italic;}

a.buttonlink {margin-top:50px; margin-bottom:50px; display: block; padding: 5px; width: 140px; height: 15px; background-image: url(button.gif); color: #68228B; text-decoration: none; text-align: center;}
a.buttonlink_kunde {margin-top:50px; margin-bottom:50px; display: block; padding: 5px; width: 157px; height: 33px; background-image: url(button_Kunden-Login.gif); color: #68228B; text-decoration: none; text-align: center;}
a.buttonlink_menue {margin-top:50px; margin-bottom:50px; display: block; padding: 5px; width: 979px; height: 48px; background-image: url(button_menue.gif); color: #68228B; text-decoration: none; text-align: center;}
a.button1 {display: block; padding-top: 8px; width: 166px; height: 42px; background-image: url(button1.gif); color: #68228B; text-decoration: none; text-align: center;background-repeat: no-repeat; }
a.button12 {display: block; padding-top: 14px;height: 42px; background-image: url(button1.gif); color: #fff;font-size:12px;text-decoration: none; text-align: center;background-repeat: no-repeat;background-position:top center; }
a.button2 {display: block; padding-top: 8px; width: 195px; height: 35px; background-image: url(button2.gif); color: #fff; font-size:12px;text-decoration: none; text-align: center;background-repeat: no-repeat; }
a.button3 {display: block; padding-top: 17px; width: 126px; height: 66px; background-image: url(button3.gif); color: #fff; font-size:12px;text-decoration: none; text-align: center;background-repeat: no-repeat; }
a.button3_blass {display: block; padding-top: 17px; width: 126px; height: 66px; background-image: url(button3_blass.gif); color: #fff; font-size:12px;text-decoration: none; text-align: center;background-repeat: no-repeat; }
a.button14 {display: block; padding-top: 8px; width: 195px; height: 33px; background-image: url(button4.gif); color: #fff; font-size:12px;text-decoration: none; text-align: center;background-repeat: no-repeat;background-position:top center; }

/* ChronoForms */
.chronoform a:link, .chronoform a:visited, .chronoform a:hover {visibility:hidden;display:none;}

/* Suche */
.search #searchForm .button{background-color:#FFFFFF;background-image: url(button2.gif);background-position:center;background-repeat:no-repeat;border:none;cursor:pointer;color:#FFFFFF;font-weight:bold;height:35px;width:195px;}
.search #searchForm .searchintro p{margin:20px 0 20px 0;}
.search #searchForm legend {font-weight:bold;}
.search #searchForm #ordering option{padding-right:10px;}
.search #searchForm .only {margin-left:0;}
.search #searchForm .only #area-categories {margin:10px;}
.search #searchForm .form-limit label {font-weight:bold;}
div#component .search .search-results .result-title {padding:2px;}
div#component .search .search-results .result-title a{color:#ffffff;}
div#component .search .search-results .result-title a:hover {color:#eb6528;}
div#component .search .search-results .result-category {margin-bottom:3px;}
div#component .search .search-results .result-category .small {font-size:10px;color:#eb6528;}
div#component .search .search-results .result-created {font-size:9px;padding-top:3px;}
div#component .search .pagination  ul{list-style:none;border-top:1px solid #002878;margin-top:20px;}
div#component .search .pagination  li{display: inline;float: left;margin:0 10px 10px 10px;padding: 0;text-align: center;}

/* Baufinanzierung, Rechner */
.button_rechner_web{background-image: url(button_rechner_web.jpg);background-repeat:no-repeat;display:block;font-size:13px;height:77px;margin-top:0;padding-left:55px;padding-top:28px;text-align:left;width:230px;}


/* -------------------------------------------------------------------------------------------------------------------------------------------- */
/* Design Update & CSS 3 Extras created Oliver Förster */
h2.home {
color: #002878; 
font-size: 20px; 
font-weight: bold; 
padding-left: 15px; 
}

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
	color:#002878;
}
h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange {
	color:#eb6528;
}
/* ================= Columns ================= */
.col_1_2 {
	width:460px;
	float:left;
	margin:0 20px 0 0;
}
.col_2_3 {
	width:620px;
	float:left;
	margin:0 20px 0 0;
}
.col_1_3 {
	width:300px;
	float:left;
	margin:0 20px 0 0;
}
.col_1_4 {
	width:220px;
	float:left;
	margin:0 20px 0 0;
}
.col_1_5 {
	width:172px;
	float:left;
	margin:0 20px 0 0;
}
.col_3_4 {
	width:700px;
	float:left;
	margin:0 20px 0 0;
}
.content .col_1_2 {
	width:300px;
}
.content .col_1_3 {
	width:193px;
}
.content .col_2_3 {
	width:406px;
}
.content .col_1_4 {
	width:140px;
}
.content .col_1_5 {
	width:108px;
}
.content .col_3_4 {
	width:460px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last {
	margin:0;
}
.content .col_1_2.last, .content .col_2_3.last, .content .col_1_3.last, .content .col_1_4.last, .content .col_1_5.last, .content .col_3_4.last {
	margin:0;
}

/* ================= Deviders Updates - by Oliver.F ================= */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.noborder { border: none; }

.Bild_links { float:left; margin-right: 10px; }
.Bild_rechts { float:right;	margin-left: 10px; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

p.align_center {
	text-align:center;
	font-size:14px;
	color:#999999;
}

.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.paddingl20: {
	padding-left: 20px
	font-size:0;
	line-height:0;
}

.padding3 {
	padding-top:3px;
	font-size:0;
	line-height:0;
}
.padding5 {
	padding-top:5px;
	font-size:0;
	line-height:0;
}
.padding10 {
	padding-top:10px;
	font-size:0;
	line-height:0;
}
.padding12 {
	padding-top:12px;
	font-size:0;
	line-height:0;
}
.padding15 {
	padding-top:15px;
	font-size:0;
	line-height:0;
}

/* ================= Schaltflächen - by Oliver.F ================= */
.btn, .btn:visited {
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	border-radius: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}

	.btn:hover							{ color: #000; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.25);}
	.btn:active							{ top: 1px; }
	
	.red.btn, .red.btn:visited				{ background-color: #e62727; }
	.red.btn:hover							{ background-color: #cf2525; }
	.orange.btn, .orange.btn:visited		{ background-color: #FB6906; }
	.orange.btn:hover						{ background-color: #d45500; }
	.blue.btn, .blue.btn:visited			{
	background-color: #002878;
}
	.blue.btn:hover	{ background-color: #FB6906; }

.frage_box {
	border:1px solid #3A5999;
	background:#dbeefe;
	color:#4180cf;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.hinweis_box {
	border:1px solid #a4cb8b;
	background:#e9fedb;
	color:#488e1b;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.att_box {
	border:1px solid #f2c779;
	background:#fff8c4;
	color:#ed7c18;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.error_box {
	border:1px solid #f7b3b1;
	background:#fff1f1;
	color:#d93e39;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}
.gplus_box {
	border:1px solid #C1523B;
	background:#fff1f1;
	color:#C1523B;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:8px 10px;
	line-height:22px;
	margin-bottom:10px;
}

.hacken ul {
	list-style-image: url(haken_gross.png);
	margin-left: 20px;
	margin-right: 20px;
}

hr {border: 1px solid #002878; margin-left: 20px; margin-right: 20px;}
hr.orange{border: 1px solid #002878; margin-left: 20px; margin-right: 20px;}