/*
Theme Name: Ese Grid Lo Magazin
Description: 3 column widget ready wordpress theme with black and white as dominating colors by <a href="http://inktrap.de/">Sebastian Eiden</a>
Version: 2.0
Author: Sebastian Eiden
Author URI: http://www.inktrap.de
test*/

body
{
	background:#EDEDED;
	color:#333;
	font:11px trebuchet ms, arial, verdana, helvetica, sans-serif;
	margin:0;
	padding:0;
}

body a:visited
{
	text-decoration:none;
	border:0;
}

.left
{
	float:left;
	padding:0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	display:inline;
}

.right
{
	display:inline;
	float:right;
	text-align:right;
	padding:0;
	font-size:1em;
	font-weight:normal;
}

.floatleft {
float : left;
margin : 0px 5px 5px 0px;
border : 0 solid #666;
padding : 2px;
}

.floatright {
float : right;
margin : 0 0 5px 5px;
border : 0 solid #666;
padding : 2px;
}

.box {
background-color: #ccccaa;
border: 1px solid #ADB0C1;
padding: 5px;
margin: 10px;
color:#333333;
text-align:justify;
}

.box2 {
background-color: #f0f0f0;
border: 1px solid #f1f1f1;
padding:1px;
margin: 10px 10px 15px 10px;
color:#666;
font-weight:bold;
}

.small {
font-size:10px;
}

.style1 {font:16px trebuchet ms, arial, verdana, helvetica, sans-serif;
font-weight:bold;}

/***** Wrapper *****/

#wrapper
{
	background:#fff;
	color:#000;
        margin-left:20px;
	padding:0px;
	width:932px;
        border-left: 2px solid #c0c0c0;
        border-right: 2px solid #c0c0c0;
}

/***** Top *****/

#top
{
	background: #ddd url(img/header.jpg);
	color:#fff;
	height:161px;
	margin:0;
	padding:0;
}

#top a
{
	background:inherit;
	color:#cc0000;
	text-decoration:none;
}

#top a:hover
{
	text-decoration:none;
	color:#999;
}
#top h3 { 	font-size:2em;
	font-weight:bold;
	margin:0px;
        display: none;
	padding:50px 0px 0px 10px;
	}

#top p.bloginfo {
	font-size:1.2em;
	font-weight:bold;
        position:relative;
        left:150px;
        top: 95px;
        z-index: 99;
	margin:0px;
	padding:1px 5px 1px 5px;
	color:#333;

	}




/***** Content *****/



#content
{
	background: #fff;
	float:left;
	padding:5px 10px;
	width:520px;
	font:12px trebuchet ms, arial, verdana, helvetica, sans-serif;
	color:#000;
	margin-bottom:30px;

}

#content .alignleft {
	float: left; margin: 5px 5px 5px 0;}
	
#content .alignright {
	float: right; margin: 5px 0 5px 5px;}

#content img { border: 0;}

#content h2
{
font:1.5em trebuchet ms, arial, verdana, helvetica, sans-serif;
background-color: #fff;
color: #444;
font-style: normal;
font-weight: lighter;
font-variant: normal;
text-align: left;
line-height: 1.2em;
background:inherit;
display: block;
margin:2px;
padding:10px 5px 0px 0px;
}
#content h2 a
{	color:#505050;
        background-color: #fff;
}
#content h2 a:hover
{
	color:#fff;
        background-color: #505050;
        text-decoration: none;
}
#content h3
{
font-family: Georgia;
background-color: #333;
color: #444;
text-decoration: none;
text-align: left;
line-height: 1.2em;
font-size: 1.0em;
background:inherit;
width: 500px;
display: block;
margin:2px;
padding:7px 5px 5px 0px;
clear: both;
}

#content h3 a
{	color:#505050;
        background-color: #fff;
}

#content h3 a:hover
{
	color:#fff;
        background-color: #505050;
        text-decoration: none;
}

#content h4
{
font-family: Georgia;
background-color: #fff;
color:#d0d0d0;
font-style: italic;
font-size:0.8em;
margin:0;
padding:0 0 5px 5px;
font-weight:normal;
background:inherit;
}
#content h4 a
{	color:#d0d0d0;
        background-color: #fff;
font-variant: underline;
}
#content h4 a:hover{
	color:#fff;
        background-color: #505050;
        text-decoration: none;
}
address {
	margin:5px 5px;
}
#content p
{
	margin:5px 5px;
	padding:5px 2px 5px 0px;
	background:inherit;
	color:inherit;
	line-height:19px;
}

