@charset "UTF-8";
/*
Theme Name: Rolf Jägersberg
Theme URI: http://www.klugesdesign.de/
Description: Website-Design für Rolf Jägersberg. Gestaltung: <a href="http://www.klugesdesign.de/">Simon Kluge</a>, WP-Umsetzung: <a href="http://www.zirona.com/">Alex Günsche</a>
Version: 0.1
Author: Simon Kluge, Alex Günsche
*/

/* body * { border: 1px dotted #555; } */

body {
	background-color: #9b9ca0;
	background-image: url(images/backbody.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* kopfnavigation */
#tophead {
	background-image: url(images/tophead.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 59px;
	width: 100%;
	text-align: center;
}

#tophead_content {
	margin: auto;
	width: 813px;
	text-align: left;
}

#tophead_content_left {
	margin: auto;
	width: 406px;
	text-align: left;
	padding-top: 30px;
	float: left;
}

#tophead_content_right {
	margin: auto;
	width: 406px;
	text-align: right;
	padding-top: 30px;
	float: right;
}
	
	
/* bildheader */
#headimg {
	background-image: url(images/rolf001.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width:100%;
	height: 329px;
}
	
/* navigation */
#nav {
	background: none;
	width: 959px;
	height: 41px;
	margin: auto;
	line-height: 41px;
}
	
/*maincontent*/
#wrapper {
	background: #9a9c9f url(images/contentback.gif) no-repeat left top;
	width: 959px;
	height: auto;
	margin: auto;
}

/*links*/
#main_left {
	background: #9a9c9f url(images/contentback.gif) no-repeat left top;
	width: 640px;
	float: left;
}

#pagehead {
	background: url(images/pageheadback.png) repeat;
	width: 620px;
	height: auto;
	text-align: center;
	padding: 10px;
	margin: 0;
}

.article {
	background: url(images/articleback.png) repeat;
	width: 620px;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
	padding: 10px;
}

/*rechts*/
#main_right {
	background: #9a9c9f url(images/contentback.gif) no-repeat right top;
	width: 309px;
	float: right;
}

#main_right ul, #main_right ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_right ul ul {
	padding: 0 0 0 15px;
	margin: 7px;
}

#main_right ul ul li {
	margin: 7px;
	list-style: square;
}


#newsbox, #text-326387841 {
	background:#990000;
	width:309px;
	height: auto;
}
	
#nl_subscription_form {
	background: url(images/pageheadback.png) repeat;
	width: 279px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 15px;
}
	
.action, #main_right  ul li.widget_text {
	background:#009933;
	width: 309px;
	height: auto;
	margin-bottom: 10px;
}

/*
	============== added by lxg ==============
*/

/* general stuff */

#main_right ul li { list-style-type: none; }
#main_right ul ul li { list-style-type: square; }

ul.navlist {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.navlist li {
	margin: 0 20px 0 0;
	float: left;
	list-style: none;
}

#tophead_content_right ul.navlist li {
	margin: 0 0 0 20px;
	float: right;
}

#tophead a, #nav a, #tophead a:link, #nav a:link, #tophead a:visited, #nav a:visited {
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

#nav ul.navlist a {
	padding: 0 0 0 25px;
	height: 38px;
	color: #64b4a7;
	background: url('images/navbullet.gif') no-repeat left center;
}

#nav li.current_page_item a, #nav ul.navlist a:hover, #nav ul.navlist a:active, #nav ul.navlist a:focus {
	color: #09917b;
	background: url('images/navbullet_active.gif') no-repeat left center;
}

a { text-decoration: none; }

#tophead a, #tophead a:link, #tophead a:visited { color: #aaa; }
#nav a, #nav a:link, #nav a:visited { color: #555; }

#nav a:hover, #nav a:active, #nav a:focus { color: #000; }
#tophead a:hover, #tophead a:active, #tophead a:focus { color: #fff; }

/* forms */

