/*  

Theme Name: Batzenprelln

Theme URI: http://blog.geibi.de

Description:  Inter Batzenprelln vs.Hemingway

Version: 1.0

Author: Andreas Geibert

Author URI: http://blog.geibi.de

*/







/*-----------------------------------------------------------------------------------------------

  Global Styles

-----------------------------------------------------------------------------------------------*/



* {

	padding:0;

	margin:0;

}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }

li, dd { margin-left:5%; }

fieldset { padding: .5em; }

select option{ padding:0 5px; }



.hide, .print-logo, .close-button{ display:none; }

.left{ float:left; }

.right{ float:right; }

.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }

a img{ border:none; }



/*-----------------------------------------------------------------------------------------------

  Layout / Base Page Styling

-----------------------------------------------------------------------------------------------*/



body{
	background:#38444c;
	color:#FFFFFF;
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	overflow-x: hidden;
	
}

div, img{
	border: 0;
	behavior: url(iepngfix.htc);
}

/* This class sets the width and position for all rows */
#container{
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	z-index: 2;
}
#logoTop{
	position: absolute;
	left: 125px;
	top: 0px;
}
.inside{
	width:80%;
	min-width:65em;
	max-width:85em;
	margin:0 auto;
	position: relative;
	
}

a{
	color:#FFF;
}

h1{
	color:#CCC;
	font-size:1.5em;
	font-weight:normal;
	margin:1.5em 0;
}



h2, h3{
	font-size:1.15em;
	color:#cdcdcd;
	font-weight:normal;
}

#primary h2{
}



p{

	line-height:1.75em;

}



ul li{

	list-style-type:square;

	margin:0.5em 0 0.5em 2em;

}



blockquote{

	margin-left:1em;

	padding-left:1em;

	border-left:1px solid #CCC;

	font-style: italic;

}



pre{

	width:100%;

	padding:1em 0;

	overflow:auto;

	border-top:1px dotted #333;

	border-bottom:1px dotted #333;

}



table{

	width:100%;

	border-spacing:2px;

	margin:1.5em 0;

}

table th, table td{ padding:0.3em 0.75em }

table th{

	background:#CCC;

	color:#FFFFFF;

	text-align:left;

}

table td{

	background:#333;

	color:#FFF;

}

table caption{

	text-align:left;

	color:#FFF;

	margin-bottom:-1em;

	margin-top:1em;

}



.rule{

	border-top:1px solid #CCC;

	height:1px;

	font-size:1px;

	line-height:1px;

	margin:1.5em 0;

}



/*-----------------------------------------------------------------------------------------------

  Header

-----------------------------------------------------------------------------------------------*/

#header{

	background:#000;

}

#header .inside{

	padding: 0;

}



#header h2{

	font-size:2.25em;

	margin:0 0.5em 0 0;

	padding:0 0.5em 20px 0;
	float:left;

}

#header h2 a{ text-decoration:none; }



#header p{

	padding:1em 0;

	margin:0;

	line-height:1em;

}



/*-----------------------------------------------------------------------------------------------

  Primary Items

-----------------------------------------------------------------------------------------------*/



#primary{
	margin-top: 306px;
	background:#000;

	padding:1px 0 2em 0;

	color:#FFFFFF;

}



#primary.onecol-stories .primary{

	float:left;

	width:50%;

}

#primary.onecol-stories .secondary{

	float:right;

	width:40%;

	margin:0 0 0 10%;

}

.latestContainer{
	width: 230px;
}
.latestContainer h2{
	margin: 0px 0px 20px 15px;
	padding: 0;
}
.latestArticlesContent{
	-moz-opacity:0.8;
	background: #1B2328;
	padding: 5px 10px 5px 10px!important;
}
.latestArticles ul{
	margin: 0px 5px 0px 7px;
}
.latestArticles ul, .latestArticles li{
	list-style-type: none;
}
.latestArticles li{
	margin-left: 0;
	padding-left: 0;
}
#latestArticlesAll{
	position: absolute;
	top: 395px;
	left: 760px;
	z-index: 10;
}

#greenerWeb{
	margin-top: 30px;
}