#content a
{
	color:#940000;
	text-decoration:none;
}

#content a:hover
{
	color:#333;
	background-color: #eee;
}

#content .acch_div{
/* border-right:1px dashed #ccc; */
}

#content .acch_div h3
{
font-family: Georgia;
background-color: #fff;
color: #444;
font-style: normal;
font-weight: lighter;
font-variant: normal;
text-transform: uppercase;
text-align: left;
line-height: 1.2em;
font-size: 1.2em;
background:inherit;
display: block;
margin:2px;
padding:10px 5px 0px 0px;
}

#content .acch_div h3 a
{
	color:#505050;
        background-color: #fff;
}

#content .acch_div h3 a:hover
{
	color:#fff;
        background-color: #505050;
        text-decoration: none;
}

#content .acch_div h4
{

	font-size:11px;
	margin:0 0 10px 0;
	padding:0 0 0px 5px;
	font-weight:normal;
	background:inherit;
	text-decoration:underline;
}

#content .acch_div p
{
	margin:5px 5px;
	padding:0 0 10px 5px ;
	background:inherit;
	color:inherit;
}

#content ul {
	padding: 0 0 0 15px;
	margin:-8px 0 0 0;
	list-style-image:url(img/li_punkt.gif);
	}

#content ul li {
	margin: 0 0 3px 10px;
	}

#content ol {
	padding: 0 0 0 15px;
	margin: 0;
	}

#content ol li {
	margin: 0;
	padding: 0;
	}

pre {padding: 5px 5px 5px 10px;line-height: 1.6em;}



/***** Side Content *****/

#sidebar .rss-date {
          color: #ccc;}

#sidebar
{
	margin:0;
	padding:0px 0 20px 0;
	float:right;
	width:190px;

}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	width:95%;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

#sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar li a {
	display:inline-block;
	color:#666;
	text-decoration: none;
	border-bottom: 1px solid #C0C0C0;
	margin: 0px;
	padding: 0px;
	width:100%;
	font:normal 12px 'Trebuchet MS', Arial, sans-serif;
	}

#sidebar li a:hover {
	background:#333;
	color:white;
}

#sidebar h2
{
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0px 0 2px 5px;
	color:#000;
}
#sidebar p
{
	margin:5px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;
}

#sidebar2
{
	background:#f2f2f2;
	border:1px solid #d9d9d9;
	border-top:none;
	margin:0;
	padding:10px 0 30px 5px;
	float:right;
	width:190px;

}



#sidebar2 ul, #sidebar2 ul ol {
	margin: 0;
	padding: 0;
	width:95%;
	}

#sidebar2 ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar2 ul p, #sidebar2 ul select {
	margin: 5px 0 8px;
	}

#sidebar2 ul ul, #sidebar2 ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar2 ul ul ul, #sidebar2 ul ol {
	margin: 0 0 0 10px;
	}

#sidebar2 ul ol li {
	list-style: decimal outside;
	}

#sidebar2 ul ul li, #sidebar2 ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar2 li a {
	display:inline-block;
	color:#666;
	text-decoration: none;
	border-bottom: 1px solid #C0C0C0;
	margin: 0px;
	padding: 0 0 3px 0;
	width:100%;
	font: 11px verdana;
	}

#sidebar2 li a:hover {
	background:#333;
	color:white;
}

#sidebar2 h2
{
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0px 0 2px 5px;
	border-bottom:1px solid #bbb;
}
#sidebar2 p
{
	margin:5px 5px;
	padding-left:10px;
	padding-right:10px;
	background:inherit;
	color:inherit;
}

.menu-scroll {
	clear:both;

	padding-bottom:20px;

}
#rek-lame {
	margin: 5px;
}

#sidebar div.side_rek-lame {
	text-align:center;
	padding: 7px 5px ;
	border-bottom:thin solid #999;}

#rek-lame .side_rek-lame a {
        background:#fff;
border: #fff solid 1px;
}

