/*
Theme Name: SimplicityBright
Theme URI: http://www.koch-werkstatt.de/2007/03/24/wordpress-theme-simplicity/
Description: Designed by <a href="http://www.koch-werkstatt.de" title="Kochwerkstatt">Karsten Kuhnen</a>,
based on the Theme Relaxation by <a href="http://www.jowra.com">Jowra</a>.
Version: 0.1 english
Author: Karsten Kuhnen
Author URI: http://www.koch-werkstatt.de
*/

html, body {margin:0;padding:0;text-align: center;}
body {background: #fff; font: 12px Tahoma, Arial, 'Helvetica', sans-serif; padding: 0;}
img {border:0;background:transparent}
img a:hover {border:0;background:#fff}

blockquote {border-left: 1px solid #326ea1; color: #555555; font-size: 1.00em; padding-left: 10px; padding-right: 10px; margin: 0 30px;}


a:link {color: #000;text-decoration: none; outline: none;}
a:visited {color: #777;text-decoration: none; outline: none;}
a:hover {color: #000;text-decoration: none; background:#fc0}

code {background: #f5f5f5;border: 1px solid #ccc;color: #555;font: 11px Verdana, Arial, 'Helvetica', sans-serif;padding: 10px;text-align: left;}

/*#####################*/
/*### Headlines ###*/
/*#####################*/

h1 {color: #000;font-weight: 100;font-size:24px;margin:0;padding:0;line-height:20px}
h1 a:link {color: #000;font-weight: 100;font-size:24px;margin:0;padding:0;text-decoration: none;display: block;}
h1 a:visited {color: #777;font-weight: 100;font-size:24px;margin:0;padding:0;text-decoration: none;display: block;}
h1 a:hover {color:#fc0;background:none}

h2, h2 a {background: inherit;color: #ccc;font:18px Arial, 'Helvetica', Verdana, sans-serif;font-weight: 100;padding: 3px 0px 3px 0px;margin: 0;}

h3, h3 a {
	color: #326ea1;
        font-weight: 100;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {    color: #326ea1;
	font: 12px Verdana, Arial, 'Helvetica', sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
        }

ol, form {
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.7em;
	text-align: justify;
}



small {
	font-size: 10px;
}

#page {margin: 0 auto;padding: 0;text-align: left;width: 760px;}

/*################*/
/*### Header   ###*/
/*################*/

#header {font-size:13px;height:90px;margin: 0 auto;text-align: left;padding: 0;}
#blogname a:hover {border:0;background:#fff}
#header h2 {float: right;height:70px;font: 30px Georgia, 'Times New Roman', Times, serif;color:#000;margin:10px 0;padding-right:15px;background:url(images/0_top_right_mark.gif) right no-repeat}


/*###################*/
/*### Topmenu ###*/
/*###################*/

#top {height: 34px;margin: 0 auto;width:100%;text-align: center;overflow: hidden;}

#topbar { height: 34px;
          width: 810px;
          margin: 0 auto;
          padding: 0;
          text-align: center;
}

ul.topmenu {
        background: transparent;
        float: left;
        margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

ul.topmenu li {
	float: left;
}

ul.topmenu li a {
	float: left;
	display: block;
        height: 34px;
	padding: 9px 20px 0 0px;
	color: #cbcbcb;
}

ul.topmenu li a:hover {
	color: #ffffff;
        text-decoration: none;
}

/*################*/
/*### Content  ###*/
/*################*/

#content {color:#000;float:left;margin:0;padding:0;text-align: left;width: 610px;}
#content a:link {color: #000;text-decoration: underline; outline: none;}
#content a:visited {color: #777;text-decoration: underline; outline: none;}
#content a:hover {color: #000;text-decoration: none; background:#fc0}

#content h1 a:link {color: #000;font-weight: 100;font-size:24px;margin:0;padding:0;text-decoration: none;display: block;}
#content h1 a:visited {color: #777;font-weight: 100;font-size:24px;margin:0;padding:0;text-decoration: none;display: block;}
#content h1 a:hover {color:#fc0;background:transparent}

#content img {
	_float: left;
	margin: 3px 10px 5px 0;
        _margin: 3px 5px 5px 0;
	border: 1px solid #cccccc;
        padding: 5px;
        background-color: transparent;
}

#content a:hover img { 
        border: 1px solid #777777; 
        background: #fff;
}
#content  img a:hover{ 
        border: 1px solid #777777; 
        background: #fff;
}

#content ul {
         list-style-type: circle; 
         margin: 0 0 0 25px; 
         padding:  0 0 0 0; 
}

#content ul li {
         line-height: 3em; 
         margin: 0; 
         padding: 5px; 
}

#post{width:600px;display:block;border:1px solid #0f0}
.entry {float:right;display:block;line-height: 1.3em;text-align: justify;width:520px;}
.postmetadata {float:left;display:block;width:70px;background:url(images/0_date.gif) top no-repeat;color:#ccc;margin:0;padding-top:20px;text-align:right;font-size:11px}
.postmetadata a:link {background: transparent; color: #000; text-decoration: none;}
.postmetadata a:visited {background: transparent; color: #777; text-decoration: none;}
.postmetadata a:hover {color: #000;text-decoration: none; background:#fc0}

.postmetadata span.day{font:bold 24px Tahoma, Arial, 'Helvetica', sans-serif;color:#fc0;letter-spacing:-1px;line-height:18px}
.postmetadata span.month{font:bold 18px Tahoma, Arial, 'Helvetica', sans-serif;color:#fc0;line-height:14px}
.postmetadata span.year{font:bold 12px Tahoma, Arial, 'Helvetica', sans-serif;color:#ccc;line-height:11px}

#postmetadata2 {border-top: 1px solid #ccc;font-size:11px;color:#333;line-height:2em;margin: 0 0 20px 0;padding: 5px;text-align: left;clear:both;}
#postmetadata2 a.comment:link, #postmetadata2 a.comment:visited {color:#333;text-decoration:none;padding:0 2px 3px 20px;height:16px;background:url(images/ico_comment.gif) no-repeat;}
#postmetadata2 a.comment:hover {color:#000;text-decoration:none;background:#fc0 url(images/ico_comment.gif) no-repeat;}
#postmetadata2 a.postdate:link, #postmetadata2 a.postdate:visited {color:#333;text-decoration:none;padding:0 2px 3px 20px;height:16px;background:url(images/ico_date.gif) no-repeat;}
#postmetadata2 a.feed:link, #postmetadata2 a.feed:visited {color:#333;text-decoration:none;padding:0 2px 3px 20px;height:16px;background:url(images/ico_feed.gif) no-repeat;}
#postmetadata2 a.feed:hover {color:#000;text-decoration:none;background:#fc0 url(images/ico_feed.gif) no-repeat;}
#postmetadata2 a.track:link, #postmetadata2 a.track:visited {color:#333;text-decoration:none;padding:0 2px 3px 20px;height:16px;background:url(images/ico_trackback.gif) no-repeat;}
#postmetadata2 a.track:hover {color:#000;text-decoration:none;background:#fc0 url(images/ico_trackback.gif) no-repeat;}
#postmetadata2 a.tag:link, #postmetadata2 a.tag:visited {color:#333;text-decoration:none;padding:0 2px 3px 20px;height:16px;background:url(images/ico_tag.gif) no-repeat;}



/*############################*/
/*#### Comments #### */
/*############################*/

#comment {color: #000;padding-left:2px;vertical-align:middle;width:510px;}
.commentheader {background: inherit;font-size:18px;font-weight:lighter;text-align:left;color:#000;padding-top:10px;margin-top:20px;line-height: 1.5em;border-top:1px solid #777}
.commentbody {border-top: 1px dotted #ccc;color: #000;margin: 0 0 10px 0;padding: 15px 15px 5px 15px;position: relative;}
.commentbody a {color: #a87705;text-decoration: none;}
.commentbody p {line-height: 1.2em;}
.commentlink {font-size: 12px;}
.commentlist {list-style: none;}

#email, #author {background: #fafafa;border:1px solid #ccc;color:#444;padding: 5px;vertical-align: middle;}
#url {background:#fafafa;border: 1px solid #ccc;color:#444;height: 16px;padding: 5px;vertical-align: middle;}
#submit {background:#fc0;border: 1px solid #a87705;color:#000;margin: 0;padding:7px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
textarea {overflow:auto;border: 1px solid #ccc;}

/*################*/
/*#### Footer ####*/
/*################*/

#footer {
        background: #e6e3d7;
        border-top: 1px solid #cccccc;
        height: 50px;
        clear: both;
	color: #363636;
        margin: 0;
	padding: 0;
        text-align: center;
        overflow:hidden;
}

#footer a {
        color: #363636;
        text-decoration: none;
}

#footer a:hover {
        color: #aa0000;
        text-decoration: none;
}

/*################*/
/*### Suchfeld ###*/
/*################*/

.s {border: 1px solid #ccc;color:#383d44;height:15px;padding:3px;width:70px;}
.ok {background:#fc0;border: 1px solid #a87705;color:#000;margin: 0;padding:2px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}

/*################*/
/*#### SIDEBAR ###*/
/*################*/

#sidebar {width:120px;text-align: left;font-size:11px;float: left;margin-left:30px;padding:0;line-height: 1.6em;color: #777;}
.sidelist {background: transparent;margin: 0 0 20px 0;padding: 0;}
#sidebar ul {list-style: none;margin: 0;padding: 0;border: none;}
#sidebar li{border-bottom: 1px solid #ccc;margin: 0;padding: 0;display: block;}
#sidebar li a {display: block;background-color: transparent;color:#777;padding:3px;text-decoration: none;border-bottom: 0;}
#sidebar li a:hover {color: #fff;background-color: #fc0;text-decoration: none;}
#sidebar h2{background: inherit;color: #ccc;font:18px Arial, 'Helvetica', Verdana, sans-serif;font-weight: 100;padding: 3px 0px 3px 0px;margin: 0;}

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}


.date {
	background: transparent;
	color: #363636;
	font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.alt {
	line-height: 1.3em;
	padding: 10px;
}

.alt a {
	background: inherit;
	color: #aa0000;
        text-decoration: none;
}


.clear {clear:both;}

<!--######################-->
<!--### Menü im Footer ###-->
<!--######################-->

#bottom {
        clear: both;
	width: 810px;
	height: 100%;
	margin: 0;
	padding: 0px;
	background: transparent;
	text-align: left;
	color: #383d44;
	}

#bottom-left {
	width: 30%;
	padding: 0 0 25px 0;
	float: left;
}

#bottom-mid {
	width: 30%;
	padding: 0 0 25px 40px;
	float: left;
}

#bottom-right {
	width: 30%;
        margin-right: 10px;
	padding: 0 0 25px 0;
	float: right;
	}

#bottom h2 {
        font: 24px Arial, 'Helvetica', Verdana, sans-serif;
        font-weight: 100;
	margin: 25px 0 5px 0;
	padding: 0 1px;
        color: #326ea1;
	}

#bottom ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
#bottom li {
        border-bottom: 1px solid #cccccc;
        margin: 0;
        padding: 0;
        display: block;
	}
#bottom li a {
        display: block;
        background-color: transparent;
        color: #383d44;
	padding: 7px 5px 7px 5px;
	text-decoration: none;
        border-bottom: 0;
	}
#bottom li a:hover {
	color: #669933;
	background-color: #e6e3d7;
        text-decoration: none;
	}