/*This is the LEAF skin, made by iBlogging.de for Wordpress 1.5.1*/

/*BASIC STUFF*/
/*Message for IE users*/
div.iemessage{
    width: 700px;
    text-align: center;
    color: white;
    font-weight: normal;
    margin-bottom: 10px;
}
.iemessage a:link, .iemessage a:visited{
    color: #FF7200;
    text-decoration: none;
}
.iemessage a:hover, .iemessage a:active{
    color: white;
}
/*Link styling*/
a:link, a:visited{
   /* color: #23598C;*/
	 color: #CC0000;
    text-decoration: none;
}
a:hover, a:active{
    color: white;
		background-color: #CC0000;
}
/*Image*/
img{
    border: none;
}
/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/
/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/
.hidden{
    display: none;
}
/*Use this to centerize any image/text*/
.centerize{
    text-align: center;
}
/*MAIN STRUCTURE*/
/*Don't edit if you know what's good for you*/
body{
    color: #4C4C4C;
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    background: #123454 url(images/01_bg.gif) top repeat-x;
    padding: 0;
    text-align: center;
    margin: 0 0 0 0;
}
#wrapper{
    width: 700px;
    margin: auto;
    background: white url(images/01_bodybg.jpg) repeat-y;
    text-align: left;
}

#warn {
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    width: 100%;
height: 125px;
    background: #efdd5e url(images/streifen.gif) repeat-x bottom;
}

/*The header image*/
#header{
    position: relative;
    width: 700px;
    height: 151px;
    margin: auto;
    background: url(images/01_header01.jpg) no-repeat;
}
/*The container - edit "230" to your desired width for the sidebar (lines 55, 58, 62)*/
#container{
    width: 100%;
    float: left;
    margin-right: -200px;
}
#content{
    margin-right: 200px;
    padding: 25px 0;
}
#sidebar{
    /*width: 230px;*/
	width: 200px;
    float: right;
    padding: 25px 0;
    text-align: left;
}
#footer{
    width: 700px;
    margin: auto;
    padding: 20px 0 0 0;
    background: url(images/01_footer.jpg) top no-repeat;
}
/*Layout fuer Index-Seite*/
#container_left{
    width: 50%;
    float: left;
    padding: 25px 0;
}
#container_right{
		width: 50%;
    float: right;
    padding: 25px 0;
    text-align: left;
}
#container_welcome {
		width: 700px;
		margin: auto;
		text-align: left;
		border:1px solid #009933;
}
#welcome {
		float: left;
		height: 300px; /*Bereich ist leer*/
		width:200px;
		padding: 25px 0;
		border:1px solid #CC0000;
		margin-right: -200px;
}
#pic {
		float: right;
		height:300px; /*Bereich ist leer*/
		width: 200px;
		padding: 25px 0;
		top: 0;
		border:1px solid #000000;
}


/*Credits part is where the copyrights/xhtml/css validation stuff will be*/
#credits{
    font-size: 10px;
    text-align: center;
    color: #F7F7F7;
}
#credits a:link, #credits a:visited{
    color: #CFE6FD;
}
#credits a:hover, #credits a:active{
    color: white;
}
/*Ignore this*/
.clearing{
    height: 0;
    clear: both;
}
/*THE LOGO*/
.logo{
    position: absolute;
    top: 5px;
    left: 12px;
}
/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/
#navigation{
    font-size: 12px;
    width: 694px;
    height: 22px;
    position: absolute;
    top: 129px;
    left: 3px;
}
#navigation ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
#navigation li{
    background: none;
}
/*THE HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/
h2{
   	color: #3E565F;
    margin: 0 0 3px 0;
		padding-bottom:13px;
    font-size: 12px;
		text-transform: uppercase;
}
h3{
    color: #CC0000;
    margin: 0 0 8px 0;
    font-size: 18px;
		font-weight: bold;
	text-transform: uppercase;
}
h4{
    font-size: 12px;
}
/*Sub structure - To create the margins of the body (where text will be placed)*/
.contentdiv{
    margin: 0 15px 0 22px;
}
.sidebardiv{
    margin: 0 22px 0 15px;
}
/*COMMENTS STYLING*/
.c_commentbody{
    padding: 0 0 5px 0;
    background: url(images/01_hdot.gif) bottom repeat-x;
}
.trackbacks {
	padding: 0;
	margin: 5px 7px 10px 20px;
	text-align: left;
	float: left;
	width: 433px;
}
.trackback_header_send, .trackback_header, .comment_header, .comment_add_header {
	padding-left: 8px;
	margin-bottom: 5px;
	border-left: 5px solid #23598C;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.trackback_content_send {
	margin: 10px 7px 20px 15px;
	padding-left: 10px;
	padding-right: 10px;
	width: 425px;
  border: 1px dashed #23598C;
  font-size: 11px;
  text-align: center;
  background: #E2EDF0;

}
.trackback-content {
	border-top: 1px solid #E5EAED;
	margin: 5px 7px 20px 15px;
	text-align: left;
	width: 100%;
}
.comment-content {
  margin-left: 15px;
}
.comment-footer {
  margin: 5px 7px 20px 15px;
  border-top: 1px solid #dae0e6;
  padding-top: 3px;
  color: #666;
  font-size: 10px;
  text-align: right;
	width: 100%;
}

