/*
Theme Name: Martin Dörmann 2011
Theme URI: http://www.svengiesen.de
Description: 
Author: Sven Giesen
Version: 1.0
*/

/* @imports
----------------------------------------------- */

@import url(css/default.css);

/* @end */

/* @general-tags ----------------------------------------------- */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

body, html{
	height: 100%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

ul, ol {
	list-style-type: none;
}

a {
	text-decoration: none;
}

body {
	background: #fff;
	font-family: arial;
	color: #444;
}

.container{
	width: 960px;
	margin: 0 auto;
}

.clearfix, .blogpost{
	display:block;zoom:1;
}

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

#header{
	height: 350px;
	background: url(images/bg-body.jpg) repeat-x top left;
	position: relative;
}

#headlink{
	position: absolute;
	width: 960px;
	height: 270px;
	display: block;
	text-indent: -9999px;
}

.index #header{
	height: 630px;
	background: url(images/bg-body.jpg) repeat-x top left;
}

#visual{
	height: 75px;
	width: 435px;
	padding-left: 510px;
	padding-top: 195px;
	background: url(images/bg-header.jpg) no-repeat;
	margin-bottom: 30px;
}

.index #visual{
margin-bottom: 0;
}

	#visual h1{
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		font-weight: bold;
	}
	
	#visual h1.depesche{
		color: #fff;
		font-size: 32px;
		font-weight: bold;
		padding-top: 30px;

	}

	#visual h2 {
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		color: #fff;
	}

#headerContent{
	width: 700px;
	margin-right: 20px;
	float: left;
}

	#scroller{
		width: 700px;
		height: 10px;
		padding: 30px 0;
		line-height: 10px;
		font-size: 11px;
		color: #999999;
		overflow: hidden;
		position: relative;
	}
	
		#scroller .overlay, #scroller .overlay.left{
			position: absolute;
			top: 20px;
			left: 0;
			background: url(images/scroller-overlay.png) top left no-repeat;
			width: 150px;
			height: 30px;
		}
		
		#scroller .overlay.right{
			left: inherit;
			right: 0;
			background: url(images/scroller-overlay.png) bottom right no-repeat;
		}
	
	
		#scroller ul{
			position: relative;
			width: 15000px;
		}
	
		#scroller li {
			padding-left: 10px;
			padding-right: 10px;
			border-left: 1px solid #999;
			float: left;
		}
		
		#scroller li:first-child {
			border-left: 0;
		}
	
		#scroller a{
			color: #999999;
		}
		
		#scroller a:hover{
			text-decoration: underline;
		}
	
	#mainNavi{
		width: 660px;
		background: url(images/bg-mainnavi.jpg) no-repeat;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
	}
	
		#mainNavi li{
			display: block;
			float: left;
			padding-right: 44px;
		}
		
		#mainNavi li.last{
			padding-right: 0;
		}
		
			#mainNavi li a{
			color: #fff;
			font-size: 13px;
                        font-weight: bold;
			}
			
			#mainNavi li a:hover{
				color: #AFCCFF;
			}
	
	#latestMeta{
		width: 139px;
		float: left;
		height: 70px;
		margin-top: 20px;
		border-right: 1px solid #dcdcdc;
		padding-right: 20px;
		position: relative;
		padding-top: 120px;
	}
	
		#latestMeta .date{
			color: #666666;
			text-transform: uppercase;
			font-size: 16px;
			height: 35px;
			line-height: 35px;
			position: absolute;
			left: 0;
			top: 0;
		}
		
			#latestMeta .date span{
				color: #396acc;
			}
		
		#latestMeta .year{
			position: absolute;
			height: 35px;
			line-height: 35px;
			font-size: 42px;
			right: 20px;
			color: #dfdfdf;
			top: 0;
			font-weight: bold;
		}
		
		#latestMeta .categories{
			color: #666666;
			font-size: 11px;
			line-height: 16px;
		}
		
			#latestMeta .categories a{
				color: #666666;
				font-weight: bold;
			}
			
			#latestMeta .categories a:hover{
				text-decoration: underline;
			}
	
	#latestSocial{
		position: absolute;
		height: 40px;
		width: 140px;
		bottom: -30px;
		left: 0;
		background: url(images/sharebuttons.gif) top left no-repeat;
	}
	
	#latestSocial.open{
		background: url(images/sharebuttons.gif) bottom left no-repeat;
	}
	
	#latestSocial .social{
		display: none;
		position: relative;
		top: 7px;
		left: 5px;
	}
	
	#latestSocial .facebook-share-button{
		position: absolute;
		left: 5px;
		top: 2px;
	}
	
	#latestSocial .twitter-share-button{
		position: absolute;
		right: 5px;
		top: 2px;
	}
	
	#latestContent{
		width: 520px;
		float: left;
		height: 240px;
		color: #444;
		padding-left: 20px;
		padding-top: 20px;
	}
	
		#latestContent h2{
			color: #404040;
			font-size: 18px;
			line-height: 22px;
			margin-bottom: 15px;
		}
		
			#latestContent h2 a{
				color: #404040;
			}
		
		#latestContent p{
			margin-bottom: 8px;
			line-height: 16px;
			font-size: 12px;
		}
	
	#sharethis a {
		display: block;		
		height: 40px;
		width: 50%;
		float: left;
		text-indent: -9999px;
	}
	
	
