/*  
--------
Code&Design by Mike Haag(Leafing Webdesign)
for more Infomation visit http://leafing.de
--------------------------------
Version: 		1.1
Date:       26.06.2010
License: 		Copyright by Mike Haag(Leafing Webdesign) - All Rights Reserved
If there is a Question or any Feature Request use our Contactform:
http://mike-haag.de/pages/kontakt.php
--------
*/

/*====================================================================================*/
/*=====================================    Reset    ==================================*/
/*====================================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {}
:focus {outline: 0;}
body {line-height: 1;color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*====================================================================================*/
/*================================    Sitedesign    ==================================*/
/*====================================================================================*/

/*================================== Seiten-Aufbau  ==================================*/
*{padding:0; margin:0;}
body {font-size:12px; background:#F0F3EC url(./img/bg.jpg) repeat; font-family:helvetica;font-size:12px;} 
.seite-container {width:1000px; margin:0px auto; margin-top:0px; margin-bottom:10px; border:solid 0px #000000;}
.seite {clear:both; width:1000px; background:#F0F3EC url(./img/bg_seite.png) repeat-y; overflow:visible !important; overflow:hidden;}
.seite-inhalt {display:inline; position:relative; float:left; width:606px; margin:-10px 0 0 72px; overflow:visible !important; overflow:hidden;}
.seite-box {display:inline; position:relative; float:right; width:280px; margin:0px 10px 0 0px; overflow:visible !important; overflow:hidden;}
.seite-end {clear:both; position:relative; z-index:133; margin:20px 0 0 0; width:1000px; height:130px; padding:1.0em 0 1.0em 0; background:#F0F3EC url(./img/bg_seite_end.png) no-repeat; overflow:visible !important; overflow:hidden;}
/*================================== Header-Aufbau  ==================================*/
.header {width:1000px;}
.header-banner {width:1000px; height:410px; background: url(./img/bg_banner.png) repeat; overflow:visible !important; overflow:hidden;}
.header-ende {clear:both; width:1000px; padding:1.0em 0 1.5em 0; background:transparent url(./img/bg_header-ende.png) repeat;}
/*================================== Werbung ==================================*/
.werbung{width:400px; height:100px; position:absolute; z-index:50; margin:10px 0 0 550px; overflow:visible !important; overflow:hidden;}
/*================================== Leafing ==================================*/
.werbung-leafing{width:350px; height:50px; position:absolute; z-index:150; margin:250px 0 0 620px; overflow:visible !important; overflow:hidden;}
/*================================== Seite-wo ==================================*/
.seite-wo {width:600px; height:120px; position:absolute; z-index:3; margin:240px 0 0 110px; overflow:visible !important; overflow:hidden;}
.seite-wo h1{font-size:26px; color:#443622;}
.seite-wo p{font-size:16px; padding:0px 7px 7px 27px; color:#f2f2f2;}
.stag_class{padding: 7px 7px 7px 7px;}
/*================================== Navigation ==================================*/
.navigation {width:280px; height:120px; position:absolute; z-index:3; margin:170px 0 0 720px; overflow:visible !important; overflow:hidden;}
.navigation-blog {width:170px; height:55px; position:absolute; z-index:3; margin:10px 0 0 50px; overflow:visible !important; overflow:hidden;}
.navigation-about {width:200px; height:55px; position:absolute; z-index:3; margin:10px 0 0 235px; overflow:visible !important; overflow:hidden;}
.navigation-kontakt {width:260px; height:55px; position:absolute; z-index:3; margin:10px 0 0 460px; overflow:visible !important; overflow:hidden;}
.navigation-suche {width:260px; height:55px; position:absolute; z-index:3; margin:25px 0 0 760px; overflow:visible !important; overflow:hidden;}
/*================================== Box  ==================================*/
.box {width:270px; margin:0 0 2.0em 0; padding:0 0 15px 0; border:none; background:none;}
.textwidget {padding:15px 0 15px 0; border:none; background:none;}
/*================================== Info-Box  ==================================*/
.designbox {float:left; width:98%; position:relative; padding:7px; background:#EDEDED; border:solid 2px #D3D3D3;}
.infobox {float:left; width:500px; position:relative; padding:7px; background:#FFF0AD; border:solid 2px #FFD000;}
.rightbox {float:left; width:500px; position:relative; padding:7px; background:#C6FFC6; border:solid 2px #70CC00;}
.falsebox {float:left; width:500px; position:relative; padding:7px; background:#FFC1C1; border:solid 2px #D10000;}
/*====================================================================================*/
/*=====================================    Text    ==================================*/
/*====================================================================================*/

/*================================== Globale Links ==================================*/
.seite {color:#5B5B5B;}
.seite a {color:#5B5B5B; font-weight:bold; text-decoration:none;}
.seite-inhalt h1 a {color:#5B5B5B; font-weight:normal; text-decoration:none;}
.seite a:hover {color:#7A7A7A; text-decoration:underline;}
.seite a:visited {color:#5B5B5B;}
.seite a img {border:none;}
.seite a:hover img {border:none;}
/*================================== Inhalt-Formatierung ==================================*/
.seite-inhalt h1 {clear:both; margin:1.0em 0 0.5em 0;  color:#5B5B5B; font-weight:normal; font-size:26px}
.seite-inhalt h2 {clear:both; margin:1.0em 0 0.5em 0;  color:#5B5B5B; font-weight:normal; font-size:22px}
.seite-inhalt h3 {clear:both; margin:-1.0em 0 0.5em 0;  color:#5B5B5B; font-weight:normal; font-size:20px}
.seite-inhalt h4 {margin:1.5em 0 1.0em 0; color:#5B5B5B;  font-weight:normal; font-size:16px}
.seite-inhalt h5 {margin:1.5em 0 1.0em 0; color:#5B5B5B;  font-size:14px}
.seite-inhalt h6 {margin:1.2em 0 0.2em 0; color:#5B5B5B; font-weight:bold; font-size:14px}
.seite-inhalt p {margin:0 0 1.0em 0; line-height:1.5em; color:#666666;}
.seite-inhalt p.center {text-align:center;}
.seite-inhalt p.right {text-align:right;}
.seite-inhalt blockquote {clear:both; padding: 7px 7px 7px 7px; margin:0 30px 0.6em 30px; background:#303030; border: solid 2px #f2f2f2; font-family:Courier New; font-size:12px; color:#f2f2f2;}
.seite-inhalt code {clear:both; margin:0 30px 0.6em 30px; background-color:#6B6B6B; color:#ffffff;}
.seite-inhalt table {clear:both; width:99%; margin:2.0em 0 0.2em 0px;}
.seite-inhalt table th.top {height:3.5em; padding:0 7px 0 7px;}
.seite-inhalt table th {height:3.0em; padding:2px 0px 2px 7px;}
.seite-inhalt table td {height:3.0em; padding:2px 7px 2px 7px;}
p.caption {clear:both; margin:0.5em 0 2.0em 0px; text-align:left; color:#000000;}
.seite-inhalt ul {list-style:none; margin:0.5em 0 1.0em 0;}
.seite-inhalt ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(./img/list-icon.png) no-repeat 0 0.5em; line-height:1.4em;}
.seite-inhalt ol {margin:0.5em 0 1.0em 20px !important; margin:0.5em 0 1.0em 25px;}
.seite-inhalt ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em;}
input:hover, textarea:hover {border:solid 1px #2B64B1;color:#666666; font-weight:normal; font-size:18px;}
input:focus, input:active, textarea:focus, textarea:active { border: 2px solid #2C85DC; color:#666666; font-weight:normal; font-size:18px;}
input.s {width:180px; background: #FFFFFF; padding: 2px; margin: 3px 0 20px 0; border: 1px solid #BBBBBB;color:#666666; font-weight:normal; font-size:18px;}
input {width:300px; height:30px; background:#FFFFFF; padding: 2px; margin: 3px 0 20px 0; border: 1px solid #BBBBBB;color:#666666; font-weight:normal; font-size:18px;}
textarea {width:300px; background: #FFFFFF; padding: 2px; margin: 3px 0 20px 0; border: 1px solid #BBBBBB; color:#666666; font-weight:normal; font-size:18px;}
/*================================== Boxen-Formatierung ==================================*/
.box h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px;  color:#404040; font-weight:bold; font-size:18px;}
.box h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:#404040; font-weight:bold;}
.box p {clear:both; margin:0 0 0.3em 1.0em; color:#604A35; line-height:1.3em; font-size:12px;}
.box p.center {text-align:center;}
.box p.right {text-align:right;}
.box ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.box ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(./img/list-icon.png) no-repeat 0 0.4em; line-height:1.2em;}
.box ol {margin:0.5em 10px 1.0em 30px !important ; margin:0.5em 10px 1.0em 35px ;}
.box ol li {list-style-position:outside; margin:0 0 0.4em 0;}
/*================================== Seite-Ende ==================================*/
.seite-end{ font-size:14px;}
.seite-end p{margin:53px 0 0 112px; line-height:1.5em;}
.seite-end p.sec{margin:3px 0 0 119px;font-size:12px; line-height:1.5em;}
/*================================== Boxen-Formatierung ==================================*/
.box h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px;  color:#404040; font-weight:bold; font-size:18px;}
.box h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:#404040; font-weight:bold;}
.box p {clear:both; margin:0 0 0.3em 1.0em; color:#604A35; line-height:1.3em; font-size:12px;}
.box p.center {text-align:center;}
.box p.right {text-align:right;}
.box ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.box ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(./img/list-icon.png) no-repeat 0 0.4em; line-height:1.2em;}
.box ol {margin:0.5em 10px 1.0em 30px !important ; margin:0.5em 10px 1.0em 35px ;}
.box ol li {list-style-position:outside; margin:0 0 0.4em 0;}
/*================================== Footer ==================================*/
.seite-end p {float:left; position:absolute; z-index:4; margin:0px 0 0 75px; overflow:visible !important; overflow:hidden;  color:#666666; font-weight:bold; font-size:12px;}
.seite-end p.designed {font-weight:normal;}
.seite-end a {color:#666666;}
.seite-end a:hover {text-decoration:underline; color:#404040;}
.seite-end a:visited {color:#666666;}
.seite-end a img {border:none;}
.seite-end a:hover img {border:none;}

/*====================================================================================*/
/*================================  Wordpress-Stuff    ===============================*/
/*====================================================================================*/
h4.comments{width:75px;	height:55px;	padding:20px 0 0 0;	margin:0 0 5px 0;	color:#f2f2f2;	text-align:center;	font-weight:normal;	font-size:24px;	float:right;	background:url(img/bgr_post_comment.png) no-repeat;}

#commentform{
	width:400px;
}

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

#commentform textarea {
	width: 350px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	width:85px;
	height:35px;
	padding:0;
	}
/* End Form Elements */



/* Begin Comments*/

h2#comments{
	font-size:27px;
	color:#000;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(images/bgr_post_title.png) repeat-x left bottom;
	padding:0 0 23px 5px;
	margin:0 0 10px 25px;
}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin:0 0 0 25px;
	}

.commentlist .comment {
	margin: 15px 0 0 0;
	padding: 10px 15px 20px 15px;
	list-style: none;
	background:#EDEFEA;
	border:1px solid #DEDEDE;
	}

.commentlist .alt {
	background:#E3E5E0;
	}

.commentlist .comment .comment {
	margin: 15px 15px 15px 15px;
	padding: 10px 15px 20px 15px;
	width:auto;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	line-height:18px;
	}
.commentmet_data{
	width:100%;
	overflow:hidden;
}
.commentmet_data td{
	vertical-align:top;
	text-align:left;
}
.commentmet_avatar{
	width:102px;
	padding:15px 0 0 0;
}
.commentmet_text{
}
.commentmet_avatar img{
	border:1px solid #000;
}

#commentform p {
	margin: 5px 0;
	}

.commentmet_replay{
	width:100%;
	overflow:hidden;
}
.commentmet_replay a{
	float:right;
	display:block;
	text-indent:-9999px;
	text-transform:capitalize;
	background:url(images/button_replay.gif) no-repeat;
	width:79px;
	height:20px;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	padding:0 0 5px 0;
	color:#636363;
	font-weight:bold;
	font-size:15px;
	font-family:Tahoma, Geneva, sans-serif;
	text-transform:capitalize;
	}
.commentmetadata a{
	color:#303030;
}
.commentmetadata span{
	color:#303030;
}

.commentmet_text{
	font-size:12px;
}

#respond{
	margin:40px 15px 0 25px;
	padding:15px;
	background:#EBEDE8;
}

h3#respond_title{
	font-size:27px;
	color:#000;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(images/bgr_post_title.png) repeat-x left bottom;
	padding:0 0 23px 5px;
	margin:0 0 20px 0;
}

#commentform{
	margin-left:25px;
	color:#000000;
	font-size:12px;
	width:90%;
}

#commentform small{
	position:relative;
	top:-1px;
	font-size:12px;
}
#cancel-comment-reply-link{
	font-size:12px;
	color:#000000;
}

#commentform a{
	color:#000000;
}

#commentform input{
	background:#fff;
	border:2px solid #d0cdbc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	color:#000000;
}

#commentform textarea{
	background:#fff;
	border:2px solid #d0cdbc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px;
	margin:5px 0 0 0;
	color:#000000;
}

#commentform input#submit{
	background:none;
	border:0px;
}