* { 
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
html { 	height:100.1%; }
body {
	font:13px Humanist777BT-LightB, Arial, Helvetica, sans-serif;
	color:#000;
	background:#ebf6fc url(images/dsdl_web_hg-1440x900.png) no-repeat center 0 fixed;
	background-size:cover;
}

@media all and (min-width:1440px) {

body {
	background:#ebf6fc url(images/dsdl_web_hg-1920x1200.png) no-repeat center 0 fixed;
	background-size:cover;
}
      
}


a {
	text-decoration:none;
	color:#009ee0;
}
a:hover {text-decoration:underline;}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:12px; line-height:1.4;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
	margin-top:5px;
}
th, td{
	border:1px solid #ccc;
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#ccc;
	background:#eee;
	text-align:center;
	vertical-align:middle;
}
ul{margin-left:1px;}
ul li, ol li{list-style-position:outside;}
ul li{list-style-type:disc;}

#content ul li{margin:0 0 3px 15px; padding-left:5px;}

#wrapper{
	width: 952px;
	margin:37px auto 0;
}
.wrapper-holder{
	background:#fff;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	padding:0 0 26px;
}
.wrapper-t,
.wrapper-b{
	display:none;
	width: 952px;
}
.wrapper-t{
	background:url(images/bg-wrapper-t.png) no-repeat;
	height: 9px;
}
.wrapper-b{
	background:url(images/bg-wrapper-b.png) no-repeat;
	height: 10px;
}

/* header */

#header{
	overflow:hidden;
	padding:35px 45px 25px 46px;
	display:block;
}
.logo{
	background:url(images/logo.gif) no-repeat;
	width: 219px;
	height: 70px;
	text-indent:-9999px;
	overflow:hidden;
	margin:2px 0 0;
	float:left;
}
.logo a{
	height:100%;
	display:block;
}
.slogan{
	overflow:hidden;
	margin:0 0 30px;
	display:block;
}
.slogan img{
	float:right;
}

/* slider */

.visual { position:relative; }
#paging { position: absolute; bottom: 20px; right:20px; z-index:999; /*display: none;*/ }
#paging  a { display:inline-block; width:20px; height:20px; background:transparent url('images/sliderbuttons.png') no-repeat center -2px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left:2px;}
#paging  a.activeSlide { background-position: center -24px; }

/* navi */

.menu{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	text-align:right;
	font-size:12px;
}
.menu li{
	display:inline;
	padding:0 0 0 12px;
}
.menu a{
	color:#000;
}
.menu a:hover,
.menu li.active a{
	text-decoration:none;
	color:#009ee0;
}
#main{
	padding:0 23px;
	width:906px;
}
.visual img{
	display:block;
}
.visual {
	width:907px;
	height:291px;
	overflow:hidden;
}
#nav{
	display:block;
	font-size:17px;
	line-height:19px;
	margin:0 0 22px;
	padding:0 0 0 3px;
	width:903px;
	list-style:none;
	background:url(images/divider.gif) repeat-x 0 100%;
}
#nav:after {
	clear: both;
	content:"";
	display: block;
}
#nav li{
	float:left;
	padding: 18px 16px 0 22px;
	position:relative;
	height:34px;
}

#nav li#menu-item-30 {
	padding-right: 0;
}

@media all and (-ms-high-contrast:none)
 {
 *::-ms-backdrop, #nav li{  padding-right: 10px; } /* IE11 */
 }
 

#nav li a{
	color:#000;
}
#nav li:hover a{
	text-decoration:none;
	color:#009ee0;
}
#nav .drop{
	position:absolute;
	left:6px;
	bottom:52px;
	display:none;
}
#nav .drop-t{
	background:url(images/bg-drop-t.png) no-repeat;
	width: 151px;
	height: 12px;
	display:none;
}
#nav ul{
	margin:0;
	width:124px;
	padding:12px 10px 2px 17px;
	list-style:none;
	font-size:14px;
	background:#fff;
	border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0; 
	-webkit-border-radius: 10px 10px 0 0;
}
#nav li:hover .drop{
	display:block;
	z-index: 999;
}
#nav ul li{
	float:none;
	height:auto;
	padding:0;
	display:block;
	margin:0 0 6px;
	list-style:none;
	list-style-position:outside;
}
#nav li:hover ul a{
	color:#000;
}
#nav li:hover ul a:hover{
	color:#009ee0;
}