#headerSidebar{
	width: 240px;
	float: left;
}

	#suche{
		width: 240px;
		height: 30px;
		padding: 0 0 20px 0;
		background: url(images/bg-suche.jpg) 0 0 no-repeat;
	}
	
		#suche label {
			display: none;
		}
		
		#suche input {
			float: left;
		}
		
		input#s{
			background: transparent;
			width: 190px;
			height: 12px;
			font-size: 12px;
			color: #999;
			padding: 9px 10px;
		}
		
		input#searchsubmit{
			width: 30px;
			height: 30px;
		}
	
	.index #suche{
		padding: 20px 0;
		background: url(images/bg-suche.jpg) 0 20px no-repeat;
	}
	
	#headerSidebar h4{
		height: 50px;
		line-height: 50px;
		background: url(images/bg-depesche.jpg) no-repeat;
		color: #fff;
		font-size: 14px;
		padding: 0 20px;
		font-weight: normal;
	}
	
	#depescheArtikel li{
		height: 44px;
		background: url(images/bg-depesche-list.jpg) top left no-repeat;
		padding: 8px 20px;
		line-height: 22px;
		font-size: 13px;
	}
	
	#depescheArtikel li.last{
		height: 60px;
		background: url(images/bg-depesche-last.gif) top left no-repeat;
	}
	
	#depescheArtikel li:hover{
		background: url(images/depesche-hover.gif) no-repeat 210px center;
	}
	
	#depescheArtikel li.last:hover{
		background: url(images/depesche-hover.gif) no-repeat 210px 20px;
	}
	
		#depescheArtikel li a{
			display: block;
		}
			
		#depescheArtikel li span.title{
			color: #9c9c9c;
			display: block;
			font-weight: bold;
			font-size: 12px;
		}
		
		#depescheArtikel li:hover span.title{
			color: #396acc;
			display: block;
			font-weight: bold;
			font-size: 12px;
		}
		
		#depescheArtikel li span.date{
			color: #9f9f9f;
			font-size: 11px;
			display: block;
		}
	