#rek-lame .side_rek-lame a:hover {
        background:#fff;
border: #fff solid 1px;
}
#sidebar div.side_rek-lame2 {
        width: 60px;
display:block;
	text-align:center;
        float:left;
	padding: 7px 5px ;
}

#rek-lame .side_rek-lame2 a {
        background:#fff;
border: #fff solid 1px;
}

#rek-lame .side_rek-lame2 a:hover {
        background:#fff;
border: #fff solid 1px;
}
#sidebar div.side_rek-lame3 {
        width: 60px;
display:block;
	text-align:center;
        float:right;
	padding: 7px 5px ;
}

#rek-lame .side_rek-lame3 a {
        background:#fff;
border: #fff solid 1px;
}

#rek-lame .side_rek-lame3 a:hover {
        background:#fff;
border: #fff solid 1px;
}

/***** Footer *****/

#footer
{
	background:#eee;
	clear:both;
	color:#CCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.6 em;
	height:1.8em;
	line-height:1.8em;
	padding:10px;
	text-align:center;
}

#footer a
{

	background:inherit;
	color:#CCC;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer .left
{
	margin:0 0 0 8px;

}

#footer .right
{

	margin:0 8px 0 0;
}

/***** Menu *****/

#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(img/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid #000;
	z-index:99;
}

#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
	z-index:99;
}

#stylefour ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 15px 0 15px;
	height:23px;
	background:transparent url(img/bgDIVIDER2.gif) no-repeat top right;
}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	background:#fff url(img/bgON.gif) no-repeat top right;
}

/***** Comments *****/

#comments h3 {
font-size: 1.2em;
color: #999;}

ol.commentlist{
color: #999;}

.comment {
border-top: 1px solid #ddd;}

#comments a {
color: #aaa;
text-decoration: none;
}

.comment-author {
font-weight: strong;}

.comment-meta a{
font-size: 0.7em;}

#comment .says {
display: none;}


#commentblock {
	width: 430px;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;


	}

#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}

.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}

#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #999;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background-color: #ccc; border-left:1px solid #01978e;border-right: 1px solid #01978e;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

 textarea{
	width: 100%;
	border:1px solid #ccc;
	}

p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	
/***** Magazin *****/

.teaser_wrap{
	width:520px;
	background:#333;
	overflow:auto;
	margin:0px 0px 10px 0px;
	z-index:10;
}

.teaser_title{
background:#333;
overflow:auto;
}

#content .teaser_wrap .teaser_title h2.teaser_heading
{
	margin:0px !important;
	padding:5px 0px 5px 5px !important;
	background: #333;
	color:#fff;
}

#content .teaser_wrap .teaser_title h2.teaser_heading a{
	background:#333;
	color:#fff;

}

#content .teaser_wrap .teaser_title h2.teaser_heading a:hover{
	background:#333;
	color:#fff;
}

#content .teaser_wrap .teaser_title h3.teaser_cat
{
	margin:0px;
	padding:5px 0px 5px 5px;
	font:11px trebuchet ms, arial, verdana, helvetica, sans-serif;
	background:transparent;
	color:#aaa;
}

 #content .teaser_wrap .teaser_title h3.teaser_cat a{
	background:transparent;
	color:#aaa;
}

#content .teaser_wrap .teaser_title h3.teaser_cat a:hover{
	background:transparent;
	color:#aaa;
}

.teaser_bild{
	position:relative;
	z-index:15;
}

.teaser_content{
	position:absolute !important;
	bottom:0px;left:0px;
	background:#eee;
	color:#000;
	padding:15px 5px 10px 5px;
	width:510px;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


#content .ks_indextopfive{
	width:250px;
	margin:0px 0px 0px 0px;
	overflow:auto;
}

#content .tease_odd{
	float:right;
}

#content .tease_even{
	float:left;
}



#content .ks_indextopfive h3{
	background:#333;
	width:240px;
	color:#777;
	font-family:trebuchet ms,arial,verdana,helvetica,sans-serif;
	font-size:1em;
	line-height:1em;
	margin:0px;
	padding:5px 5px 5px 5px;

}

#content .ks_indextopfive h3 a{
	padding:3px 0px 0px 0px;
	background:transparent;
	color:#fff;

}