.story, .storyhead{
	margin-left: 250px!important;
	width: 490px;
	background-color: #1b2328;
	-moz-opacity:0.8;
}
.storyhead{
	background: none;
	margin-left: 268px!important;
}

.storycontent{
	padding: 10px 20px 10px 20px;
}
.single-post .storycontent{
	min-height: 590px;
}
* html #primary.twocol-stories .story{

	margin-left:2%;

}

.storyhead h3{

	font-size:1.15em;
	margin:0 0 20px 0;
	font-weight:normal;
}

.storyhead h3 a{
	color:#ffffff;
	text-decoration:none;
}



.story .details{

	margin:1em 0;

	border-top:1px solid #333;

	padding:0.5em 0;

	font-size:0.95em;

	color:#646464;

}

.story .details .read-on{

	background:url(images/readon_black.gif) 68px 6px no-repeat;

	padding-right:20px;

	display:block;

}

.story .details a{
	color:#cccccc;
	text-decoration:none;
}

.story .details a:hover{ color:#FFF; }



/* Single Post Styles */



#primary .primary{

	float:right;

	width:65%;

}

#primary .secondary{

	float:right;

	width:30%;

	margin-right:5%;

	padding-top:0.65em;

	display:inline;

}

* html #primary .secondary{ margin-right:3%; }



.secondary .featured p{

	border-bottom:1px solid #333333;

	border-top: 1px solid #333333;

	padding:0.5em 0 0.6em 0;

	line-height:1.5em;

	margin:1em 0 0 0;

}

.secondary .featured dl{

	margin:0 0;

	border-bottom:1px solid #333333;

	padding:0.5em 0 0.6em 0;

}

.secondary dt{

	display:inline;

	margin:0;

	padding:0;

	color:#cccccc;

}

.secondary dd{

	display:inline;

	margin:0;

	padding:0;

}

.secondary dd a{ color:#cccccc; }

.secondary dd a:hover{ color:#FFF; }



.single-post h1, .single-post h2{ margin-top:0; }



/*-----------------------------------------------------------------------------------------------

	Secondary Items

-----------------------------------------------------------------------------------------------*/



#secondary{
	padding:1px 2em;
	background: #1B2328;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;

}



/* Comments */
#comments {
	margin-left: 207px;
	width: 513px;
	margin-bottom: 30px;
	list-style-type: none;
}
#comments a {
	text-decoration: none;
}
#comments_wrap h3 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 20px;
	margin-top: 10px;
}
#comments_wrap h3 a, #comments_wrap h3 a:hover {
	color: #242323;
	text-decoration: none;
}
#comments_wrap .get_avatar {
	color: #a7a7a7;
	font-size: 10px;
	letter-spacing: -1px;
	padding-top: 10px;
}
#comments ol.parent {
	padding-bottom: 25px
}
#comments ol {
	margin: 0px;
	padding: 0px;
	padding-left: 120px;
}
#comments ol li {
	list-style: none;
	padding: 0px;
	margin: 10px 0px;
	padding-top: 1px;
}
#comments span.comment-reply {
	position: absolute;
	bottom: 10px;
	left: 20px;
	font-size: 10px;
	text-transform: uppercase;
}
#comments .comment_wrap {
	position: relative;
	background: #fff;
	border: 1px solid #dcdddd;
	margin-bottom: 10px;
}
#comments .single_comment {
	color: #333333;
	padding: 20px;
	padding-bottom: 30px;
}
#comments .comment_arrow {
	position: absolute;
	top: 20px;
	left: -32px;
}
#comments .comment_author {
	position: absolute;
	left: -120px;
	width: 100px;
	color: #8d8d8d;
	font-size: 10px;
	line-height: 14px;
}

