/*#############################################################

Beschreibung: Stromvergleiche24.de Design
Author: N.Ulas
URL: http://www.stromvergleiche24.de

Copyright 2008
#############################################################*/

body, div, ul, img, form, fieldset {
        margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}

body {
	font:12px Verdana, sans-serif;
        color:#000000;
	background-color:#FFF;
}

a, a:visited, a:link {
        color : #000000;
        font-weight:normal;
        font:12px Verdana, sans-serif;
	text-decoration : none; 
        } 

        a:hover {
	color : #000000;
        font-size:12px; 
        font:12px Verdana, sans-serif;
	text-decoration : underline; 
}

.headlogo {
        display:inline;
	font-weight:normal;
	font-size:20px; 
}

h1 {
	display:inline;
	font-size:14px;
        font-weight:bold;
        
}

.headlogo span {
	color:#4e8abc;
}

h2, h4 {
	clear:left;
	padding: 0px 0px 0px 5px;
        margin: 0px 0px 0px 0px;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
       
}	
h3 {
	font-size:14px;
        font-weight:bold;
        height:22px;
	padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

.line {
        border-bottom: 1px dotted #cccccc;
        padding: 0px 0px 0px 0px;
        margin: 5px 0px 20px 0px;
}

.blue {
        color:#4e8abc;
}

.green {
        color:#a0c411;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

.orange {
        color:#ff8000;
}

.white {
        color:#ffffff;
}

#header1 a {
	color:#ffffff;
}
#header1 a.active {
	color:#ffffff;
}
small {
	font-size:11px;
}
p {
	padding:0px;
	margin:0 0 10px 0;
}

#right {
        text-align:right;
        padding: 0px 0px 2px 0px;
}

#right2 {
        text-align:right;
        padding: 0px 0px 2px 0px;
}

#right3 {
        text-align:right;
        padding: 0px 0px 2px 0px;
}

#rightnews {
        text-align:right;
        padding: 0px 0px 2px 0px;
}

.pic {
        border: 1px solid #cccccc;
        padding: 3px 3px 3px 3px;
}

.cols p {
	padding:0px;
	margin:0px;
}

input, textarea, select, button/*, option*/ {
	font:12px verdana, sans-serif;
	border: 1px solid #808080;
}

#searchinput {float:left;
        width:215px;
        margin: 20px 0px 0px 0px;
}

#searchinput2 {float:left; 
        width:110px;
}

#searchinput3 {float:left; 
        width:100px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 3px 2px;
}

.submit-btn {
        background: #cccccc;
        border: 1px solid #aaaaaa;
        color: #fff;
        font-size: 11px;
        font-weight:bold;
        margin: 1px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

.content {
	width:881px;
        margin:0px auto;
}

.content2 {
	width:881px;
        margin:0px auto;
        padding: 5px 5px 5px 5px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.contenthead2 {
        background: url(images/headlogo.jpg) no-repeat;
        background-position:345px 10px;
	width:881px;
        height:70px;
        margin:0px auto;
        padding: 5px 5px 5px 5px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.spalt1 { 
	width:660px;
        float:left;
}

.spalt2 {
	width:220px;
	float:right;
}

#header1 {
	width:100%;
	height:20px;
        border:0px;
	padding: 1px 0 0px 0;
	color:#ffffff;
	font-size:11px;
	background: url(images/headbg.jpg) repeat-x;
}

#header2 .content {
        font-family: tahoma, helvetica, arial, sans-serif, verdana;
}

#greenbg1 {
        width:100%;
        height:20px;
	background: url(images/greenhead.gif) repeat-x;
	margin-bottom:4px;
}
#greenbg2 {
        font-size:1px;
        width:100%;
        height:4px;
	background:#c7e98c;
}

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

#header2 a:hover {
	color : #808080;
}

#padder {
       padding: 5px 5px 5px 5px;
}

#picbg {
      
       border: 1px solid #cccccc;
       padding: 3px 3px 3px 3px;
       font-size:12px;
       font-weight:normal;
       color:#ffffff;
       float:left;
       height:198px;
       width:610px;
       
}

#strompic {
       background: url(images/energiebg.jpg) no-repeat;
       height:198px;
       width:610px;
}       

