/*
Theme Name: Zottelhof
Theme URI: http://www.zottelhof.de
Description: Designed by Dirk Karsten, Karsten Kuhnen,
based on the Theme Relaxation by <a href="http://www.jowra.com">jowra</a>.
Version: 0.6 deutsch
Author: Dirk Karsten, Karsten Kuhnen,
Author URI: http://www.2Concept.de

<a href="http://ikram-zidane.com">Navigation developed by ikram-zidane</a>
*/

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #c6c6c6 url(images/bg.gif) repeat-y top center;
	font: 13px 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial,  Helvetica, sans-serif;
	padding: 0;
	margin-top: 0px;
}


blockquote {

	border-left: 1px solid #d5d5d5;
        color: #535f75;
        font-size: 1.00em;
        padding-left: 10px;
        padding-right: 10px;
	margin: 0 30px;
}

a {
	/*color: #879E55;*/
	color: #CCCCCC;
	text-decoration: none;
        outline: none;
}

code {
	color: #005577;
	text-align: left;
}

h1, h1 a {
	color: #666666;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, Verdana, Tahoma, 'Helvetica', 'Trebuchet MS', 'Lucida Sans', 'Lucida Sans Unicode', sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

h2, h2 a {
	color: #666666;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.09em;
	margin: 0;
	padding: 0;
}

h3, h3 a {
	color: #666666;
	font-size: 13px;
	margin: 15px 0 0px 0;
	padding: 0;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ol, form {
	margin: 0;
	padding: 0;
}

ul.categories {
         font-size: 11px;
         list-style-type: none;
         text-align: center;
         margin:0 0 0 2px;
         }

ul.categories li {
        font-size: 11px;
        display:inline;
        padding: 0 0 0.2em;
        margin: 0 0 0 1px;
}


p {
	line-height: 1.3em;
	text-align: justify;
}

.entry {
	line-height: 1.3em;
	text-align: justify;
}

small {
	font-size: 10px;
	line-height: 1.2em;
}

#comment {
        background: #666666;
	border: 1px solid #888888;
	color: #f2f2f2;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
	width: 510px;
}

#content_wrapper {
	background: #ffffff;
        width: 900px;
	color: #080808;
}
#content_inner {
	background: #ffffff;
}

.content_left {
	background: transparent;
	border: none;
	color: #080808;
	float: left;
	left: 1px;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 110px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	width: 840px;

}
.content_left a:hover {color: #666666; text-decoration: none;}
.content_left img {float: left;margin: 3px 10px 5px 0;border: 1px solid #f5f5f5;padding: 5px; background-color: inherit;}
.content_left a:hover img { border: 1px #f5f5f5 solid; background: #f5f5f5; }
.content_left h1 a:hover  { color: #535f75; text-decoration: none; }
.content_left h2 { font-size: 13px; border-bottom: 1px solid #e9e9e9; }
.content_left ul {list-style-type: none;margin: 0;padding: 0;}
.content_left ul li {line-height: 1.5em;margin: 0;padding: 0;}


.content_right {
	float: left;
	width: 300px;
	margin: 0;
}

#bottom_wrapper {
	background: #555555;
        width: 900px;
        color: #eee;
        overflow: hidden;
}

#bottom_inner {
	background: inherit;
        }

.bottom_left {
	width: 510px;
	float: left;
        padding: 0px 30px 30px 30px;
}

.bottom_left a {
	color: #879E55;
}
.bottom_left a:hover {
	color: #f7f7f7;
}

.bottom_right {
	float: left;
	width: 300px;
	margin: 0;
        padding: 30px 0 0 0;
	}

.clearfix {display:block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#content {
	background: transparent;
	border: none;
	color: #080808;
	float: left;
	left: 1px;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 110px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	width: 840px;
}

#content a:hover {
        color: #666666;
	text-decoration: none;
}

#content img {
	float: left;
	margin: 3px 10px 5px 0;
	border: 1px solid #a9a9a9;
        padding: 5px;
        background-color: inherit;
        }

.bottom_left img {
	float: left;
	margin: 3px 10px 5px 0;
	border: 1px solid #f5f5f5;
        padding: 5px;
        background-color: inherit;
        }

#content a:hover img { border: 1px #f5f5f5 solid; background: #f5f5f5; }

#content h1 a:hover  { color: #535f75; text-decoration: none; }

#content h2 { font-size: 13px; border-bottom: 1px solid #e9e9e9; }

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


#content ul li {
        line-height: 1.5em;
	margin: 0;
	padding: 0;
}




#content .date {
	background: inherit;
        color: #6A775F;
	font-size: 11px;
	letter-spacing: 0.00em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content .date a {
	background: inherit;
        color: #6A775F;
	font-size: 11px;
	letter-spacing: 0.00em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#content .date a:hover {
	background: inherit;
        color: #dd4003;
	font-size: 11px;
	letter-spacing: 0.00em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}




#email, #author {
	background: #666666;
	border: 1px solid #888888;
	color: #f2f2f2;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#leiste {background: #555555 url(images/bottom.gif) no-repeat top center;
         height: 25px; }