/* Comments Form */
#respond {
	position: relative;
}
#comments .comment_form_wrap {
	position: relative;
	padding-left: 120px;
}
#comments .parent .comment_form_wrap {
	position: relative;
	padding-left: 0px;
}
#comments .textarea_arrow {
	position: absolute;
	top: 25px;
	left: 89px;
}
#comments .children .textarea_arrow,
#comments .parent .textarea_arrow {
	display: none;
}
#comments .comment_form_wrap .comment_author {
	position: absolute;
	left: 0px;
}
#comments .children .comment_form_wrap {
	position: relative;
	padding-left: 0px;
}
#comments .children .comment_form_wrap .comment_author,
#comments .parent .comment_form_wrap .comment_author,
#comments .children .form_header,
#comments .parent .form_header  {
	display: none;
}
#comments .input {
	width: 456px;
	padding: 4px 5px;
	background: #fff;
	border: 1px solid #ced0d0;
	color: #5f6565;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 10px;
}
#comments .textarea {
	padding-top: 20px;
	padding-left: 20px;
	width: 468px;
  	max-width: 468px;
	height: 135px;
	font-size: 12px;
}
#comments .children .textarea {
	width: 423px;
}
#comments #submit_comment {
	width: 12.0em;
	height: 3.0em;
	float: right;
	margin-right: 7px;
	margin-top: 10px;
}
#wpUserLinks_form #submit_comment {
	width: 12.0em;
	height: 3.0em;
	margin-top: 10px;
}
#comments .inputerror {
	border-color: #555;
}
#cancel-comment-reply {
	float: left;
	width: 120px;
	height: 30px;
	margin-top: 8px;
}
#cancel-comment-reply-link {
	background: #fdfdfd url(images/button_bg.png) repeat-x 0 100%;
	border: 1px solid #bbbbbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	height: 22px;
	width: 70px;
	text-align: center;
	padding-bottom: 2px;
	letter-spacing: -0.05em;
	cursor: pointer;
	display: block;
	line-height: 22px;
}
*+html #cancel-comment-reply-link {
	height: 22px;
	padding-bottom: 0px;
}
#cancel-comment-reply-link:hover {
	color: #232323;
	background: #eeeeee url(images/button_bg_hover.png) repeat-x 0 100%;
	text-decoration: none;
}


#primary .secondary .admin-tools{ margin:1em 0; }



#preview{

	margin:1em 0;

	padding:0.5em;

	border:1px solid #333;

}

#preview p{ margin:1em 0 0 0; }

#errors{ color:#FF0000; font-weight:bold; }



#comments .pingback cite .author{

	display:block;

	padding-top:68px;

	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;

}



#comments .content{

	float:left;

	width:60%;

	margin-left:1.9%;

	border-left:1px solid #868686;

	padding: 0 0 0 2%;

}

#comments .content p{

	margin:0 0 1em 0;

}

#comments .content h3{

	margin:0;

	font-size:1em;

}



#comment-form{

	margin:5em 0 5em 233px;

	width:36em;

}

input.textfield{

	width: 15em;

	margin:5px 0;

}

textarea.commentbox{

	width: 480px;

	height:10em;

	padding:0.25em;

	margin:5px 0;

	font-size:1.25em;

	font-family:Arial, Helvetica, sans-serif;

}

label.text{

	position:relative;

	left:0.5em;

	top:-0.5em;

}

.formactions{
	width: 490px;
}
.formactions input.submit{ 

	float:right; 

	margin:-1em 0 0 0;

	padding:0 0.5em;

}

.formactions .spinner{

	float:right;

	margin:-8px -20px 0 0;

}



/*-----------------------------------------------------------------------------------------------

  Ancillary Items

-----------------------------------------------------------------------------------------------*/



#ancillary{

	padding:2em 0 0 0;

}

#ancillary .block{

	float:left;

	width: 29.9%;

	padding: 0;

	margin:0 0 0 5%;

}

* html #ancillary .block{

	margin-left:3.9%;

}

#ancillary .twice-length{ width:65%; }

#ancillary .thrice-length{ width:100%; }

#ancillary .first, * html #ancillary .first{

	clear:both;

	margin:0;

}

#ancillary .block-separator{

	clear:both;

	height:2.5em;

}







ul.dates, ul.counts, ul.blogroll ul, ul.pages{

	list-style-type:none;

	margin:1.5em 0 2em 0;

	border-top:1px solid #3D3D3D;

}

ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{

	list-style-type:none;

	margin:0;

	padding:0.5em 0;

	border-bottom:1px solid #3D3D3D;

}

ul.dates .date{

	color:#cccccc;

	padding:0 1.5em 0 0;

}



ul.counts .count{

	float:right;

	color:#858585;

}



ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{

}

ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 

}



ul.blogroll{ margin-top:0; }

