/*
Theme Name: ClearBlue2.0
Theme URI: http://3fact.com
Description: "ClearBlue2.0" is a two column theme for WordPress 2.x.
Version: 1.0
Author: Florian Gützlaff
Author URI: http://3fact.com
License: GPL
*/

/* To change or delete the header-image (Your Logo) delete the  "background-..." - lines
  from "#headerwrap{}" */

/* Container */

body{
font-family: verdana;
font-size: 12px;
color: #000000;
line-height: 24px;
border-top: 7px solid #0051A2;
margin: 0px 0px 0px 0px;
padding: 0px 0px;
}

#wrap{
margin:0 auto;
margin-top:20px;
text-align:left;
width:865px;
}

#content{
float:left;
margin:12px 0px 0px 0px;
width:617px;
margin-bottom:50px;
}

#footer{
width:800px;
height:30px;
border-top:1px solid #333333;
color:#909090;
clear:both;
text-align:center;
}

/* global */

 h1, h2, h3{
font-family: verdana;
}

h2{
}

h3{
font-size:1.2em;
}

a{
text-decoration:none;
color:#0051A2;
}


img{
border:none;
}

a:hover{
color:#3f4b51;
}


/* Header */

#header{
margin:0 auto;
text-align:left;
width:869px;
}

#ribbon{
position:absolute;
top:0px;
right:0px;
}

#headerwrap{
background-position: top left;
height:80px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}

#header input.best{
border: 0px ;
padding: 0px;
color: rgb(255, 255, 255);
height: 20px;
width: 60px;
background-color: #0051A2;
font-size: 11px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#header input.best:hover{
background-color: #3482CF;
}

#nl1 {
float: right; 
line-height: 11px;
border-right:0px solid #ccc;
text-align: justify;
width: 220px;
font-size:10px;
height: 60px;
padding:10px 5px 5px 5px;
margin: 0px 2px 0px 10px;
}

#nl1 h4{
font-size: 12px;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}

#nl2 {
background: #fff url(http://www.konto-testsieger.de/images/newsletterneu3.jpg) no-repeat;
float: right; 
line-height: 20px;
border-left:0px solid #ccc;
background-color: #FFF;
width:340px;
height: 80px;
padding:2px 5px 0px 5px;
margin: 0px 24px 0px 9px;
text-align:center;
}

#nl2 input.me { 
color:#000; 
font: bold 88% ; 
background-color:#eaeaea; 
border: 1px solid; 
border-color: #696 #363 #363 #696;
line-height: 20px;
height:18px;
padding:0px;
margin:0px;
} 


#nl3 {
border: 0px solid;
margin-top:34px;
margin-left: -47px;
font-size:9px;
}

#nl3 a{
font-size:9px;
color: #000;
}

#nl3 button { 
background-color:#0051A2; 
color: #fff;
border: 0px;
padding: 3px 5px;
margin: 0px 0px 0px 9px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:10px;
float: left;
} 
#nl3 button:hover{ 
background-color:#3482CF; 
} 

#nl3 span { 
float: left;
margin-left: 103px;
} 

#nl3 input { 
color:#000; 
font: bold 88% ; 
background-color:#eaeaea; 
border: 1px solid; 
border-color: #696 #363 #363 #696;
line-height: 20px;
height:18px;
padding: 0px;
width: 100px;
float: left;
margin-left: 103px;
} 

#header h1 {
font-weight: 100;
font-size: 35px;
letter-spacing: -3px;
font-stretch: ultra-expanded;
padding: 14px 0 0 85px;
margin: 0px 0px;
}
#header h1 a.normal {
text-decoration: none;
color: #0051A2;
}
#header h1 a.normal:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #666;
font-size: 15px;
font-weight: 120;
padding: 5px 0 0 86px;
margin: 0px 0px;
}

#header p{
font-size:1em;
text-align:center;
margin:0;
padding:0;
}


/* Navigation */

#navigation{
height: 30px;
line-height: 30px;
font-size:13px;

}
#navigationWrap{
margin:0px auto;
}

#navigationWrap ul{
float:left;
height:37px;
margin:7px 0 0 0;
padding-left:2px;
border-right:0px solid #48757e;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#navigationWrap li{
float:left;
margin:0;
padding:0;
}

#navigationWrap a:link,#navigationWrap a:visited{
background-image:url("");
background-repeat:repeat-x;
font-weight: 600;
color:#ffffff;
display:block;
float:left;
height:20px;
padding: 0 20px 0px 0;
text-decoration:none;
}