.ks_indextopfive p {
	text-align:justify;
}

.ks_indexnews{
	margin:0px 0px 10px 0px;
}

#content .ks_indexnews h2{
	width:100%;
	background:#333;
	color:#fff;
	margin:0px;
	padding:5px 0px 5px 5px;
	font-size:1em;
}

#content .ks_indexnews p, #panel p{
	margin:0px 0px 2px 0px;
	border-bottom:1px dotted #333;
}

#content .ks_indexnews p a, #panel-1 p a{
	color:#000;
}

* .ks_news_date{
	color:#aaa;
}

.clear{
	clear:both;
}

/***** Ende Magazin *****/
/***** Anfang Tabs *****/
.tabselect {
	float:left;
	background:#333;
	padding:5px 0px 0px 0px;
	margin:0px 2px 0px 0px;
	width:128px;
	height:20px;
	font-size:.8em;
}


.tabselect a {
	text-decoration:none; 
	font-weight:normal;
	color:#fff !important; 
	padding:5px 5px;
}

.tabselect a:hover {
	text-decoration:none; 
	background:transparent !important;
	color:#fff !important;
}

#scroller-header div.selected{
	background:#777;	
}


#scroller-header {
	width:520px;
	font-weight:700;
	clear:both;
	margin:10px 0px 0px 0px;
}

#scroller-body {
	width:520px;
	padding-bottom:30px;
	clear:both;
	height:220px;

}

#mask {
	width:520px;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#panel-3 ul {
	padding:0px;
	margin:5px;
	list-style:none;
	
}

#panel-3 ul li{
	margin:0px 0px 5px 0px;
}

#panel div {
float:left;

}


#panel-1 {
}

#panel-2 {
}

#panel-3 {
}

/***** Ende Tabs *****/
/***** Anfang KS-Footerbox *****/
#ks_footerbox{
	border-top:10px solid #333333;
	height:180px;
	margin:0 auto;
	padding:10px 10px 0;
}

#ks_footerbox a{
	text-decoration:none;
	color:#777;
}

#ks_footerbox p{
	margin:3px 0px 0px 0px;
	padding:0px;
}

.ks_footerbox-inner{

	float:left;
	height:160px;
	margin:0 5px 0 0;
	padding:0 0 0 5px;
	width:170px;
	
}
.ks_footerbox-inner h3{
	margin:0 0 5px 0;
	padding:0;
        color:#333;
	font-family:trebuchet ms,arial,verdana,helvetica,sans-serif;
	font-size:1em;
}


.ks_footerbox-inner h3 img{
        border: 0pt;
	margin: 2px 3px 0 0;
	padding:0;
	
}


.ks_footerbox_first{
	
}
.ks_footerbox_next{
	border-left:2px solid #333;
}

/***** Ende KS-Footerbox *****/

.ks_archivepost{
	border-bottom:1px dashed #333;
	padding:0px 0px 5px 0px;
}

#content .ks_archivepost p{
	margin:0px;
	padding:0px;
}

#content .ks_archivepost p a{
	color:#000;
	text-decoration:underline;
}

#content .ks_archivepost h2{
	font-size:1.2em;
	margin:0;
	padding:10px 0 0;
}

#content .ks_archivepost h2
{
font:1.5em trebuchet ms, arial, verdana, helvetica, sans-serif;
background-color: #fff;
color: #444;
font-style: normal;
font-weight: lighter;
font-variant: normal;
text-align: left;
line-height: 1.2em;
background:inherit;
display: block;
margin:2px;
padding:10px 0 0 0;
}
#content .ks_archivepost h2 a
{	color:#505050;
        background-color: #fff;
}
#content .ks_archivepost h2 a:hover
{
	color:#fff;
        background-color: #505050;
        text-decoration: none;
}
#content .ks_archivepost h4
{
font-family: Georgia;
background-color: #fff;
color:#d0d0d0;
font-style: italic;
font-size:0.8em;
margin:0;
padding:0 0 5px 0;
font-weight:normal;
background:inherit;
}
#content .ks_archivepost h4 a
{	color:#d0d0d0;
        background-color: #fff;
font-variant: underline;
}
#content .ks_archivepost h4 a:hover{
	color:#fff;
        background-color: #505050;
        text-decoration: none;
}