/* 
www.EnerSan-GbR.de
Start: 17.05.2009
Letzte Aenderung: 00.00.20xx
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Hellblau Hintergrund): #D5EDFA
Farbton (Gelbgrün Hintergrund): #E1EEB3
Farbton (Partner Hintergrund): #B3D1EE
Farbton (Footer Hintergrund): #F3FBFE
Farbton (Text dunkel): #455560
Farbton (Text hellgrau): #808080
Farbton (Linie hellgrau): #CCCCCC
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(bilder/grid.png) top left no-repeat;
*/	
	background: #fff;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: #fff;
	font-size: 75%;
	text-align:center;
	font: Arial, Tahoma, Verdana, sans-serif;
	color:#455560;
}

html>body {
	
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../files/icons/icon_pdf.gif) no-repeat center right;
}

a:link,
a:visited {
	color: #F90;
	text-decoration: none;
}

a:hover {
	color:#455560;
	text-decoration: none;
}

a.active {
	background: none;
	}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 0.92em/1.64em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.64em;
	margin-bottom: 1.64em;
	color:#455560;
}

ul li{
	font: 0.92em/1.64em Arial, Tahoma, Verdana, sans-serif;
	color:#455560;
}


h1,
h2,
h3 {
	color:#455560;
	}

h1 {
	font: 1.67em/0.9em "Times New Roman", Georgia, Times, serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em "Times New Roman", Georgia, Times, serif;
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em "Times New Roman", Georgia, Times, serif;
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em "Times New Roman", Georgia, Times, serif;
	margin-top: 1.29em;
	margin-bottom: 1.29em;
	color:#999999;
}

h5, h6 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	padding: 5px;
	margin: 10px 0;
	border: 1px #CCCCCC solid;
	color:#455560;
	font-weight: normal;
	}

h5 {
	background-color:#FF9;
	}

h6 {
	background-color: #FFC;
	}
	
a:hover h5{
	background-color: #F2F2F2;
	}

a:hover h6{
	background-color: #F2F2F2;
	}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;	
	width: 980px;
	max-width: 100%;
	text-align: left;
	padding-top: 10px;
}

/* Header ---------------------------- */

#header {
	width: 980px;
	height: 65px;
	padding-bottom: 5px;
	border-bottom: 1px #CCCCCC solid;
}

#logo {
	float: left;
	}

#menuTop {
	float: right;
	max-width: 665px;
	padding-top: 10px;
	}

/* Banner ---------------------------- */

#banner {
	clear: both;
	padding: 10px 0;
	position: relative;
	}

#bannerText {
	position: absolute;
	top: 33px;
	left: 535px;
	width: 417px;
	height: 174px;
	padding: 10px 5px 5px 7px;
	}

#bannerText h3 {
	font-family: "Times New Roman", Georgia, Times, serif;
	color: #455560;
	font-style: italic;
	font-size: 24px;
	margin: 0;
	}

#bannerText ul li {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #455560;
	font-size: 11px;
	list-style-position:inside;
	line-height: 22px;
	}

#bannerText ul li i {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-style: italic;
	font-size: 12px;
	}

#bannerText img {
	padding-top: 3px;
	padding-right: 18px;}

/* Main Content ---------------------------- */


#wrapperContent {
	width: 980px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	margin-bottom: 10px;
}

#besucherPosition {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
	border-bottom: 1px #CCCCCC solid;
	padding-left: 235px;
	}

#besucherPosition a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
	}

#besucherPosition a:hover, a:focus {
	color: #455560;
	}

#wrapperContentMainPart {
	
	}

#sidebarLeft {
	float: left;
	width: 230px;
	margin-bottom: 10px;
	border-right: 1px #CCCCCC solid;
	}

#sidebarLeftContent {
	margin-top: 10px;
	padding-right: 5px;
	}

#content {
	float: left;
	width: 503px;
	padding: 0 5px;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	margin-bottom: 10px;
	margin-left: -1px;
	margin-right: -1px;
	color:#455560;
	}

#content ul {
	margin-left: 30px;
	margin-top: -1.64em;}
	