#picbg2 {
       width:605px;
       height:100%;
       border: 1px solid #cccccc;
       margin: 10px 0px 0px 0px;
       padding: 3px 5px 5px 5px;
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left;
       text-align:justify;
}

.contentspalt3 { 
	width:100%;
        margin:auto;
        padding: 0px 0px 0px 0px;
}

#vergleich {
       margin: 5px 0px 5px 0px; 
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left; 
       text-align:justify;
       padding: 3px 5px 20px 5px;     
}

#center {
       margin: 20px 0px 0px 0px;
}


#picbgmitte {
       width:605px;
       height:100%;
       border: 1px solid #cccccc;
       margin: 10px 0px 0px 0px;
       padding: 3px 5px 5px 5px;
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left;
       text-align:justify;
}

#picbgnews {
       width:605px;
       height:100%;
       border: 1px solid #cccccc;
       margin: 10px 0px 0px 0px;
       padding: 3px 5px 5px 5px;
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left;
       text-align:justify;
}

#energiebottom {
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left;
       width:100%;
       height:100%;
       text-align:justify;
       padding: 0px 0px 0px 0px;
}

#energiebottom2 {
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left;
       width:100%;
       height:100%;
       text-align:justify;
       padding: 0px 0px 0px 0px;
}

#energiebottomnews {
       font-size:12px;
       font-weight:normal;
       color:#505050;
       float:left;
       width:100%;
       height:100%;
       text-align:justify;
       padding: 0px 0px 0px 0px;
}


#justify {
        text-align:justify;
        width:400px;
        padding: 0px 0px 0px 5px;
}

#greenklick {
        width:200px;
        height:22px;
}

#greenklick a, #greenklick a:visited, #greenklick a:link {
        color: #ffffff;
        text-decoration : none;
        font-size:14px;
        font-weight:bold;
        line-height:22px;
	background: url(images/greenbg.gif) repeat-x;
        padding: 4px 5px 4px 5px;
        } 

#greenklick a:hover {
	color : #ffffff;
        text-decoration : none;
        font-size:14px;
        font-weight:bold;
        line-height:22px;
        background: url(images/orgbg.gif) repeat-x; 
        padding: 4px 5px 4px 5px;
}

#stromvergleich {
        width:200px;
        padding: 3px 3px 3px 10px;
        margin:50px 3px 3px 70px;
}
        

.contentspalt1 { 
	width:620px;
	float:left;
	padding: 5px 0px 10px 10px;
	
}

.cols { 
	width:100%;
	float:left;
	margin: 0px 15px 10px 10px;
}

.cols1 { 
	width:200px;
	float:left;
	margin: 0px 15px 10px 10px;
}

.contentspalt2 {
        float:right;
	padding: 5px 10px 0px 0px;
	width:220px;
	
}

#triplea {
        width:200px;
	float:left;
	padding: 10px 0px 10px 0px;
}
#tripleb {
        width:200px;
	float:left;
	padding: 10px 0px 10px 0px;
}

#triplec {
        width:200px;
	float:left;
	padding: 10px 0px 10px 0px;
}

#triple2 {
        width:230px;
	float:left;
	padding: 10px 0px 30px 0px;
}

#secondbox {
        width:617px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

#picbg3 {
       float:left;
       width:280px;
       border: 1px solid #cccccc;
       margin: 10px 0px 0px 0px;
       padding: 3px 5px 3px 5px;
}

#picbg4 {
       float:right;
       width:280px;
       border: 1px solid #cccccc;
       margin: 10px 0px 0px 0px;
       padding: 3px 5px 3px 5px;
}

#second {
        font-size:12px;
        font-weight:normal;
        color:#505050;
        float:left;
        width:290px;
}

#textsecond {
       text-align:justify;
       margin: 0px 0px 0px 0px;
       padding: 0px 15px 0px 0px;
}

#second2 {
        font-size:12px;
        font-weight:normal;
        color:#505050;
        float:left;
        width:290px;
}

#textsecond2 {
       text-align:justify;
       margin: 0px 0px 0px 0px;
       padding: 0px 15px 0px 0px;
}

#abstand {
        padding: 0px 0px 0px 5px;
        margin: 5px 0px 0px 0px;
}