ul.blogroll li{

	list-style-type:none;

	margin:0;

}



ul.pages ul{

	margin:0;

}

ul.pages ul li{

	border:none;

	margin-left:2em;

	list-style-type:square;

}

/*-----------------------------------------------------------------------------------------------

  Foooter

-----------------------------------------------------------------------------------------------*/



#footer{
	clear:both;
	background-color: #1b2328
}

#footer .inside{

	
	

}

#footer p{

	margin:0;

	font-size:0.90em;

}

#footer p.copyright{ 

	float:left; 

	color:#cccccc;

}

#footer p.copyright a{
}

#footer p.copyright a:hover{
}


#footer p.attributes a{
	padding:0 0 0 1em;
}

#footer p.attributes a:hover{

	color:#FFF;

}



/*-----------------------------------------------------------------------------------------------

  Search

-----------------------------------------------------------------------------------------------*/


.searchcontainer{
	background-color: #1b2328;
	-moz-opacity:0.8;
	width:228px;
	text-align:right;
	position: absolute;
	left: 760px;
	top: 344px;
	z-index: 10;
}
#search{
	padding: 0px 20px 0px 20px;
}

#search .searchimg{
	float:left;
	width:14px;
	height:13px;
	background:url(images/search.gif) 0 0 no-repeat;
	position:relative;
	top:4px;
}

#search input{ 
	width:160px; 
	font-size: 14px; 
}

#search input:focus{


}



#searchform{

	margin:1em 0;

}



#searchform #s{

	background:#222;

	border:none;

	border-bottom:1px solid #333;

	width:30em;

	color:#666666;

	padding:0.25em;

}



#searchform #searchsubmit{

	background:#000;

	color:#666;

	border:none;

	font-size:0.9em;

	text-transform:uppercase;

	letter-spacing:0.25em;

}



/* Legacy Typo CSS */



#search-results{

	width:30%;

	background:#333;

	padding:0 0 0 0;

	float:right;

	border-top:1em solid #000;

}

#search-results h3{

	font-weight:bold;

	text-align:left;

	margin:0;

	padding:0 0 1em 0;

	background:#000;

	

}

#search-results small{

	display:block;

	text-align:left;

	font-size:0.9em;

	padding:0.5em 1em 0.7em 1em;

	border-top:1px solid #666;

	border-bottom:1px solid #555;

}

#search-results small a{

	color:#CCC;

}

#search-results ul li{

	list-style-type:none;

	padding:0 1em 0.5em 1em;

	margin:0.5em 0;

}

#search-results ul li:hover{

	background:#202020;

}

#search-result ul{ margin:0; }

#search-results ul li a{

	text-decoration:none;

	border-bottom:1px dotted #CCC;

}



#search img.archives-icon{

	margin:0 7px 0 0;

	top:1px;

}


.block ul {
        list-style-type:none;
        margin:0 0 2em 0;
        border-top:1px solid #3D3D3D;
}
.block ul li {
        list-style-type:none;
        margin:0;
        padding:0.5em 0;
        border-bottom:1px solid #3D3D3D;
}
.block ul li .date {
        padding:0 1.5em 0 0;
        color:#CCC;
}
.block ul li a {
	color:#CCC;
	text-decoration:none;

}
.block ul li a:hover {
	color: #FFF;
}
#ancillary .block h2, #ancillary .block h3{

	margin:0 0 0 0;
	background-color: #38444C;
	color: #ffffff;
	padding: 2px;

}
#ancillary .block ul{
	margin: 0 0 20px 0;
}

#wp-calendar table.nav{
	margin-top: 0px;
	padding-top: 0;
	margin-bottom: 0px;
	padding-bottom: 0;
}

#wp-calendar caption{
	text-align: center;
}
#wp-calendar table a{
	display: block;
	
}

#wp-calendar table th{ color:#CCCCCC; background: none; border: 1px solid #38444C!important;}

#wp-calendar table td{ font-size: 11px; color:#CCCCCC; background: none; border: 1px solid #38444C!important;}


.terminSingleWrapper{
	border: 1px solid #cc0000;
	padding: 20px;
	color: #cc0000;
}

#logoMarienberg{
	margin: 25px 0 0 0;
}