/* Comment-Form */
.comments-open-content {
  margin: 5px 15px;
}
.comments-open-footer {
  margin: 5px 10px 20px 10px;
}
.comments-open-label {
	display: block;
	font-weight: bold;
}

/*User links on comments made (eg. Ivan wrote:)*/
.c_userlink{
    margin: 0 0 5px 0;
}
/*Time stamp info in comments made*/
.c_commentinfo{
    font-size: 11px;
    margin: 3px 0 0 0;
    padding: 0 0 0 13px;
    background: url(images/01_item1.gif) 0 1px no-repeat;
}
/*THE STYLING OF THE BODY OF CONTENTS AND SIDEBAR*/
.contentbody{
    margin: 0;
    padding: 0 0 30px 43px;
    text-align: justify;
}
.sidebarbody{
    margin: 0 0 20px 0;
    padding: 0;
}
/*THIS PART IS THE SIDEBAR'S INDIVIDUAL DIVS*/
/*Note that it doesn't have any styling, but it's here in case you want to add some styles*/
.sidebarin{
    padding: 0;
    margin: 0;
}
/*THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT)*/
/*You can create different image on your on, but only if you know what you're doing should you edit this part*/
.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody, .divabout .contentbody, .divdownloads .contentbody{
    background: url(images/01_quote.gif) 0 3px no-repeat;
}
/*A different background for comments made*/
.divcommentsmade .contentbody{
    background: url(images/01_quote1.gif) 0 3px no-repeat;
}
/*A different background for the admin (in the comments made area)*/
.divcommentsmade .id1{
    background: url(images/01_quote4.gif) 0 3px no-repeat;
}
/*Add comment form's background*/
.divaddcomment .contentbody{
    background: url(images/01_quote3.gif) 0 3px no-repeat;
}
/*MORE DETAILED STUFF - Item details of your blog items*/
.itemdetails{
    text-align: left;
    padding: 5px 0 0 0;
		padding-bottom:15px;
    background: url(images/01_hdot.gif) top repeat-x;
}
/*Date*/
.item1{
    padding: 0 0 10px 25px;
    margin: 0 0 0 7px;
    background: url(images/icon_date.gif) 0 1px no-repeat;
}
/*Category*/
.item2{
    padding: 0 0 10px 25px;
    margin: 0 0 0 7px;
    background: url(images/icon_category.gif) 0 1px no-repeat;
}
/*Comments*/
.item3{
    padding: 0 0 10px 25px;
    margin: 0 0 0 7px;
    background: url(images/icon_comment.gif) 0 1px no-repeat;
}
/*Trackbacl*/
.item4 {
	padding: 0 0 10px 25px;
	margin: 0 0 0 7px;
	background: url(images/icon_trackback.gif) 0 1px no-repeat;
}
/*Print*/
.item5 {
	padding: 0 0 10px 25px;
	margin: 0 0 0 7px;
	background: url(images/icon_print.gif) 0 1px no-repeat;
}
/*Del.icio.us*/
.item6 {
	padding: 0 0 10px 25px;
	margin: 0 0 0 7px;
	background: url(images/icon_delicious.gif) 0 1px no-repeat;
}
/*STYLING OF SIDE TITLES*/
/*You can remove all parts here if you do not wish to use images as your side titles*/
.about h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.login h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.latestcomment h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.categories h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.archives h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.recommended_sites h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.marktplatz h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.rss-atom h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.search h3{
		color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.links h3{
    height: 23px;
    text-indent: -9999px;
    margin: 0 0 2px 0;
    background: url(images/01_s_links.gif) no-repeat;
}
.aboutdownloading h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.flickr h3{
    height: 23px;
    text-indent: -9999px;
    margin: 0 0 2px 0;
    background: url(images/01_s_flickr.gif) no-repeat;
}
.information h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.portfolio h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.kontakt h3 {
	color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.statistik h3 {
	color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.blogroll h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.ad h3{
    color: #CC0000;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		border-left:solid 5px #37669C;
    font-size: 14px;
		text-transform: uppercase;
}
.ad .sidebarin{
	margin-top: 7px;
}
/*MAIN TITLES*/
/*You can remove all parts here if you do not wish to use images as your main titles*/
/*h2.weblog, h2.sideblog, h2.tipps, h2.projekte, h2.info, h2.gallery, h2.kontakt, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage, h2.downloadspage, h2.aboutpage{
    height: 23px;
    text-indent: -9999px;
    margin: 0 0 5px 0;
}
h2.weblog{
    background: url(images/01_m_weblog.gif) no-repeat;
}
h2.sideblog {
	background: url(images/01_m_sideblog.gif) no-repeat;
}
h2.tipps {
	background: url(images/01_m_tipps.gif) no-repeat;
}
h2.projekte {
	background: url(images/01_m_projekte.gif) no-repeat;
}

h2.info{
    background: url(images/01_m_info.gif) no-repeat;
}
h2.gallery{
    background: url(images/01_m_gallery.gif) no-repeat;
}
h2.kontakt{
    background: url(images/01_m_kontakt.gif) no-repeat;
}
h2.comments{
    background: url(images/01_m_comments.gif) no-repeat;
}
h2.commentsmade{
    background: url(images/01_comments.gif) no-repeat;
}
h2.addcomment{
    background: url(images/01_m_addcomment.gif) no-repeat;
}
h2.archives{
    background: url(images/01_m_archives.gif) no-repeat;
}
h2.error{
    background: url(images/01_m_error.gif) no-repeat;
}
h2.member{
    background: url(images/01_m_member.gif) no-repeat;
}
h2.sendmessage{
    background: url(images/01_m_sendmessage.gif) no-repeat;
}
h2.searchpage{
    background: url(images/01_m_search.gif) no-repeat;
}
h2.downloadspage{
    background: url(images/01_m_downloads.gif) no-repeat;
}
h2.aboutpage{
    background: url(images/01_m_about.gif) no-repeat;
}*/
/*IMAGE STYLING*/
.img_left {
		padding-right: 5px;
		padding-bottom: 5px;
}

/*FORM STYLING*/
form{
    margin: 0;
    text-align: left;
}
/*Styling for all form fields*/
.formfield{
    /*width: 130px;*/
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    margin: 0 0 2px 0;
    color: #494949;
    border-top: 1px solid #868686;
    border-left: 1px solid #868686;
    border-bottom: 1px solid #D4D2CF;
    border-right: 1px solid #D4D2CF;
}
/*Form fields on focus effect (when user click on that input field)*/
.formfield:focus{
    border: 1px solid black;
}
/*Form's buttons*/
.formbutton{
    font-size: 12px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    margin: 1px 0 0 0;
    padding: 1px 10px;
    color: #494949;
    background: white;
    border-top: 1px solid #D4D2CF;
    border-left: 1px solid #D4D2CF;
    border-bottom: 1px solid #868686;
    border-right: 1px solid #868686;
}
/*Don't show textarea scrollbar on IE*/
textarea{
    /*overflow: hidden;*/
}
/*Wider formfields for comment and mailform*/
.commentform .formfield, .mailform .formfield{
    width: 340px;
}
/*Add background to comment textarea*/
.commentform textarea{
    background: white url(images/01_txbg.gif) center center no-repeat;
}
/*STYLING OF THE FORMS BACKGROUND, AND THE LITTLE ROUNDED TOPS*/
/*Add comment form and mailform (same size)*/
.divaddcomment form, .divsendmessage form{
    width: 390px;
    background: #E2EDF0 url(images/01_mountaintop.gif) top no-repeat;
}
.commentform, .mailform{
    padding: 10px 20px;
}
/*Login form and search form (same size)*/
.login form, .search form{
    width: 184px;
    /*background: #E2EDF0 url(images/01_mountaintop2.gif) top no-repeat;*/
}
.loginform, .searchform{
    padding: 10px;
}
/*THE LIST STYLES*/
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
li{
    padding: 0 0 0 9px;
    margin: 0 0 2px 0;
    background: url(images/01_arrow.gif) 0 6px no-repeat;
}
/*THE SEARCH HIGHLIGHT*/
.highlight{
    font-weight: bold;
    text-decoration: underline;
}
/*FLICKR PHOTOS*/
.flickr img{
    margin-right: 5px;
    border: 1px solid black;
}
.flickr img:hover{
    border: 1px solid white;
}
/*Comment error*/
div.error{
	color: red;
	fon
}
blockquote {
border-left: 5px solid #CC0000;
margin: 1em 0;
padding: 5px 10px;
background: #E2EDF0;
width: 410px;
}
.kastenform { 
	font : 11px/100% "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #000000; 
	width:130px;
}

/* Blogroll */
#bloglist,.misc {
	padding: 0 0 10px 0;
	position: relative;
}
#bloglist {
	margin: 10px 0 0 7px;
	width: 180px;
}
#bloglist li, #bloglist-start li {
	padding: 1px;
	float: left;
	width: 24px;
	list-style: none;
	display: block;
	height: 24px;
}
#bloglist .favicon,#bloglist-start .favicon {
	padding: 2px;
	border: 1px solid #aaa;
	background: #fff;
}