input, select, textarea {
	background-color: #fff;
	color: inherit;
	border: 1px solid #999;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}

input:focus, select:focus, textarea:focus {
	background-color: #fff;
	color: inherit;
	border: 1px solid #444;
}

input[type=hidden] {
	display: none !important; /* stupid firefox */
}


/* various */

pre { font-size: 0.9em; }
code, kbd, samp { font: 1.1em 'Courier New', Courier, monospace; }
acronym, abbr { cursor: help; border-bottom: 1px dashed #888; font-variant: normal; }
label, .pointer { cursor: pointer; }
blockquote { margin: 20px 25px 0 25px; color: #666; border-left: 4px solid #bbb; padding-left: 15px; font-size: 0.87em; }
blockquote cite { margin: 5px 0 0; display: block; }
.subtitle { margin: 0 0 0 5px; padding: 0; }
.small { font-size: 0.85em; color: #666;}
.help { cursor: help; }
.center { text-align: center; }
.fallback { display: none; }


/* WP specific */

.navigation {
	display: block;
	text-align: center;
	padding: 5px;
	margin: 0 0 20px;
}

.navigation .alignright {
	width: 40%;
	text-align: right;
}

.navigation .alignleft {
	text-align: left;
	width: 40%;
}

img {
	padding: 0;
	margin: 0;
	border: 0;
}

a img {
	border: 0;
}

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

.alignright img {
	display: inline;
}

.alignleft img {
	display: inline;
}

.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	float: right;
}

.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	float: left;
}


/* comments */

.commentlist {
	margin: 0 20px;
	clear: both;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}
	
#commentform textarea {
	width: 100%;
	padding: 2px;
}

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

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}


/* contact form */

p.blocklabel {
	overflow: hidden;
	padding: 0;
	clear: both;
	display: block;
	float: none;
}

p.blocklabel label {
	display: block;
	margin: 0;
	float: left;
	width: 200px;
}

p.blocklabel input, p.blocklabel .leftside {
	display: block;
	float: left;
	margin: 0;
}

#contactform {
	overflow: hidden;
}

#contactform .textfield {
	width: 200px;
	border: 1px solid #333;
	background-color: #efefef;
	color: inherit;
}

#contactform textarea {
	width: 320px;
	padding: 2px;
	border: 1px solid #333;
	background-color: #efefef;
	color: inherit;
}


#contactform .textfield:hover {
	background-color: #fff;
}

#contactform textarea:hover{
	background-color: #fff;
}



form#contactform .contacterror {
	border: 1px inset #f55;
}

#contacterror {
	font-weight: bold;
	color: #000;
}

#contactform #contactsubmit {
	display: block;
	margin: 10px 0 0 100px;
	padding: 3px;
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #bbb;
	background: #eee url(images/submit_bg.png) repeat-x center;
}

#contactform #contactsubmit:active {
	background: #ccc;
}

/*modifikationen kluges.design*/
h1#pagehead {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #FFFFFF;
	}
	
h2,h2 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #09917b;
	}
	
	
	
.article {
	color: #333;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

a.noborder {
	border: 0px;
	}
	
a:link, a:visited {
	color: #09917b;
	}

a:hover {
	color: #333;
	}
	
.wiki {
	color: #09917b;
	padding-left: 30px;
	background: url(images/wiki.gif) left bottom no-repeat;
	}
	
.wiki:hover {
	color: #333;
	padding-left: 30px;
	background: url(images/wiki_hover.gif) left bottom no-repeat;
	}
	
.ext {
	color: #09917b;
	padding-left: 13px;
	background: url(images/ext.gif) left bottom no-repeat;
	}
	
.ext:hover {
	color: #333;
	padding-left: 13px;
	background: url(images/ext_hover.gif) left bottom no-repeat;
	}
	
#searchform {
	background: url(images/pageheadback.png) repeat;
	width: 279px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 15px;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
}

input#searchsubmit {
	border: none;
	color: #333;
	background: #efefef;
	font-size: 12px;
	}
	
input#s {
	background: #efefef; 
	border: 1px solid #888;
	font-size: 12px;
	}
	
input#s:hover {
	background: #fff; 
	}
	
.bookmarks {
	color: #333;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#bookmarks {
	background: #333333 url(images/bookmarks.jpg) no-repeat;
	border-top:2px solid #09917b;
	width: 620px;
	height: auto;
	margin-top: 10px;
	overflow: hidden;
	padding: 10px;
}

.bookmarks a:link, .bookmarks a:visited {
	color: #CCCCCC;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
.bookmarks a:hover {
	color: #fff;
	font-size: 13px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 0 2px;
	}


.bookmarks h2 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #4ea097;
	}
	
	
div#colLeft{
    float:left;
    width:200px;

}

div#colMiddle{
    margin: 0 210px;
}

div#colRight{
    float:right;
    width:210px;

}

.bookmarks li{
list-style:square;
color: #CCCCCC;
font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.bookmarks li:hover {
list-style: disc;
color: #fff;
} 

#main_right  ul li#categories-352148211 {
	background: url(images/pageheadback.png) repeat;
	width: 279px;
	height: auto;
	margin-bottom: 10px;
	padding: 1px 15px 15px 15px;
}

#main_right  ul li#categories-352148211 select {
	background: #efefef; 
	border: 1px solid #888;
}

#main_right  ul li#categories-352148211 select:hover {
	background: #fff;
}

.widgettitle {
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	}