/*
Theme Name: derWebsider
Theme URI: http://vaib.de/
Description: Took the kubrick Theme only for WP-Structure
Version: 2
Author: David Lorenz
Author URI: http://vaib.de/
*/

/** Start Websider-gen CSS **/
body{
    margin:0; padding:0;
    text-align:center;
    font-family:Arial, Verdana, Georgia, sans-serif;
    font-size:12px;
    background:#FFF;
}

.clearer{
    clear:both;
    overflow:hidden; height:1px;
    margin:0; padding:0;
    float:none
}

#container{
    text-align:left;
    margin:auto;
    width:933px;
}

#topper{
    width:100%; position:relative; top:0; left:0;
    height:101px;
}

#topper a#rss{
    z-index:20;
    position:absolute; top:72px; right:30px;
    background:url(img/rssfeedbutton.png);
    width:123px; height:59px;
}

a#logo{
    display:block;
    position:absolute; top:0; left:30px;
    width:234px; height:101px;
    background:url(img/logo.gif);
}

div#nlogo{
    position:absolute; top:0; left:264px;
    width:104px; height:92px;
    background:url(img/nlogo.gif);
}

div#nbanner{
    position:absolute; top:8px; left:457px;
    width:468px; height:60px; z-index:40;
    overflow:hidden; background:transparent
}


#navigation{
    position:relative; top:0; left:0;
    width:100%; height:62px; background:url(img/navbg.gif);
    overflow:hidden;
}

#navigation_in1{
    position:relative; top:0; left:0;
    width:100%;
    height:62px; background:url(img/navLeft.gif) top left no-repeat;
}

#navigation_in2{
    position:relative; top:0; left:0;
    width:100%;
    height:62px; background:url(img/navRight.gif) top right no-repeat;
}

#navigation a{
    outline:none;
    display:block; height:43px;
    position:absolute; top:2px;
    color:#FFF; font-size:14px;
    padding:15px 0 0 2px;
    text-align:center;
    text-decoration:none;
}

#navigation a:hover{
    color:#d2edf5
}

/* NAVIGATION BUTTONS:Start */

a#fir_button{
    background:url(img/fbutton_nh.png) top left no-repeat;
    width:144px; z-index:1;
}

a#fir_button_h{
    background:url(img/fbutton_h.png) top left no-repeat;
    width:144px; z-index:4;
}

a.topnav_RButton{
    background:url(img/rbutton_nh.png) top left no-repeat;
    width:126px;
}

a.topnav_RButtonActive{
    background:url(img/rbutton_h.png) top left no-repeat;
    width:126px; z-index:100;
}

a.topnav_RButtonActive_Last{
    background:url(img/rbutton_h_last.png) top left no-repeat;
    width:126px; z-index:100;
}

/* NAVIGATION BUTTONS:End */

#downer{
    width:888px;
    margin:20px 0 0 21px;
}

#leften{
    width:572px;
    float:left
}

#righten{
    width:280px; float:right;
    margin:0;
}

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

ul#Blogentries > li{
    display:block; width:100%;
    margin:0 0 63px 0; padding:0;
}

ul#Blogentries > li > a.h1{
    display:block; width:465px;
    background:url(img/pklammer.gif) left center no-repeat;
    padding:0 0 1px 25px; margin:0 0 18px 0; font-weight:bold;
    font-size:24px; color:#4e4e4e;
    text-decoration:none
}

ul#Blogentries > li > div.entry_content{
    width:522px; margin:0 0 6px 27px;
    font-size:14px; font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
    color:#464646;
}

ul#Blogentries li div.entry_content a{
    display:inline; padding:0 3px;
    color:#c0113e; font-weight:normal;
}

ul#Blogentries li div.entry_content a.more-link{
    font-size:16px; font-weight:bold; text-decoration:none;
    border:1px dotted #c0113e; border-width:0 0 1px 0;
}

ul#Blogentries li div.entry_metas{
    width:530px; margin:20px 0 0 21px;
    font-size:12px; font-family:Georgia;
}

ul#Blogentries li div.entry_metas div.entry_metas_top{
    height:48px;
    background:url(img/gr.gif) left top no-repeat;
}

ul#Blogentries li div.entry_metas div.entry_metas_top > div{
    text-align:right; padding:23px 20px 0 0; color:#8f8f8f;
}