#navigationWrap a:hover{
text-decoration:underline;
background-image:url("");
background-repeat:repeat-x;
}

/* Entry */
 .entry div{
border-bottom:0px dashed #0051A2;
text-align: justify;
font-size:13px;
margin: 7px 15px 35px 5px;
line-height: 17px;
}


 .entry{
border-bottom:0px dashed #0051A2;
text-align: justify;
font-size:13px;
margin: 7px 15px 35px 5px;
line-height: 17px;
}

.entry img{
margin: 15px 0px;
}


.entry ul{
list-style-image:url("./images/listpoint.gif");
}

.entry h2{
color:#0051A2;
}

.entry h3{
color:#000;
font-weight:normal;
letter-spacing: 0px;
font-size: 16px;
}

.entry h4{
color:#000;
font-weight:normal;
letter-spacing: 0px;
font-size: 16px;
}

.entrytitle h2, .entrytitle h3{
display:inline;
font-weight:normal;
}

.entrytitle h2{
line-height: 26px;
}

.entrytitle h3{
font-weight:normal;
}


body#home .entry-1 .entrytitle
{
}

body#home .entry-1 .entrytitle h2{
}

body#home .entry-1 .entrytitle h3{
}

.entrybody{
margin-top: 7px;
line-height: 28px;
}

.entrymeta{
font-size: 10px;
padding:5px;
margin-top: 10px;
display:none;
}

.entry-1 .entrymeta{
display:block;
}

.filedto{
background:url("./images/file.gif") no-repeat 0 2px;
padding-left:15px;
}
.commentslink{
background:url("./images/comments.gif") no-repeat 0 3px;
padding-left:25px;
margin: 0px;
}

.pagenavi{
padding:5px;
overflow:hidden;
height:30px;
/*border-top:#56a9b8 solid 1px;
border-bottom:#56a9b8 solid 1px;*/
}

.previous{
float:left;
}

.next{
float:right;
}

a.more-link{
font-size:15px;
text-align: right;
line-height: 25px;
}

p.navigation{
text-align: right;
font-size:15px;
height: 25px;
line-height: 25px;
}


/* Comments */

.commentsblock{
margin:5px;
padding:0px;
font-size:1.1em;
}

.commentsblock textarea{
width:410px;
}

.commentsblock input, .commentsblock textarea{
border:1px solid #56a9b8;
}

.commentsblock textarea:focus, .commentsblock input:focus{
border:1px solid #4f8b49;
}

.commentauthor{
display:block;
font-size:1.5em;
}

ol.commentlist{
color:#222222;
font-size:0.9em;
list-style-type:none;
margin:0;
margin-top:1.5em;
padding:0.5em 1em;
}

.commentlist .alt{
padding:0.5em 1em;
background-color:#ffffff;
}

.commentlist li{
margin-bottom:0.5em;
padding:0.5em 1em;
border-bottom:1px solid #0051A2;
}

#comments{
font-size: 14px;
}

/*Sidebar*/

#cloud{
padding-top:20px;
}

#cloud a{
color: #333;
}

#sidebar{
font-size:14px;
margin-left:655px;
width:210px;
line-height: 17px;
padding-top:18px;
}

#sidebar h2{
color: #0051A2;
font-size: 18px;
letter-spacing: 0px;
font-weight: 100;
margin : 0px 0px 15px 0px;
}

#sidebar .sidebarlists{
}

#sidebar .top{
margin-left: -10px;
width: 180px;
}

#sidebar .top a{
font-weight: bold;
}

#sidebar .children{
}

#sidebar ul{
list-style-type: none;
margin: 0px 0px 0px -30px;
}

#sidebar ul li{
width: 160px;
padding: 3px;
border-bottom:1px solid #999999;
}

#sidebar ul li a{
font-size:12px;
color:#000000;
font-weight:normal;
}

#sidebar ul li a:hover{
}

#menno{
margin: 0px 0px;
padding-top:10px;
}

#menno ul{
margin: 0px 0px;
list-style-type: none;
}

#menno ul li{
width: 160px;
padding: 2px 2px 3px 2px;
margin: -1px 0px 0px 0px;
border-bottom:1px solid #999999;
width: 160px;
}

#menno ul li a:hover{
font-weight:bold;
}

#menno a{
font-size:12px;
color:#000000;
font-weight:normal;
}

#menno a:hover{
font-weight:bold;
}

