/*
Theme Name: blue-3

Author: Esther Nowack
Author URI: http://webmatter.de
*/


html {min-height: 101%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #666;}
a:hover {color: #445566;}
a:focus, a:active {
	outline: 0 none;
}

body {
	background: #eef3f7 url('img/bg.jpg') repeat-x left top;
	color: #444;
	font: normal 62.5% Tahoma, Verdana, Geneva, Arial, Helvetica sans-serif
}

p,code,ul {padding-bottom: 10px;}

li {list-style: none;}

h1 {
	font: normal 1.4em Tahoma,sans-serif;
	margin-bottom: 4px;
}
h2 {font: normal 1.6em sans-serif;}
h3 {font: bold 1.1em sans-serif;}

code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin: 4px 0 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	padding-left: 26px
}

big {font-size: 1.1em;}

h1, h2, h3 {padding-top: 6px;}

label {
	display: block;
	font-size: 0.9em;
}

/* verschiedene Klassen */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

/* header */
.top {
	padding-left:10px; padding-right:10px; padding-top:50px; padding-bottom:0
}

/* title */
.header {
	background: #fff url('img/header.jpg') 10px 10px no-repeat;
	font-size: 1.2em;
	height: 150px;
	margin: 10px auto  0 auto;
	padding: 10px 10px 5px;
	width: 780px;
}


.header  p, .header h1 {padding: 5px 20px 15px 20px; margin: 0; }
.header h1 {font: normal 1.6em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif, margin-bottom: 0px; margin-top: 10px;}
.header h1 a {font: normal 2em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica,sans-serif;
color: #244f79; text-decoration: none;  }
.header p {
	font: normal 1.4em "Trebuchet MS", Verdana, Geneva, Arial, Helvetica,sans-serif; 
	color: #244f79;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0 20px;
	text-decoration: none;}
.header p a {
	text-decoration: none;
	color: #244f79;
}
/* navigation */
#navbar {
	background: transparent url(img/nav.gif) left top repeat-x;
	width: 774px;
	height: 40px;
	color: #FFFFFF;
	margin: 0;
	padding: 0px 3px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	

	
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 774px;
	}

#nav ul li {
	list-style: none;
	margin: 0px 0px 0px -1px;
	padding: 0px;
	z-index:9999;
	}
	
#nav li a, #nav li a:link {
	color: #666;
	display: block;
	font-size: 14px;
    margin: 0px 0px 0px 0px;
	padding: 11px 20px 11px 20px;
	border-right: 0px solid #ccc;
	text-decoration: none;
	text-align: center;
	}
#nav li.page-item-4 a {
	border-right: 0 none;
}
#nav li.current_page_ancestor a, #nav li.current_page_parent a, #nav li.current_page_item a,#nav li a:hover, #nav li a:active {
	background: #b3c2c7 url(img/navhover.gif);
	color: #202020;
	display: block;
    margin: 0px 0px 0px 0px;
	padding: 11px 20px 11px 20px;
	text-decoration: none;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	opacity: .90;
	filter: alpha(opacity=90);
	background: #b3c2c7;
	width: 160px;
	color: #fff;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 20px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #c1cad3;
	color: #333;
	padding: 7px 10px 7px 20px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -31px 0 0 192px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	
#nav .current_page_item a {
	background: #222222 url(images/navhov.png);
	color: #FFFFFF;
	display: block;
    margin: 0px 0px 0px 0px;
	padding: 12px 20px 12px 20px;
	text-decoration: none;
	}

.content {
	border-top: 4px solid #FFF;
	background: url('img/bgmain.gif') repeat-y;
}

/* Sidebar Navigation */
.sidenav {
	float: left;
	width: 210px;
}
.sidenav h2 {
	color: #5A5A43;
	font: bold 1em Tahoma,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
}
.sidenav ul {
	padding: 0;
	border-top: 1px solid #E8E8E8;
}
.sidenav li {border-bottom: 1px solid #E8E8E8;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li.current_page_item a, .sidenav li a:hover {
	/*background: #F0F0EB;*/
	background: #eeeef0;
	color: #654;	
}

