/*

Theme Name: Typography
Theme URI: http://www.kaushalsheth.com
Description: Two column Imageless template.
Version: 1.0
Author: Kaushal Sheth

*/

body {
	font: 62.5%/1.6em Arial, "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color: #627882;
	margin:0;
	padding: 20px 0;
	background-image: url(img/body-hintergrund.jpg);
	background-repeat: repeat-x;
}

* {
	margin:0;
	padding:0;
}

a {
 color:#000;
 -moz-outline-style: none;
 	}

a:visited {
 color:#000;
	}

img {
	border: solid 0px #fff;
	}


h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:3.8em;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;

	}

h1 a {
	text-decoration:none;
	color:#333;
	}

#brotkrumme {
	padding:4px 0 0 4px;
	color: #fff;
	line-height: 10px;
	font-size: 10px;
	}

#brotkrumme a {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	}
#brotkrumme a:link {
	color: #fff;
	text-decoration: none;
	}
#brotkrumme a:hover {
	color: #ffd63c;
	text-decoration: none;
	}


span.datumposting {
	display: inline-block;
	font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #627882;
	padding: 10px 0 0 0;
	}
span.autorennennung {
	font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #627882;
	padding: 0;
	margin: 0;
	}




#footer {
	padding:20px 0 0 25px;
	text-align:left;
/*	border-top:1px solid #fff;*/
	margin:0;
	color:#999;
}

#footer a, #footer a:link, #footer a:visited {
 font-size: 9px;
 text-decoration: none;
 color: #9EC4D4;
}

#footer a:hover {
 font-size: 9px;
 text-decoration: none;
 color: #ffa900;
}

#header {
/*	border-top:20px solid #BCE77C; */
	background-image: url(img/header-hintergrund.gif);
	background-repeat: no-repeat;
	height: 120px;
	width: 760px;
}

#header .description {
	float:right;
	margin:45px 0 0 0;
	color:#222;
}

#header h1 {
	margin:15px 0 0 0;
	padding:25px 25px 40px 0;
/*	border-bottom:20px solid #fafafa; */
}

#wrapper {
	width:760px;
	margin:0 auto;

}

#nav {
	border-bottom:1px solid #eee;
	padding:7px 0;
	margin:0;
	border-top:1px solid #eee;
	height:28px;
}

#nav li {
	float:left;
	list-style:none;
}

#nav li a {
	color:#999;
	padding:5px 5px 7px 5px;
	background:#fff;
	font:1.6em Trebuchet MS;
	margin:1px 2px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li a:hover {
	background-color:#eee;
	color:#333;
	text-decoration:none;
}

#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

.clear {
	clear:both;
}

#content {
	margin:10px 205px 0 0px !important;
	margin:10px 207px 0 0px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	padding:10px 25px 30px 25px;
	background-color: #fff;

}



#content2 {
	margin:10px 15px 0 0px !important;
	margin:10px 50px 0 0px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	padding:10px 25px 30px 25px;
	background-color: #fff;
	width: 500px;
}


#content p, #content2 p {
/*	line-height:25px;*/
	margin:15px 0;
	font-size:110%;
	word-spacing:2px;
}


#content a, #content2 a{
	text-decoration:none;
	color:#0082cb;
}

#content a:hover, #content2 a:hover{
	color:#ffa900;
	text-decoration:none;
}

#content h2, #content2 h2{
	font-family:"Times New Roman", Times, serif;
	font-size:2.8em;
        line-height:1.1em;
	font-weight:normal;
	margin:5px 0;
/*	border-bottom:1px solid #f6f6f6; */
	padding:5px 0;
}

#content h2 a, #content2 h2 a {
	color:#444;
	text-decoration:none;
	border:none;
}




#sidebar {
	margin-top:10px;
	width:170px;
	float:right;
	padding:10px 10px 30px 10px;
	border:1px solid #fff;
}

#sidebar h2 {
/*	letter-spacing:2px; */
	font-size:1.2em;
	color:#627882;
/*	border-bottom:1px solid #f6f6f6; */
	padding:0 0 0px 0;
}

#sidebar h2.suchenh2 {
	color: #fff;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:0px;
/*	border-bottom:1px solid #f6f6f6; */
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

.suchbutton {
	width:40px;
	height: 17px;
	padding:0 0 1px 0;
	color: #fff;
	background-image: url(img/suchbutton.gif);
	background-color: #9a6;
	border:1px solid #fff;
/*	line-height: 17px;*/
	font:11px Verdana;
	}

.suchfeld {
	width:125px;
	padding:1px 0 1px 0px;
	background-color: #c5cfd3;
	color:#444;
/*	margin:5px;*/
	border:1px solid #fff;
	font:11px Verdana;
/*	line-height: 12px; */
	}

#sidebar input:focus {
	background:#fff;
/*	border:1px solid #eee; */
}

#sidebar li a:hover {
	color: #f29000
}

p.news {
	padding:5px;
	background:#a9bdd1;
	margin:0 0 10px 0;
	color:#fff;
	border:1px solid #009ada;
}

.news a {
/*	color: #009ada; */
	color: #000;
	text-decoration: bold;}
.news a:link {
/*	color: #009ada; */
		color: #000;
	text-decoration: bold;}
	.news a:visited {
	/*	color: #009ada; */
			color: #000;
		text-decoration: bold;}
.news a:hover {
	color: #f29000;
	text-decoration: bold;
	}



blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}


#content2 ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}


#content2 li {
	padding:10px;
	border-bottom:1px solid #eee;
}

img {
/*	background:#ccc;*/
/*	padding:1px;*/
/*	border:5px solid #eee;*/
}

#content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

#content2 h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}




input {

	border: 1px solid #CCC;
	font-size: 11px;
}

input:hover {
	border:1px solid #262626;

}
input:focus {
	border:1px solid #262626;
	color:#333;
}


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 0px;
border-top:1px solid #9EC4D4;
/*background-color:#f5f5f5; */
font-size:0.9em;
color:#505050;
}



/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 300px;
}

#commentform textarea {
background: #f6f9fb;
border: 1px solid #758992;
width: 420px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #758992;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f6f9fb;
border: 1px solid #758992;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #fff;
border: 1px solid #758992;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #fff;
border: 1px solid #758992;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
background: #f5f7f8;
padding: 2px;
border: 1px solid #758992;
}

#sidebar li
{
list-style:none;
}

/* Diese Styles befinden sich in comments.php */

.pflichtfeld {
/*	color: red;*/
	font-weight: bold;
}

/*	kb videolinks mit Icon , teaser */
a.txtvideolink {
background:;
background-image: url(img/icon-blog-video.gif);
background-repeat:no-repeat;
background-position:30px 0px;
width: 50px;
padding: 0 20px 0 0;
	color: #000;
	text-decoration: bold;
	}

a.teaservideolink img {
border: 0;
}


/* simple tag tagcloud links */
div#tagcloud a {
text-decoration:none;
}
div#tagcloud a:hover {
text-decoration:none;
color: #ff9900;
}
/********* Related Posts *********/
#stprelated { margin-top: 30px; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#stprelated h3 { margin:0; padding:0; font-size: 90%; }
#stprelated ul { margin: 0; padding:0; font-size: 90%; }
#stprelated ul li { margin: 0; padding:0 0 0 15px;  }

/********* Related Tags *********/
li#relatedtags ul li {
	text-indent: 0;
	list-style:none;
	background: 0 none;
	font-size: 120%;
}
li#relatedtags ul li:before {
	content: "";
}
li#relatedtags ul li span {
	margin-right: .5em;
}