#bluebox{
background-image: url("http://www.prozent-zinsen.de/images/news2.jpg");
background-repeat: no-repeat;
background-position: 0px 0px;
border: 0px dashed #0051A2;
padding-left: 5px;
padding-right: 5px;
padding-top: 35px;
padding-bottom: 5px;
margin-bottom: 20px;
margin-top: 30px;
}

#bluebox ul li a:hover{
text-decoration: underline;
}

#bluebox ul{
margin-left:2px;
}

#bluebox ul li{
line-height: 14px;
margin-left:1px;
padding-top: 5px;
padding-bottom: 5px;
list-style-type:none;
}

#startnews{
background-image: url("http://www.prozent-zinsen.de/images/news2.jpg");
background-repeat: no-repeat;
background-position: 0px 0px;
border: 2px dashed #0051A2;
padding-left: 15%;
padding-right: 5px;
padding-top: 0px;
width: 70%;
margin-bottom: 30px;
}

#startnews ul li a:hover{
text-decoration: underline;
}

#startnews ul{
margin-left:2px;
padding-top:0px;
}

#startnews ul li{
margin-top: 3px;
line-height: 14px;
font-size: 12px;
margin-left:1px;
padding-top: 2px;
padding-bottom: 2px;
list-style-type:disc;
}

#search{
background-image:url("./images/search.gif");
border:medium none;
display:block;
height:32px;
padding-left:0pt;
text-decoration:none;
width:100px !important;
}

#search:hover{
background-image:url("./images/search.gif");
background-position:0px 33px;
}

/* Footer */

#footersection{
clear:left;
padding:50px 0 10px 0;
}

#footersection h2{
color:#909090;
margin:0px;
padding:0px;
}

#footersection ul{
list-style:none;
margin:0;
padding:0;
}

#footersection a{
color:#909090;
}

#footersection a:hover{
color:#56a9b8;
}

#archive{
width:200px;
text-align:right;
float:left;
}

#meta{
width:220px;
float:right;
}

#links{
width:190px;
margin:0 200px 0 350px;
}

#footer p{
margin:0;
padding-top:6px;
}

#rahmen1   {
border: 1px solid rgb(0, 81, 158);
margin-left: 10px;
margin-top: 5px;
color: rgb(255, 255, 255);
height: 22px;
width: 120px; 
text-align: center;
}

#rahmen1   a{
color: rgb(255, 255, 255);
text-decoration: none;
}

#rahmen1   a:hover{
text-decoration: none;
font-weight: normal;
}


#rahmen2   {
margin: 2px;
background-color: rgb(0, 81, 158);
height: 18px;
line-height: 16px;
width: 116px;
text-align: center;
}


#menu {
height: 30px;
line-height: 30px;
padding-bottom: 15px;
margin:9px auto;
width: 909px;
}
#menu ul {
list-style-type: none;
}
#menu ul li, #menu .small {
display: block;
float: right;
}
#menu ul li {
width: 140px;
height: 30px;
background: url('http://www.konto-testsieger.de/images/menue-bg-inactive.png') no-repeat;
margin-left: -18px;
}
#menu .small {
width: 120px !important;
height: 30px !important;
background: url('http://www.konto-testsieger.de/images/menue-small-bg-inactive.png') no-repeat !important;
margin-left: -15px;
}
#menu .first {
width: 140px;
height: 30px;
background: url('http://www.konto-testsieger.de/images/menue-bg-active.png') no-repeat;
margin-left: -18px;
}
#menu ul li a {
display: block;
font-size:13px;
color: #0051A2;
text-decoration: none;
font-weight: 800;
text-align: center;
padding-right: 8px;
}
#menu .small a {
color: #666;
font-weight: 600;
font-size:11px;
}
#menu .first a {
color: #fff;
font-weight: 600;
}
#menu .first img {
margin: 7px -33px 2px 30px;
float: left;
}
#menu a:hover, #menu .active  {
color: #fff !important;
background: url('http://www.konto-testsieger.de/images/menue-bg-active.png') no-repeat !important;
}
#menu .active  a, #menu .small-active a {
color: #fff !important;
}
#menu .small a:hover, #menu .small-active {
color: #fff !important;
background: url('http://www.konto-testsieger.de/images/menue-small-bg-active.png') no-repeat !important;
}
#menu .first a:hover, #menu .small-active {
color: #fff !important;
background: url('http://www.konto-testsieger.de/images/menue-bg-active.png') no-repeat !important;
}
#menu .line {
position: absolute;
left: 0;
top: 138px;
width: 100%;
height: 15px;
background: #0051A2;
}