.contentspalt2 a, .contentspalt2 a:visited, .contentspalt2 a:link {
        color : #666666;
        font-weight:normal;
        font-size:11px; 
	text-decoration : none; 
        } 

.contentspalt2 a:hover {
	color : #666666;
        font-size:11px; 
	text-decoration : underline; 
}

#bluetable {
        border: 1px solid #cccccc;
        margin:0px 0px 10px 0px;
}

#bluehead {
        font-weight:bold;
        color:#fff;
        background: url(images/bluebg.gif) repeat-x;
        padding: 3px 3px 3px 10px;
        margin:3px 3px 3px 3px;
}

.blueli {
        border-bottom: 1px dotted #cccccc;
        padding:0px 0px 3px 0px;
        margin:3px 3px 3px 3px;
}        

#bluemenu {
        font-size:10px;
        font-weight:normal;
        color:#cccccc;
        margin:0px 0px 5px 0px;
}

#bluetext {
        text-align:justify;
        font-size:10px;
        font-weight:normal;
        color:#999999;
        margin:5px 10px 3px 10px;
}

#greentable {
        border: 1px solid #cccccc;
        margin:0px 0px 10px 0px;
}

#greenhead {
        font-weight:bold;
        color:#ffffff;
        background: url(images/greenbg.gif) repeat-x;
        padding: 3px 3px 3px 10px;
        margin:3px 3px 3px 3px;
}

.greenli {
        border-bottom: 1px dotted #cccccc;
        padding:0px 0px 3px 0px;
        margin:3px 3px 3px 3px;
}     

#greenmenu {
        font-size:10px;
        font-weight:normal;
        color:#cccccc;
        margin:0px 0px 5px 0px;
}

#greentext {
        text-align:justify;
        font-size:10px;
        font-weight:normal;
        color:#999999;
        margin:5px 10px 3px 10px;
}

#orgtable {
        border: 1px solid #cccccc;
        margin:0px 0px 10px 0px;
}

#orghead {
        font-weight:bold;
        color:#ffffff;
        background: url(images/orgbg.gif) repeat-x;
        padding: 3px 3px 3px 10px;
        margin:3px 3px 3px 3px;
}

.orgli {
        border-bottom: 1px dotted #cccccc;
        padding:0px 0px 3px 0px;
        margin:3px 3px 3px 3px;
}      

#orgmenu {
        font-size:10px;
        font-weight:normal;
        color:#cccccc;
        margin:0px 0px 5px 0px;
}

#orgtext {
        text-align:justify;
        font-size:10px;
        font-weight:normal;
        color:#999999;
        margin:5px 10px 3px 10px;
}

#newstable {
        border: 1px solid #cccccc;
        margin:0px 0px 10px 0px;
}

#newshead {
        font-weight:bold;
        color:#4e8abc;
        padding: 3px 0px 3px 5px;
        margin:3px 3px 0px 5px;
}

#newsmenu {
        font-size:10px;
        font-weight:normal;
        color:#cccccc;
        margin:0px 0px 5px 0px;
}

#newstext {
        text-align:justify;
        font-size:10px;
        font-weight:normal;
        color:#505050;
        margin:2px 10px 5px 5px;
}

#newstable a, #newstable a:visited, #newstable a:link {
        color : #000000;
        font-weight:normal;
        font-size:10px; 
	text-decoration : none; 
        } 

#newstable a:hover {
	color : #000000;
        font-size:10px; 
	text-decoration : underline; 
}

#mini {
        font-size:10px;
        color:#000000;
        margin:0px 0px 25px 0px;
}

#footer-line {
        width:100%;
        padding:0px 0px 0px 0px;
	height:48px;
	background: url(images/footerbg.jpg) repeat-x;
}
#footer-line .cols, #footer .cols { 
        padding:0px 0px 0px 0px;
}

#footer-line .cols a { 
	color:#000000;
}
#footer {
        width:881px;
        margin:0px auto;
        text-align:center;
        padding: 5px 5px 5px 5px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:10px;
}

.footerblack {
        color:#666666;
}

.footertext {
        text-align:center;
        color: #808080;
        font-size: 11px;
        font-weight:normal;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
}