/* ######################################################################################
	CSS zur Internetpräsenz von Steffen Hünniger, Installateur- und Heizungsbaumeister
	Copyright: 	Michael Dittberner,  Dipl.-Ing. (FH)
					dittberner.avunculus.de
					m.dittberner[at]avunculus.de
					
					
		"Der ist reicher, der sich das ganze Jahr über im Felsgestein abmüht 
		und einmal im Jahr die Frucht seiner Arbeit verbrennt, 
		um daraus den Glanz des Lichtes zu gewinnen, als der, 
		der alle Tage Früchte empfängt, die anderswoher stammen und ihm nichts abforderten. "

		Antoine de Saint-Exupéry, Die Stadt in der Wüste
										
########################################################################################## */




/* ##### Grundaufbau ##### */
* {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#222;
	text-decoration:none;
	border:0px;
}
body {
	background-color:#ddd;
	text-align:center;
}
#wrapper {
	/*position: absolute;
	left: 50%;
	margin-left: -500px;*/
	width: 1000px;
	background-color: #fff;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
#footer {
	clear:both;
	text-align:center;
	padding-bottom:10px;
	padding-top:6px;
	color:#888;
	font-size:10px;
	border-top:1px solid #ddd;

	background-color:#eee;
}
#footer a {
	font-size:10px;

}
#footer img {
	padding-top:4px;
	padding-right:4px;
}

h1, h2, h3, h4 {
	color:#1b4484;
	font-weight:bold;
}
h1 {
	font-size:16px;
	background-color:#ecf0ff;
	margin-bottom:6px;
	padding-left:10px;
	padding-top:2px;
	border:1px solid #cedcff;
}
h2 {
	font-size:13px;
	margin-bottom:6px;
}
h3 {
	font-size:11px;
	color:#222;
	margin-bottom:6px;
}
a {
	color:#1b4484;
}
a:hover {
	text-decoration:underline;
}

/* ##### HEADERBEREICH MIT TOPNAVI ##### */
#header-container {
	float: left;
	width: 100%;
	background-image: url(../img/header_image2.jpg);
	background-repeat: no-repeat;
	height:146px;
}
#navi-top-container {
	float: left;
	width: 100%;
	background-color:#1b4484;
	position:relative;
	top:120px;
	border-top:1px solid #fff;
	/*background-image: url(../img/navi_top_bg3.jpg);
	background-repeat: repeat-x;*/
}
.navi-top-item {
	list-style: none;
	float:left;
}
.navi-top-item a{
	float:left;
	height:26px;
	padding-left:13px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
	/*color:#f0d0bc;*/
	color:#fff;
}
.navi-top-item-act a, .navi-top-item a:hover {
	text-decoration: underline;
	/*background-image: url(../img/navi_top_bg3.jpg);
	background-repeat: repeat-x;*/
}
.navi-top-item-act a {
	text-decoration:none;
	background-color:#cedcff;
	color:#1b4484;
}

/* ##### NAVIGATION ##### */
#navi-sub1-container {
	padding-left:4px;
	padding-right:4px;
}
#navi-sub2-container {
	float:left;
}
.navi-sub1-item, .navi-sub2-item {
	list-style:none;
	display:block;
	clear:both;
}
.navi-sub1-item {
	padding-bottom:1px;
}
.navi-sub1-item a{
	color:#1b4484;
	background-color: #ecf0ff;
	display:block;
	height:16px;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
}
.navi-sub1-item-act a {
	background-color: #cedcff;
}
.navi-sub1-item a:hover {
	background-color: #cedcff;
}
.navi-sub2-item {
	padding-left:10px;
}
.navi-sub2-item a {
	background:none;
	color:#444;
	font-weight:normal;
}
.navi-sub2-item-act a, .navi-sub2-item a:hover {
	color:#1b4484;
	background:none;
}


/* ##### CONTENT LINKS ##### */
#content-left {
	float:left;
	height:600px;
	width:160px;
	padding-top:10px;
	padding-bottom:40px;
}
#logos {
	padding-top:30px;
}
#logos img {
	display:block;
	margin-bottom:10px;
	padding-left:28px;
	width:100px;
}

/* ##### CONTENT ##### */
#content {
	float:left;
	width:613px;
	padding-top:10px;
	padding-bottom:40px;
	text-align:justify;
	position:relative;
	left:6px;
}
#content .csc-header h1, #content .csc-header h2, #content .csc-header h3{
	margin-top:20px;
}
#content .csc-header .csc-firstHeader {
	margin-top:0px;	
}
.subtitle, .csc-textpic-caption {
	color:#888;
	font-size:10px;
	line-height:100%;
}
.csc-textpic-imagerow {
	padding-bottom:6px;	
}

.teaserbox {
	background-color:#ecf0ff;
	float:left;
	width:100%;
	padding-bottom:4px;
	margin-bottom:4px;
	border:1px solid #cedcff;
}
.teaserbox h2, .teaserbox h2 a{
	background-color:#cedcff;
	text-indent:4px;
	margin-bottom:4px;
	font-size:12px;
}
.teaserbox h2 {
	border:1px solid #ecf0ff;
}
.teaserbox img {
	float:left;
	width:50px;
	height:50px;
	position:relative;
	left:4px;
}
.teaserbox p {
	float:left;
	width:550px;
	position:relative;
	left:8px;
	top:-2px;
}
.teaserbox .more-link {
	margin-left:4px;	
}
#mailform {
	float:left;
	width:100%;
}
.csc-mailform-field label {
	float:left;
	clear:both;
	width:120px;
	margin-bottom:2px;
}
.csc-mailform-field input, .csc-mailform-field textarea {
	float:left;
	width:200px;
	background-color:#fafafa;
	border:1px solid #bbb;
	margin-bottom:2px;
}
.csc-mailform-field textarea {
	width:350px;
	height:150px;
}
.csc-mailform-field .csc-mailform-submit{
	background-color:#ddd;
	width:100px;
	clear:both;
	position:relative;
	left:120px;
	top:10px;
}


/* ##### CONTENT RECHTS ##### */
#content-right {
	float:left;
	width:201px;
	padding-top:10px;
	padding-bottom:40px;
	position:relative;
	left:16px;
	font-size:11px;
}
#content-right-all {
	margin-bottom:20px;	
}

#content-right-all *{
	font-size:11px;
}
#content-right-all h1{
	font-size:16px;
}

/* ##### Plugins ##### */

.twocols td{
	vertical-align:top;
}
.twocols-divider {
	width:6px;
}