/* content */

.breadcrumbs {
	font-size:11px;
	padding-bottom:6px;
}

.breadcrumbs a {
	color:#000;
}

#columns{
	overflow:hidden;
	background:url(images/bg-columns.gif) repeat-y 212px 0;
	position:relative;
}
.aside{
	float:left;
	width:194px;
	padding:8px 18px 0 0;
	line-height:17px;
	overflow:hidden;
}
.aside1{
	padding:8px 0 0 22px;
	width:190px;
}
.aside h3{
	font:17px Humanist777BT-RomanB,Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:0 0 9px;
	font-weight:normal;
}
.aside h3 a{
	color:#7ab51d;
}
.aside p{
	margin:0 0 25px;
}
.block-holder{
	overflow:hidden;
	margin:0 0 -20px;
}
#content{
	float:left;
	width:434px;
	padding:8px 25px 48px 23px;
	font-size:14px;
	line-height:21px;
}
#content h1, #content h2 {
	font:17px Humanist777BT-RomanB,Arial, Helvetica, sans-serif;
	line-height:19px;
	margin:0 0 6px;
}
#content p{
	margin:0 0 10px 0;
}

#content ul ul li {
	margin-left:15px;
}


#content .trenner {
	display:block;
	height:3px;
	margin-bottom:12px;
	width:438px;
	background:url(images/divider.gif) repeat-x 0 100%;
}

.newscontent { margin-bottom: 30px; }

/* footer */

.footer{
	position:absolute;
	left:235px;
	bottom:2px;
	font-size:12px;
}
.footernav {
	position:absolute;
	right:240px;
	bottom:2px;
}
.footernav a {
	color:#000;
	font-size:12px;
}
.block{
	background:url(images/divider.gif) repeat-x 0 100%;
	margin:0 0 22px;
	overflow:hidden;
	display:block;
	padding:0 0 0 24px;
}
.aside1 .block{
	padding:0 20px 0 0;
}
.oko-logo{
	display:block;
	margin:0 0 10px;
}
.oko-logo img{
	display:block;
}

/* recent posts widget */

.cat-post-item {
	margin-bottom:20px;
}

.cat-post-item p {
	margin:0 0 5px 0;
}

/* Blogroll */

.blogroll li {
	list-style:none;
	margin-bottom:8px;
}

.blogroll { margin-bottom:25px; }

/* Suche */