/* content */
.contentright {
	float: right;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.contentright .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.contentright ul {margin-left: 18px;}
.contentright ul li {list-style: url('img/li.gif');}
.contentright ol li {list-style: decimal;}

.contentright p {font-family: "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.3em;}
a.contentjumplink  {
	text-decoration: none;
	color:#445566;
}
a:hover.contentjumplink {
	color: #202020;
}
/* footer */
.footer {
	background: #fff url(img/bgfooter.gif) bottom left repeat-x;
	color: #202020;
	font: bold 1em sans-serif;
	padding: 0 16px;
	line-height: 39px;
	height: 39px;
	margin-top: 0px;
	text-align: left;
}
.footer .f_left {

	float: left;
        font-size:10px;
}
.footer .f_right {
	
	float: right;
	text-align: right;
        font-size:10px;
}
.footer .f_right ul li {
	display: inline;
	list-style: none;
	padding: 0 5px;
	border-right: 1px solid #ccc;
}
.footer .f_right ul {
	list-style: none;
}
.footer a {color: #666; text-decoration: none;}
.footer a:hover {color: #202020;}

/* posts */
.post h2 a {text-decoration:none;}
.post h2 a:hover {text-decoration:none;}
.post h2 {
	padding-bottom: 20px;
}
.post {margin: 6px 0 2px; }
.post .info{
clear:both;
	padding: 5px 10px;
	border: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #555;
	margin: 2px 0 4px;
}
.post img {border: none;}
.post a img {border: none;}
.post a:hover img {border-color: #CCC;}

.descr a, .info a {text-decoration: none;}
.descr a:hover, .info a:hover {text-decoration: underline;}

/* comments */
h2#comments {
	margin-bottom: 10px;
}
.content ol li {list-style: none; background: none;}

#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
	list-style: none;
}
#commentform {
	margin: 1em 0;
	background: #FAFAFA;
	width: 280px;
}
.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {color: #664;}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}

a img {border:none;}

/* calendar */
#wp-calendar {color:#A0A0A0;}

.sidenav table caption {border-bottom-color:#000;}

.sidenav table thead tr {
  border-bottom-color:#000;
  color:#A53512;
}

.sidenav table th {border-bottom-color:#000;}

.sidenav table td#today {
  border-color:#000;
  color:#A53512;
}

.sidenav table td a {
  border-bottom-color:#000;
  background-color:#EDF3DE;
}

.sidenav table tfoot {border-top-color:#000;}

.sidenav table tfoot a {background:none;}

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display:inline-table;
  border-collapse:collapse;
  width:185px;
  margin:0px 10px 0 10px;
  text-align:center;
}

.sidenav table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.sidenav table thead tr {border-bottom:1px solid;}

.sidenav table th {border-bottom:1px solid;}

.sidenav table td {
  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.sidenav table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.sidenav table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}

.sidenav table tfoot {border-top:1px solid;}
.sidenav table tfoot a {
  border: none;
  font-weight: bold;
}
.sidenav table tfoot #prev a {text-align:left;}
.sidenav table tfoot #next a {text-align:center;}

#searchform {padding:10px;}
input#s {
	width: 150px;
}
#submit {
	width: 30px;
	height: 20px;
	background: transparent url(img/search.png) center no-repeat;
	border: 0 none;
}
#submit:hover {
	cursor:pointer;
}
/* 
   Wordpress 
------------------------------------------------------------------- */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


/* Images */
img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 0px solid #DDD;
	
}

img.alignleft {margin: 0 15px 12px 0;}
img.alignright {margin: 0 0 15px 12px;}


/* Floats */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 0 auto;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}
p.formular {
   clear: both;
	width: 150px;
	float:left;
	padding-left: 2px;
}
span.vorname, span.your-name {
	width: 150px;
	}
p.senden {
	text-align: right;
	padding-right: 20px;
}
p.datenschutz {
	text-align: right;
	padding-right: 40px;
}
p.vergleich {
	border: 1px solid #eee;
	background: #244f79;
	color: #fff;
	text-align: center;
	padding: 10px;
}
p.vergleich a {
	color: #fff;
	text-decoration: underline;
}
p.vergleich a:hover {
	text-decoration: none;
	color: #eaeaea;
}
div.grau {
	background: #e2e2e2 url(img/grau.png) left top repeat-x;
	padding: 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}