#footer {background: #555555;
        border-top: 0px solid #dd0000;
        clear: both;
	color: #f2f2f2;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
        text-align: center;
        height: 50px;
        overflow:hidden;
}

#footer2 {background: #555555; /*url(images/footer_blau.gif) repeat-x bottom center;*/
        border-top: 0px solid #dd0000;
        clear: both;
	color: #f2f2f2;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
        text-align: center;
        height: 120px;
        overflow:hidden;
}

#footer3 {background: #555555 url(images/bottom.gif) no-repeat top center;
         border-top: 0px solid #dd0000;
        clear: both;
	color: #f2f2f2;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
        text-align: center;
        height: 25px; }

#footer p {text-align: center;}

#footer a {
        color: #CCCCCC;
}

#footer a:hover {
        color: #f7f7f7;
}

#footer h2 {
        font-size: 12px;
        color: #ffffff;
}

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

#footer ul li {
       	list-style-type: none;
	margin: 0;
	padding: 0;
}

#themebox {
                background: transparent;
		margin: 0 auto;
                width: 750px;
                padding: 10px 0px 10px 0px;
                text-align: center;
}


#header {
        background: #d8d8d8;
        overflow: hidden;
        color: #a0a999;
	font-size: 11px;
        height: 100px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#header a {
	color: #990000;
}

#header img {
	border: none;
}

#page {
	background: #ffffff;
        margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 900px;
}
.s {
	background: #f5f5f5;
	border: 1px solid #d5d5d5;
	color: #080808;
	font-size: 11px;
	height: 15px;
	padding-left: 2px;
	vertical-align: middle;
	width: 150px;
}


#sidebarout {
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	width: 160px;
        font-size: 11px;
        text-align: left;
        float: right;
        margin: 30px 0px 30px 0px;
        padding: 0;
        line-height: 130%;
        color: #080808;
        }

.sidelist {
        margin: 0 0 20px 0;
        padding: 0;
        }

.sidelist2 {
        margin: 0;
        padding: 0;
        }


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

#sidebarout li{
        border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d5d5d5;
	margin: 0;
        padding: 0;
        display: block;
	}

#sidebarout li a {
        display: block;
        background-color: #f3f3f3;
        color: #080808;
	padding: 5px;
	text-decoration: none;
        border-bottom: 0;
	}

#sidebarout li a:hover {
        color: #879E55;
	background-color: inherit;
        text-decoration: none;
	}

#sidebarout p {
        color: #080808;
        display: block;
	padding: 0 3px 0 3px;
        margin: 0;
	text-decoration: none;
	}

#sidebarout h2 {
        background: #777777;
        border-top: 0px solid #dd0000;
        color: #f2f2f2;
        font-size: 13px;
        padding: 5px;
        margin: 0;
}

#sidebarout .page a  {
        background-image: URL(images/page.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
}
#submit {
	background: #666666;
	border: 1px solid #888888;
	color: #f2f2f2;
	font-size: 11px;
	margin: 0;
	padding: 0 10px;
}

#today {
	background: #ffffff;
}


#url {
	background: #666666;
	border: 1px solid #888888;
	color: #f2f2f2;
	font-size: 11px;
	padding-left: 2px;
	vertical-align: middle;
}

#wrapper {
	float: left;
	margin: 0;
	padding: 0;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	margin-top: -1px;
	text-align: right;
}
.commentbody {
	color: #f2f2f2;
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 15px 15px 5px 15px;
	background: #666666;
	border: 1px solid #888888;
        position: relative;
}

.commentbody a {
	color: #879E55;
        text-decoration: none;
}
.commentbody a:hover {
	color: #f7f7f7;
        text-decoration: none;
}


.commentbody p {
	line-height: 1.2em;
}

.commentlink {
	font-size: 13px;
}

.commentlist {
	list-style: none;
}

.commentcount {
	background: inherit;
	position: absolute;
	right: 36px;
	top: 0;
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-size: 24px;
	font-weight: bold;
	color: #C6CED2;
	float: right;
}


html[xmlns] .commentcount {
	position: absolute;
	right: 7px;
	top: 0;
}

.pagetitle {margin: 20px 0 30px 0;
        text-align: right;
}

.postmetadata {
        background: inherit;
        color: #2443A0;
        font-size: 11px;
        line-height: 1.5em;
	letter-spacing: 0em;
	margin: 10px 0 0px 0;

	text-align: left;
        clear:both;
}

.postmetadata2 {
        background: inherit;
        border-top: 1px solid #d5d5d5;
        color: #808979;
        font-size: 11px;
        line-height: 1.3em;
	letter-spacing: 0em;
	margin: 0;
	padding-left: 0px;
	text-align: left;
        clear:both;
}

.postmetadata a {
	background: transparent;
	color: #527988;
        text-decoration: none;
}
#content .postmetadata a:hover {
	background: transparent;
	color: #dd4003;
}

.content_left .postmetadata2 a:hover {
	background: transparent;
	color: #dd4003;
}

/* different postmetadata style for single.php */