#content {
	padding-top: 40px;
}

	#contentSidebar{
		width: 159px;
		border-right: 1px solid #e5e5e5;
		float: left;
		text-align: right;
	}
	
	#contentSidebar h3{
		padding-right: 20px;
	}
	
	#contentSidebar .sidebarContent{
		padding-right: 20px;
	}
	
	#contentSidebarMeta h3{
		padding-left: 20px;
	}
	
	#contentSidebarMeta .sidebarContent{
		padding-left: 20px;
	}
	
	#contentSidebarMeta .sidebarContent ul{
		padding-right: 20px;
	}
	
	#contentSidebar .sidebarContent ul{
		padding-left: 20px;
	}
	
		
	.sidebar h3 {
		font-size: 12px;
		line-height: 30px;
		height: 30px;
		color: #808080;
		border-bottom: 5px solid #e5e5e5;
		margin-bottom: 15px;
	}
	
	.sidebar .sidebarContent {
		margin-bottom: 30px;
		
	}
	
	.sidebar .sidebarContent li{
		border-bottom: 1px solid #ececec;
		
		line-height: 24px;
		color: #808080;
		font-size: 12px;
	}
		
	.sidebar .sidebarContent li:last-child{
		border-bottom: none;
	}
	
	.sidebar .sidebarContent li a{
		color: #808080;
	}
	
	.sidebar .sidebarContent li a:hover{
		color: #101010;
	}
	
	.sidebar .sidebarContent li.active{
		font-weight: bold;
	}
	
	#contentSidebar .current-cat{
		font-weight: bold;
	}
	
	#contentSidebar .current-cat a{
		color: #396acc;
	}
	
	#contentSidebarMeta{
		width: 239px;
		border-left: 1px solid #e5e5e5;
		float: left;
	}
	
	.sidebar {
		padding-top: 20px;
		line-height: 20px;
		color: #808080;
		font-size: 12px;
	}
	
	.sidebar p{
		padding-bottom: 10px;
	}
	
	.sidebar p a{
		font-weight: bold;
		color: #808080;
	}
	
	#contentMain{
		width: 520px;
		padding: 0 20px;
		float: left;
		padding-top: 5px;
	}
	
	#contentMain a{
		color: #396acc;
	}
	
	#contentMain a:hover{
		text-decoration: underline;
	}
	
	#contentMain .precontent{
		margin-bottom: 20px;
		padding: 5px 20px;
		font-size: 12px;
		line-height: 16px;
		color: #444444;
		background: #eee;
		margin-top: -20px;
		position: relative;
	}
	
	#contentMain .precontent .social{
		min-height: 20px;
	}
	
	#contentMain .social .facebook-share-button{
		position: absolute;
		left: 5px;
		top: 2px;
	}
	
	#contentMain .social .twitter-share-button{
		position: absolute;
		right: 0;
		top: 2px;
	}
	
	.precontent p{
		margin-bottom: 10px;
	}
	
	#contentMain h1{
		font-size: 24px;
		line-height: 26px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 5px solid #ececec;
	}
		
	.blogpost{
		border-bottom: 5px solid #ececec;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.index .blogpost.firstofloop:first-child{
		display: none;
	}
	
	.blogpost:last-child{
		border-bottom: 0;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	#contentMain .blogpost h2{
		font-size: 14px;
		line-height: 16px;
		color: #333333;
		margin-bottom: 10px;
	}
	
		#contentMain .blogpost h2 a{
			color: #333333;
		}
	
	.blogpost .post-infos{
		color: #666666;
		font-size: 11px;
		margin-bottom: 10px;
	}
	
		.blogpost .post-infos span{
			color: #396acc;
			font-weight: bold;
		}
		
		#contentMain .blogpost .post-infos a{
			color: #666666;
		}
	
	.blogpost .excerpt {
		font-size: 12px;
		line-height: 18px;
		color: #444444;
	}

	.blogpost .excerpt p{
		padding-bottom:10px;
	}
	
	.blogpost .teaserpic {
		float: left;
		margin: 5px 10px 5px 0;
	}
	
	.readmore {
		background: url(images/link-arrow.gif) no-repeat left center;
		padding-left: 7px;
	}
	
	#pagination a{
		text-align: center;
		color: #fff;
		display: block;
		height: 30px;
		width: 100%;
		line-height: 30px;
		background: #ddd;
		font-size: 12px;		
		font-weight: bold;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	#pagination a:hover{
		background: #aaa;
		color: #fff;
		text-decoration: none;
	}
	
	#pagination a.loading{
		background: #eee url(images/loading.gif) center center no-repeat;
	}
	
#footer{
	margin-top: 50px;
	height: 50px;
	padding: 25px 0;
	border-top: 5px solid #ececec;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	color: #666;
}

#footer a{
	color: #666;
	font-weight: bold;
}

.searchterm{
	background: #fadd77;
	padding: 3px 5px;
}

/* @end */