code {
	font-family: "Monaco", "Courier", monospace;
	text-decoration: none;
	font-size: 12px,
}

.code{
	margin: 0 5px 6px 0px;
	padding: 10px;
	border-top: 1px solid #CBCBCB;
	background: #EFF3F6;
	font-size: 12px;
	text-align: left;
	line-height: 1.5em;
	overflow: auto;
}

/* Del.icio.us-Link */
.delicious {
	margin: 0 0 0 10px;
}
.delicious li {
	margin: 3px 0;
	padding: 0 0 0 5px;
	text-align: left;
	border-left: 5px solid #123454;
}
.img {
	padding: 6px;
}

/* Styles f¸r das Flickr-Plugin */
.flickr-album_cat {
	padding: 0;
	width: 410px;
}
.flickr-album {
	float: left;
	width: 145px;
	text-align:left;
	margin-bottom: 15px;
	height: 145px;
}
.flickr-thumbnail {
	padding-right: 20px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: 6px 6px 6px 6px;
	padding: 4px;
	margin-top: 10px;
}
.flickr-title {
	width: 500px;
	/*color: #260;*/
	padding-top: 6px;
}
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	/* Setup opaque background in notes box with browser specific opacity
	 * properties (they aren't valid CSS - sorry).  If having valid CSS is
	 * so important	to you just get rid of the next 4 lines after these
	 * comments (you'll sacrifice the opaque background in the notes
	 * boxes though).
	*/
	background: white;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
}
a.annotation:hover {
	border-color: yellow;
}
h5 {
	font-size: 13px;
	font-color: #23598C;
	margin: 10px 0 3px 0;
	text-align: left;
	text-decoration: underline;
}

/* Leseliste */
#leseliste li{
    background: none;
}
.leseliste li {
width: 190px;
padding: 10px;
height: 140px;
float: left;
overflow: hidden;
}
.leseliste-s li {
float: left; position: relative; padding: 2px
}
.leseliste-img { float: left; margin-right: 10px; margin-left: -5px; }
.c { clear: both; }
.centered {
	text-align:left;
}
.rightalign{
	float: right;
	margin-left: 10px;
	margin-right: -5px;
}
.leftalign {
	float: left;
	margin-left: -5px;
	margin-right: 10px;
}
.inspiration {
	width: 433px;
}
.gravatar{
	width: 40px;
	padding: 2px;
	border: 1px solid #3E565F;
	background: #fff;	
	margin: 5px 10px 5px 5px;
	display:block;
}
.print {
	color: #000000;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	background: #FFFFFF;
	padding: 20px 0 60px 0;
	text-align: left;
}
#kontaktformular {
	width: 400px;
	margin: 0 20px 0 20px;
	text-align: left;
}
.recommended_sites li {
	padding-bottom:4px;
}