.alt {
	line-height: 1.3em;
	padding: 5px 0 5px 0;
}

.alt a {
	background: inherit;
	color: #527988;
}

.postfooter {
        height: 15px;
        margin: 0 0 40px 0;
        padding: 0;
        background:url(images/pf.gif) no-repeat center;
}


#content .alt a:hover {
	background: inherit;
	color: #dd4003;
}

.clear {clear:both;}

.left { float: left; }
.right { float: right; }


#flickr {
width: 900px;
background-color: transparent;
float: left;
margin: 0 0 20px 0;
text-align: center;
}

#flickr ul, #flickr ul li {
padding: 0;
margin: 0;
border: 0;
}

#flickr a img {
background: inherit;
border: 1px #888888 solid;
padding: 5px;
margin: 3px 5px 0 0px;
}

#flickr a:hover img {
background: #777777;
border: 1px #888888 solid;
}

#flickr ul { list-style: none; }
#flickr ul li { display: inline; }



/* #### Menü ###*/
#js {
text-indent: -9999px;
width: 200px;
margin: 0 auto;
text-align: center;
}

#navigation {
font-size: 11px;
background: #555555;
border-bottom: 0px solid #000099;
height:0px;
padding: 0;
margin: 0;
color: #f2f2f2;
overflow: hidden;
}

#archive-history ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#archive-history li{
	border-bottom: 1px solid #aaaaaa;
	margin: 0;
        padding: 0;
        display: block;
	}

#archive-history li a {
        display: block;
        background-color: inherit;
        color: #f2f2f2;
	padding: 0;
	text-decoration: none;
        border-bottom: 0;
	}

#archive-history li a:hover {
        color: #879E55;
	background-color: inherit;
        text-decoration: none;
	}

#recent-post ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#recent-post li{
	border-bottom: 1px solid #aaaaaa;
	margin: 0;
        padding: 0px;
        display: block;
	}

#recent-post li a {
        display: block;
        background-color: inherit;
        color: #f2f2f2;
	padding: 0px;
	text-decoration: none;
        border-bottom: 0;
	}

#recent-post li a:hover {
        color: #879E55;
	background-color: inherit;
        text-decoration: none;
	}

#page-about ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#page-about li{
	border-bottom: 1px solid #aaaaaa;
	margin: 0;
        padding: 0;
        display: block;
	}

#page-about li a {
        display: block;
        background-color: inherit;
        color: #f2f2f2;
	padding: 0;
	text-decoration: none;
        border-bottom: 0;
	}

#page-about li a:hover {
        color: #879E55;
	background-color: inherit;
        text-decoration: none;
	}


#navigation-container {
width: 740px;
background: #555555;
text-align: left;
margin: 0 auto;
padding: 0;
padding-bottom: 30px;
overflow: hidden;
height: 350px;
}
#navigation-container a {
color: #f2f2f2;
}
#navigation-container a:hover {
color: #cccccc;
}
#navigation-container h3 {
text-transform: capitalize;
margin: 0;
padding: 0;
margin-bottom: 5px;
margin-top: 20px;
padding-bottom: 1px;
color: #cccccc;
font-size: 11px;
background: transparent;
}
/*
#archive-history {
width: 230px;
float: left;
margin: 0;
padding: 0 0 0 10px;
}
*/
#archive-history {
float: left;
padding: 0;
margin: 0;
width: 280px;
padding-left: 15px;
voice-family: "\"}\"";
voice-family:inherit;
width: 230px;
}

#recent-post {
float: left;
padding: 0;
margin: 0;
width: 280px;
padding-left: 15px;
voice-family: "\"}\"";
voice-family:inherit;
width: 230px;
}
#page-about {
float: left;
padding: 0;
margin: 0;
width: 280px;
padding-left: 15px;
voice-family: "\"}\"";
voice-family:inherit;
width: 230px;
}

html>body #recent-post , html>body #page-about {
width: 230px;
}

a#toggle {
display: block;
width: 200px;
height: 39px;
background: transparent;
}
a:hover#toggle {
background-position: 0 -39px;
}

.feeds {
	padding-left: 20px;
	background: transparent url(images/link.gif) no-repeat center left;
	margin-right: 20px;
}
.ikramzidane {
	padding-left: 0px;
	background: transparent;
}


#navbar {       
	background: #777777 url(images/navi.gif) repeat-x 0 0;
    clear: both;
	float: left;
	width: 100%;
	height: 60px;
}

ul.menu {
	float: left;
	margin: 0;
	padding: 0 15px;
	list-style-type: none;
}

ul.menu li {
	float: left;
}

ul.menu li a {
	float: left;
	display: block;
	border-right: 0px solid #888888;
	height: 31px;
	padding: 8px 10px 0 10px;
	line-height: 24px;
	color: #ffffff;
}

ul.menu li a:hover {
	color: #cccccc;/*#84aeff;#4DC5D6;*/
	background: inherit;
	text-decoration: none;
}

ul.searchbox {
	float: right;
	margin: 0;
	padding: 0 30px;
	list-style-type: none;
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }