/* 
Theme Name: Rolschter
Theme URL: http://www.rolschter.de
Description: -
Author: Julia Klauer (design) & Friederike Barie (coding)
Author URI: http://f.barie.de
Version: 1
*/

html{ 
overflow:scroll;
}

html * {
    margin: 0px;
    padding: 0px;
}

body {
    background: rgb(230,230,230) url(../images/bg.png) repeat;
    font: 11px "Lucida Grande", "Lucida Unicode Sans", "Lucida Sans", Verdana, Geneva, Helvetica, Arial, sans-serif;
    color: rgb(51,51,51);
}

b,strong {
    font-style: normal;
    font-weight: bold;
}

i, em {
    font-style: italic;
    font-weight: normal;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Unicode Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1{
	font-size: 16px;
	color: rgb(0,77,52);
	margin-bottom: 10px;
	font-weight: normal;
}

h2{
	font-size: 13px;
	color: rgb(0,77,52);
	line-height: 135%;
	margin-bottom: 5px;
	font-weight: normal;
}

h3{
	font-size: 13px;
	color: rgb(0,77,52);
	line-height: 135%;
	margin-bottom: 5px;
	font-weight: normal;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Unicode Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h4{
	font-weight: bold;
	color: #000;
	line-height: 155%;
	font-size: 11px;
}

h5,h6{
	line-height: 155%;
	font-size: 11px;
	font-weight: normal;
}

p{
	line-height: 155%;
	margin-bottom: 20px;
}

p.post-time{
	font-size: 9px;
	color: rgb(51,51,51);
	margin-bottom: 5px;
}


img{
	border: 0;
}

small{
	font-weight: normal;
	font-size: 9px;
}

ul, ol{
	margin-left: 15px;
	line-height: 165%;
}

ul{
	list-style-image:url(../images/list-type.jpg);
}

blockquote{
	font-style: italic;
    font-weight: normal;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Unicode Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
}






/* ----- LINKS ----- */

a {
     }
a:link{
	color: rgb(250,168,23);
	text-decoration: none;
}

a:visited{
	color: rgb(179,179,179);
	text-decoration: none;
}

a:link:focus{
	color: #c95827;
	text-decoration: underline;
}

a:link:hover,
a:link:active{
	color: rgb(250,168,23);
	text-decoration: underline;
}
 
a:visited:active,
a:visited:hover{
	color: rgb(250,168,23);
	text-decoration: unterline;
}


a:link.link-h2,
a:visited.link-h2{
	font-size: 13px;
	color: rgb(0,77,52);
	text-decoration: none;
}

a:link:hover.link-h2,
a:visited:hover.link-h2{
	font-size: 13px;
	color: rgb(0,77,52);
	text-decoration: underline;
}

#footer a:link,
#footer a:visited,
#footer a:link:focus,
#footer a:link:hover,
#footer a:link:active{
	color: rgb(51,51,51);
}

#footer a:visited:active,
#footer a:visited:hover{
	color: rgb(51,51,51);
	text-decoration: underline;
}


#navigation a:link,
#navigation a:visited,
#navigation a:link:focus{
	color: rgb(51,51,51);
}

#navigation a:link:hover,
#navigation a:link:active{
	text-decoration: underline;
	color: rgb(250,168,32);
}

#navigation a:visited:active,
#navigation a:visited:hover{
	color: rgb(250,168,32);
	text-decoration: underline;
}






/* ----- IDs ----- */

#container{
	width: 961px;
	position: relative;
	margin: auto;
}

#header{
	width: 961px;
	height: 340px;
	background: transparent url(../images/header.png) no-repeat;
}

#navigation{
	font-size: 13px;
	left: 276px;
	top: 201px;
	position: relative;
	width: 600px;
	height: 35px;
	text-align: center;
}

#wrapper{
	background-color: rgb(255,255,255);
	width: 790px; /* 850 Gesamtbreite */
	display: block;
	padding: 0px 30px 30px 30px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-top-right-radius: 0px;  
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; 
	margin-bottom: 10px;
	margin-left: 56px;
}

#content{
	width: 380px; /* 380 Gesamtbreite */
	padding-right: 0px;
	float: left;
	display: inline-block;
}