ul#Blogentries li div.entry_metas div.entry_metas_brdr{
    height:3px; overflow:hidden;
    background:#c1c1c1;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom{
    margin:5px 0 0 0;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.archived{
    padding:4px 0 0 12px;
    display:block; float:left; color:#9ec10c;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.archived > a{
    display:inline; text-decoration:none;
    color:#71880f;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.commentsh{
    padding:0 18px 0 0;
    display:block; float:right; color:#f4084d;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.commentsh > span{
    display:block; float:right; padding:3px 5px 0 0;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.commentsh > span > a{
    color:#f4084d; text-decoration:none;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.commentsh > a{
    display:block; float:right; margin:2px 0 0 0;
    color:#5e5e5e; padding:0 5px;
}

ul#Blogentries li div.entry_metas div.entry_metas_bottom > div.commentsh > img{
    display:block; float:right; margin:2px 0 0 1px;
}



#righten h1{
    font-family:Arial, Verdana, sans-serif;
    font-size:14px; color:#a6a6a6;
    font-weight:bold; margin:0 0 3px 0;
    padding:0;
}

#searchbox{
    position:relative; top:0; left:0;
    width:100%; height:37px;
    background:#b5b5b5;
}

#searchbox div{
    position:absolute; top:1px; left:1px;
    width:278px; height:35px; 
    background:#fff;
}

#searchbox form {
	margin:0;
	padding:0;
}

#searchbox div input{
    position:absolute; 
    display:block; background-color:transparent;
    border:0;
}

#searchbox div input.txs{
    padding:8px 0 6px 5px; font-size:16px;
    color:#737373; width:180px;
}

#searchbox div input.sbms{
    width:87px; height:29px; background:url(img/suchbutton.gif);
    cursor:pointer; top:3px; right:3px;
}

ul.greenLinks{
    color:#36430e;
    margin:12px 0 0 0; padding:0;
    list-style:none;
}

ul.greenLinks li{
    display:block; padding:0; margin:8px 0 0 0;
}

ul.greenLinks li a{
    color:#659b19; text-decoration:underline;
}



ul.pinkLinks{
    color:#36430e;
    margin:12px 0 0 0; padding:0;
    list-style:none;
}

ul.pinkLinks li{
    display:block; padding:0; margin:8px 0 0 0;
}

ul.pinkLinks a{
    color:#d00a33; text-decoration:underline;
}



ul.blueLinks{
    color:#36430e;
    margin:12px 0 0 0; padding:0;
    list-style:none;
}

ul.blueLinks li{
    display:block; padding:0; margin:8px 0 0 0;
}

ul.blueLinks li a{
    color:#19849b; text-decoration:underline;
}

/** End Websider-gen CSS **/


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Sidebar 
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
 End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}




/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

.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;
}
/* End captions */

#comments {
	margin:0;
	padding:0;
	list-style-type:none;
	width:532px;
}
	#comments li {
		border-bottom:2px solid #C1C1C1;
		color:#4E4E4E;

		padding:20px 10px 20px 10px;
	}
	#comments li.alt {
		border-bottom:2px solid #C1C1C1;
		color:#4E4E4E;
		padding:20px 10px 20px 10px;
		background:#f2ffde
	}
	#comments li small.c_author {
		display:block;
		font-size:13px;
		font-family:Georgia, serif;
		margin-bottom:5px;
		color:#9EC10C;
	}
	#comments li small.c_author a {
		color:#F4084D;
	}
	#comments li .c_text {
		font-size:12px;
	}
	
#commentform input, #commentform textarea {
	border:1px solid #C1C1C1;
	font-size:11px;
	font-family:Arial, sans-serif;
	color:#71880F;
}
	#commentform textarea {
		width:532px;
	}
	#commentform #submit {
		color:#4E4E4E;
		background:#eee;
	}
	
#comment_box {
	padding-left:21px;
}


h2.pagetitle{
	padding:5px 0 5px 20px; border:3px solid #dedddd;
	background:#e9e9e9; margin:0 0 20px 0;
	border-width:3px 0 3px 0; color:#3a3a3a;
	width:513px; font-size:13px;
}

h2.pagetitle_arch{
	padding:5px 0 5px 20px; border:3px solid #dedddd;
	background:#e9e9e9; margin:0 0 20px 21px;
	border-width:3px 0 3px 0; color:#3a3a3a;
	width:513px; font-size:13px;
}


.npostlink{
	font-size:13px; font-family:"Trebuchet MS", Georgia, Verdana, Arial, sans-serif;
	text-decoration:none; font-weight:bold; color:#6a853f
}

.npostlink a{
	text-decoration:none; font-weight:bold; color:#6a853f;
	padding:4px; border:1px solid #c3ee80; background:#ebf5da
}

.npostlink_r{
	margin-right:23px;
}

.npostlink_l{
	margin-left:21px;
}

ul.UL_LISTING li{
    display:list-item; margin:5px; padding:0 0 0 20px; list-style:disc;
}

.file-download{
    font-size:22px; display:block;
}

.file-download:hover{
    text-decoration:underline;
}