#content h3 {
	font: 1.33em/1.13em "Times New Roman", Georgia, Times, serif;
	margin-top: 1.13em;
	margin-bottom: -1.13em;
	font-weight: bold;
	}

#content blockquote {
	background: #F3FBFE url(../files/img/info.png) center left no-repeat;
	padding: 5px 5px 5px 70px;
	margin-top: 20px;
	}
#content blockquote p {
	margin-top: 0;
	}

.csc-textpic-caption{
	font-size:11px;
	color: #808080;
	}

#contentOptions {
	text-align: right;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
	}

#contentOptions a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
	}

#contentOptions a:hover, a:focus {
	color: #455560;
	}

#sidebarRight {
	float: left;
	width: 230px;
	padding: 5px 0 0 5px;
	margin-bottom: 10px;
	border-left: 1px #CCCCCC solid;
	}

#sidebarRight img {
	margin-bottom: 10px;
	}

#wrapperSidebarBox {
	margin-bottom: 10px;
	}


.BoxLink {
	font-weight: bold;
	width: 230 px;
	display: block;
	margin-top: 5px;
	padding: 5px 0;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	}

#wrapperSidebarBox a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #455560;
	text-decoration: none;
	}

#wrapperSidebarBox a:hover, a:focus {
	color: #808080;
	text-decoration: none;
	}

.BoxLink a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #455560;
	text-decoration: none;
	display: block;
	background-image:url(../files/img/pfeile-banner-rechts.gif);
	background-position: 205px 0px;
	background-repeat: no-repeat;
	}

.BoxLink a:hover, a:focus {
	color: #808080;
	text-decoration: none;
	background-position: 205px -22px;
	}

#wrapperSidebarBox h2 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 20px;
	color: #455560;
	border-bottom: 1px #CCCCCC solid;
	padding: 5px 0;
	margin-top: 0;
	margin-bottom: 5px;
	}

#wrapperSidebarBox p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}

.SidbarBox1 {
	width: 224px;
	background-color: #D5EDFA;
	background-image:url(../files/img/telefon.jpg);
	background-repeat: no-repeat;
	background-position: 90px 45px;
	margin-bottom: 10px;
	padding: 0 3px 5px 3px;
	}

.SidbarBox2 {
	width: 224px;
	background-color: #FFFF47;
	margin-bottom: 10px;
	padding: 1px 3px 5px 3px;
	}

.SidebarBoxText p {
	color: #455560;
	}
	
/* contentBox-------------- */

.contentBox {
	margin-bottom: 20px;
	color: #455560;
	border: 1px #CCCCCC solid;
	width: 501px;
	overflow: auto;
	}
	
.contentBox h2 {
	font-family: "Times New Roman", Georgia, Times, serif;
	margin: 0;
	background: #B3D1EE;
	font-size: 18px;
	padding: 5px;
	font-style: italic;
	}

.contentBox ul {
	
	}
.contentBoxLeft {
	float: left;
	width: 220px;
	padding: 10px 0 5px 2px;
	}
	
.contentBoxRight {
	float: right;
	width: 265px;
	padding: 10px 5px 5px 0;
	}

.contentBoxRight h4 {
	background: #F3FBFE;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	padding: 5px;
	color: #455560;
	margin: 0 0 1.64em 0;
	}

/* Leistungen Box-------------- */

#leistungWrapperBox {
	font-size: 11px;
	color: #455560;
	}

#leistungWrapperBox h2 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 16px;
	color: #455560;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 5px;
	}

#leistungWrapperBox a {
	display: block;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #455560;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	margin-top: 5px;
	}

#leistungWrapperBox a:hover, a:focus {
	color: #808080;
	text-decoration: none;
	}
	
#leistungWrapperBox p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}

#leistungWrapperBox ul {
	margin: 0 0 0 15px;}
	
.leistungText {
	height:70px;}

.leistungenLeft {
	float: left;
	width: 247px;
	margin-bottom: 30px;
	}

.leistungenRight {
	float: right;
	width: 247px;
	margin-bottom: 30px;
	}

/* bestellBox-------------- */

.bestellBox {
	margin-bottom: 20px;
	color: #455560;
	border: 1px #CCCCCC solid;
	width: 501px;
	overflow: auto;
	}