.search { margin-bottom: 20px; padding-bottom: 20px; background:url(images/divider.gif) repeat-x 0 100%;} 
#searchsubmit {float:left;display:inline;width:22px;height:21px;margin:0;text-indent:-9999em;border:none;background:url('images/lupe.png') 0 0px no-repeat;}
/*.search_input {float:right;display:inline;width:143px;height:19px;padding:0 2px 0 3px;font-size:11px;color:#007873;border:none;line-height:normal;background:url('images/search.png') -19px 0px no-repeat;}*/
.search_input {float:right;display:inline;height:19px;padding:0 2px 0 3px;font-size:11px;color:#000;border:1px solid #ccc; width:150px;line-height:normal;}

/************************************/
/************ WORDPRESS *************/
/************************************/

	.aligncenter,div.aligncenter{display:block;margin:0 auto}
	img.alignleft{float:left;margin:10px 15px 10px 0;padding:0;border:none;display:inline}
	img.alignright{float:right;margin:2px 0 5px 8px;padding-left:5px;border:none;display:inline}
	.alignright {float:right}
	.alignleft {float:left}
	img.centered {display:block;margin:0 auto;padding:0px;border:1px solid #CCCCCC}
	.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px}
	.wp-caption img{border:0 none;padding:0}
	.wp-caption p.wp-caption-text{line-height:17px;margin:0;padding:0 4px 5px}
	img.size-full { margin-top:10px;}
	img.rahmen { border: 1px solid #CCC; }


/* -------------FORM----------------- */
	form {display:inline}
	form label {cursor:pointer}
	fieldset {border:none}
	input,select,textarea,button {font-size:100%;font-family:inherit;}
	textarea {line-height:1.25}
	button {cursor:pointer;width:auto;overflow:visible}	
	input[type=button],input[type=submit]{cursor:pointer}
	input[type="radio"] {vertical-align:text-bottom}
	input[type="checkbox"] {vertical-align:middle;border:none;margin:0 5px 0 0}
	input[type="text"]:focus {outline:none}	
	
	.wpcf7-form input[type="text"], input[type="text"]#anfahrt, .wpcf7-form input[type="email"] { padding:5px; border:1px solid #ccc; width:190px;}
	.wpcf7-form textarea{ padding:5px; border:1px solid #ccc; width:95%; height:130px; margin:3px 0 10px 0;}
	.wpcf7-form input[type="submit"], input[type="submit"]#google, #tarifrechner_top input[type="submit"], #tarifrechner_top input[type="button"], .wpcf7-form input[type="reset"]  { padding:5px 20px; color:#fff; background:#009EE0; border:none; -webkit-appearance: none; border-radius: 0; }
	.wpcf7-form input[type="submit"]:hover , .wpcf7-form input[type="reset"]:hover, #tarifrechner_top input[type="submit"]:hover, #tarifrechner_top input[type="button"]:hover  { background:#7AB51D; color:#fff; }
	.wpcf7-form input[type="submit"] { width:120px;}
	.wpcf7-not-valid-tip, .wpcf7-response-output { border:1px solid #c30040!important; margin-left:0px!important; }
	.wpcf7-response-output { width:90%;}
	.wpcf7-list-item { margin:0!important; }
	
	.small { font-size:11px; }
	.wpcf7-list-item-label { font-size:10px; }
	.Informationsmaterial { display:block; padding-top:17px;}

	.formcol { float:left; width:220px; padding-top:5px; }
	.formcol.last { width:200px; padding-right:0px; }

/* Galleryview overwrite standard theme css */

	/* WRAPPER FOR FILMSTRIP IMAGES */
	.frame { list-style:none;}
	.frame .img_wrap { border: 1px solid #ccc!important; }
	.frame .img_wrap:hover { border: 1px solid  #009ee0!important; }
	
	/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
	.frame.current .img_wrap { border-color: #009ee0!important; }
	.loader { background-color:#fff!important; }
	
	.pointer { border:none!important;}

	/* Gallery header */
	
	.galleries h1 { font: 17px/19px Humanist777BT-RomanB,Arial,Helvetica,sans-serif; color:#009ee0; }

/* Sitemap */
	.ddsg-wrapper  { padding-top:10px;}
	.ddsg-wrapper a { color:#000!important;}
	.ddsg-wrapper h2 { display:none; }
	.ddsg-wrapper > div { display:none; } 

/* Tarifrechner */
#tarifrechner_top { background: #fff url(images/stromrechner_bg1.png) no-repeat; height:163px; width:402px;}
#tarifrechner_licht { background: #fff url(images/logo.gif) no-repeat; background-position: 300px 50px; background-size: 115px; border: 1px solid #CDCECE; border-radius: 12px; height:140px; width:402px; display:none; }
#tarifrechner_oeko { background: #fff url(images/oko-logo.gif) no-repeat; background-position: 300px 50px; background-size: 115px; border: 1px solid #7AB51D; border-radius: 12px; height:190px; width:402px; display:none;}
#tarifrechner_grund { background: #fff url(images/logo.gif) no-repeat; background-position: 300px 50px; background-size: 115px; border: 1px solid #CDCECE; border-radius: 12px; height:115px; width:402px; display:none;}
.verbrauchslabel { position:absolute; top:101px; left:138px;}
.tarifboxen { margin-bottom: 20px; padding:15px 18px 15px 18px; position:relative;}
.tarifboxen .message { width: 275px; font-weight: bold; }
.tarifboxen select { font-size: 11px;}
.tarifboxen ul { margin:0 0 6px 2px;}
.verbrauchsfeld { padding:5px; border:1px solid #ccc; width:100px; text-align:center; }
#verbrauch { margin:5px 5px 5px 0;}
.textunten { width:400px; position:absolute; bottom:2px; }
.preis { float:right;}