#sidebar{
	width: 380px; /* 380 Gesamtbreite */
	padding-left: 0px;
	float: right;
	display: inline-block;
}
 
 
#sidebar .wp-caption-text{
	padding-top: 5px;
	line-height: 120%;
}

#sidebar hr{
	background-color:transparent;
	border-top:3px solid rgb(0,77,52);
	margin-top: 20px;
	color:#FFFFFF;
	height:0;
}


#footer{
	width: 850px;
	margin-left: 56px;
	margin-bottom: 50px;
}

#footer p{
	font-size: 10px;
	text-align: center;
}








/* ----- CLASSES ----- */


.fix:after{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.fix{
	display: block;
}

.blogpost{
	margin-bottom: 30px;
}

.left{
	float: left;
}

.right{
	float: right;
}

.header-logo{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}


.single-navigation .left,
.single-navigation .right{
	width: 175px;
	line-height: 130%;
	margin-top: 40px;
}

.single-navigation .right{
	text-align: right;
}

.navi-ranken{
	position: absolute;
	top:245px;
	left:53px;
	z-index: 5;
}




/* ----- MENU ----- */

#menuContainer{
	left: 310px;	
	top: 200px;	
	position: relative;
}

#menuHolder{
	background:transparent; 
	height:34px; 
	color: rgb(51,51,51); 
	padding:0; 
	border:0;
	vertical-align:middle;	
}

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

#menuHolder table{
	border-collapse:collapse; 
	width:0; 
	height:0;

}

#menuHolder li a:link,
#menuHolder li a:visited,
#menuHolder li a:link:focus{
	font-size: 13px;
	font-weight: normal;
	color: rgb(51,51,51);
	text-decoration: none;
}

#menuHolder li a:link:hover,
#menuHolder li a:link:active{
	text-decoration: none;
	color: rgb(250,168,32);
	border: 0;
}

#menuHolder li a:visited:active,
#menuHolder li a:visited:hover{
	color: rgb(250,168,32);
	text-decoration: none;
}

#menuOuter{
	position:relative;
}

#menuInner table{
	left:0; 
	top:0;
}

#menuInner{
	float:left;
}

#menuInner ul{
	position:absolute; 
	left:-9999px; 
	padding:5px 0; 
	margin-top:9px;
	border:1px solid rgb(250,168,32);
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-top-right-radius: 0px;  
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; 
	border-width:0 1px 1px 1px;
}

#menuInner li{
	float:left;
}

#menuInner li li{
	float: none;
}
	
#menuInner li a{
	display:block; 
	/*float:left;*/ 
	color:#fff; 
	text-decoration:none; 
	padding-right:15px;
	padding-left: 15px; 
	white-space:nowrap;
	line-height:34px;
	height:34px;
	border:1px solid rgb(250,168,32);
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-top-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; 
	border-width:0 0px 0px 0px;
}

#menuInner li li a{
	-moz-border-radius:0px 0px 0px 0px;
	-webkit-border-top-right-radius: 0px;  
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; 
	border-width:0 0px 0px 0px;
	border: 0;
}

#menuInner li:hover{
	position:relative;
}

#menuInner li a:hover{
	position:relative; 
	background:transparent; 
	color:#048;
}

#menuInner li:hover > a {
	background:#fff;  
	color: rgb(51,51,51);
}

#menuInner :hover ul {
	left:-1px; 
	top:25px; 
	background:#fff;
}

#menuInner :hover ul li a {
	font-size:11px; 
	line-height:20px;
	height: 20px;
	font-weight:normal;
}

#menuInner :hover ul li a:hover {
	color:#fff;
	background-color: rgb(250,168,32);
}

#menuInner ul li a:link:focus, 
#menuInner ul li a:link:active{
	font-size: 11px;
}

#menuInner ul li a:visited{
	color: rgb(179,179,179);
	font-size: 11px;
}

#menuInner ul li a:visited:hover,
#menuInner ul li a:visited:active,
#menuInner ul li a:visited:focus{
	color: #fff;
	font-size: 11px;
}

#menuInner .link-aktiv{
	font-weight: bold !important;
}