.bestellBox p {
	margin-top: 0;
	padding: 5px;}

.bestellBox h2 {
	font-family: "Times New Roman", Georgia, Times, serif;
	margin: 0;
	background: #B3D1EE;
	font-size: 18px;
	padding: 5px;
	font-style: italic;
	}

.bestellBox ul li{
	margin-left: -10px;
	}
.bestellBoxLeft {
	float: left;
	width: 220px;
	padding: 10px 0 5px 2px;
	}

.bestellBoxLeft a {
	padding-left: 5px;}
	
.bestellBoxRight {
	float: right;
	width: 265px;
	padding: 10px 5px 5px 0;
	}

.bestellBox h4 {
	color:#455560;
	padding: 5px;
	border-bottom: 1px #CCCCCC dotted;
	margin: 0 0 1.64em 0;
	}
	
.bestellBoxRight a[href$='.pdf'] { 
	padding: 0;
}


.hellBlau {
	background-color: #F3FBFE;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
	}

.hellBlau p {
	margin-top: -1.64em;}

.hellGelb {
	background-color: #FFC;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}
	
.hellGrau {
	background-color: #F2F2F2;
	padding-bottom: 5px;
	}
.hellGrau p{
	margin: -1.64em 0 0 0;
}

.hellGelb p {
	margin-top: -1.64em;}

.textHell p {
	color: #808080;
	font-size: 11px;
	margin: 0;
	}
	
/* Startseite Box-------------- */

#wrapperBox {
	width:980px;
	margin-bottom: 10px;
	}

.BoxLink {
	margin-top: 5px;
	}

#wrapperBox a {
	display: block;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #455560;
	font-weight: bold;
	text-decoration: none;
	}

#wrapperBox a:hover, a:focus {
	color: #808080;
	text-decoration: none;
	}

#wrapperBox h1 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 24px;
	color: #455560;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 5px;
	}

#wrapperBox p {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}

#wrapperBox ul {
	padding-left: 20px;}

#wrapperSmallBox {
	width: 477px;
	height: 460px;
	float: left;
	margin-bottom: 10px;
	}

.SmallBox {
	float: left;
	width: 230px;
	margin-bottom: 15px;
	}

/*.SmallBox a {
	width: 230px;
	padding: 5px 0;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	}*/

.SmallBox p {
	width: 230px;
	}

.SmallBox h1 {
	width: 230px;}

.SmallBoxRight {
	float: right;
	width: 230px;
	margin-bottom: 15px;
	}

/*.SmallBoxRight a {
	padding: 5px 0;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	}*/

.SmallBoxText {
	height: 115px;
	}

.SmallBoxText p {
	color: #808080;
	}

#BigBox {
	width: 477px;
	height: 465px;
	float: right;
	background: #D5EDFA url(../files/img/bigBoxBlue.png) top left no-repeat;
	padding: 0 3px 5px 3px;
	margin-right: 0px;
	margin-bottom: 10px;
	}

/*#BigBox a {
	padding: 5px 0;
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #CCCCCC solid;
	}*/

#BigBox h1 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 24px;
	color: #455560;
	border-bottom: 1px #CCCCCC solid;
	padding: 5px 0;
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 22px;
	}

.BigBoxText p {
	color: #455560;
	}


/* Partner-------------- */

#wrapperPartner {
	clear: both;
	padding: 6px 0 0px 0;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 10px;
	}

#partnerContent {
	clear: both;
	width: 980px;
	height: 20px;
	background: url(../files/img/partner.png) top left no-repeat;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #455560;
	padding: 3px;
	}

#partnerContent a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #455560;
	text-decoration: none;
	font-weight: normal;
	}
	
#partnerContent a:hover, a:focus {
	color: #999999;
	text-decoration: none;
	}

.hiddenLink {
	display:none;
	}

/* Footer ---------------------------- */

#footer {
	position: relative;
	clear: both;	
	background: #F3FBFE;
	width: 980px;
	height: 50px;	
}

#menuFooter {
	position: absolute;
	top: 5px;
	left: 170px;
	width: 810px;
	}
	
#footerCopy {
	position: absolute;
	top: 30px;
	left: 170px;
	width: 810px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #808080;
	}