/*
Theme Name: Teichert-Design
Theme URI: http://www.teichert-design.de/
Description: First perfect optimiced Wordpress Template <a href="http://www.teichert-design.de/">Teichert-Design</a>.
Version: 1.0
Author: Michael Teichert
Author URI: http://www.teichert-design.de/
Tags: porno, cool, stylish, webdesign, michi ist der beste
*/

/*
         Notiz an mich selbst

         grauer hintergrund / evtl leichtes muster
         weisse content boxen mit hell grauem border
         �berall ein Keyvisual - rundum ca. 10 - 15 px padding
         schr�ges Logo
         Footer 3 Spalter / Kontakt / Links / Kategorien oder so
         Gro�es Bild im head Bereich mit Muster�berlagerung
         gro�e Vektor Grafiken (istockPhoto)
         gro�e 
 / Verlauf / Hover
         Wordpress Infos aus Quelltext l�schen
         Projektslider mit jQuery - wie ein Mosaik jCarousel gro�e Pfeil Icons
         Webdesigner, die Zeit für ihre eigene Website haben,
sind genauso verdächtig wie Vermögensberater, 
die noch arbeiten müssen ...

	trebuchet MS schriftart


*/
body {
        margin: 0;
        padding: 0;
		font-size: 12px;
		line-height: 18px;
		color: #333;
		font-family: Verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;
 		background: #e5e5e5 url(images/body-bg.jpg) center top no-repeat;
}

a {
	color: #21759B;
	outline: none;
}


img {
	border: none;
}

#page {
        width: 1000px;
        margin: 0 auto;

}

#content {
        float: left;
        width: 687px;
        margin: 0;
        padding: 200px 40px 50px 2px;
		min-height: 400px;
}

#footer {

		clear: both;
        background: #21759B url(images/footer-bg.jpg) repeat-x;
        color: #fff;
		min-height: 400px;
		border-top: 1px solid #464646;
		padding: 20px;
}


#footer a {
	color: #fff;
	text-decoration: none;
}


#footer h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Trebuchet MS, Verdana;
}


#footer ul {
	margin: 0;
	padding: 0;
	width: 250px;
}

#footer ul li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	padding-left: 10px;
}

#footer ul li a:hover {
	background: #419ac2;
}




.categories ul li {
	margin: 0 0 0 20px;
}


hr {
        clear: both;
        border: none;
        width: 1000px;
        margin: 0;
        padding: 0;
}


h2 {
	margin: 0 0 0 0;
	padding: 0 0 15px 0 !important;
	text-transform: uppercase;
	font-family: Trebuchet MS, Verdana;
	color: #21759B;
}
h2 a {
	color: #21759B;
	text-decoration: none;
}



#sidebar {
        float: left;
        width: 250px;
        margin: 200px 0 0 0;
         border: 1px solid #c8c8c8;
}



#sidebar ul {
         background: #f8f8f8;
		 margin: 0 0 0 0;
         padding: 0 10px 15px 15px;
		 list-style: none;
}

#sidebar h2.widgettitle {
	text-transform: uppercase;
	color: #21759B;
	text-decoration: none;	
	font-family: Trebuchet MS, Verdana;
	text-transform: uppercase;
	padding: 15px 0 10px 0 !important;
	margin: 0 0 0 0 !important;
}

#sidebar a {
	text-decoration: none;
}


.pagetitle {
	text-transform: uppercase;
	color: #21759B;
	text-decoration: none;	
	font-family: Trebuchet MS, Verdana;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 15px 0 !important;	
}


/* SUB NAVI */


.navigation {
	width: 100%;
	margin-bottom: 50px;
}

.alignright {
	float: right;
}

.alignright a {
	text-decoration: none;
	line-height: 23px;
	display: block;
	padding: 0 30px 0 0;
	color: #686868;
	background: url(images/right.png) right top no-repeat;
}

.alignleft {
	float: left;
	line-height: 23px;
}

.alignleft a {
	text-decoration: none;
	line-height: 23px;
	display: block;
	padding: 0 0 0 30px;
	color: #686868;
	background: url(images/left.png) no-repeat;
}



/*HEADER
========================================================== */

#header {
        position: fixed;
		width: 100%;
		z-index: 9999;
       	height: 62px;
		/* background: #e5e5e5; */
	   	/* border: 1px solid blue; */
		background: transparent url(images/navi-bg.png) repeat-x;
		border-bottom: 1px solid #464646;
}

#headerimg {
        position: absolute;
        top: 0;
        left: 0;	
		width: 760px;
		height: 160px;
		font-family: Trebuchet MS, Verdana;
		background: url(images/headline.png) no-repeat;
}

#headerimg h1 {
	margin: 0;
	padding: 0;
	display: none;
}

#headerimg h1 a {
	text-transform: uppercase;
	color: #21759B;
	text-decoration: none;
}

#headerimg .description {
	color: #464646;
	display: none;
}

/*MAINNAVI
========================================================== */

.mainNavi {
       	
	    position: absolute;
        top: 0;
        right: 50%;
		width: 500px;
        margin: 12px -585px 0 0;
        padding: 0;
        list-style: none;
}


.mainNavi li {
        float: left;
        margin: 0 0 0 4px;
		line-height: 40px;
		width: 100px;
		text-align: center;
}

.mainNavi li a {
	/* font-family: Times; */
	font-family: Trebuchet MS, Verdana;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	color: #464646;
	text-decoration: none;
}

.mainNavi li a:hover {
	background: #21759B url(images/navi.jpg);
	color: #fff;
}

.current_page_item a {
	background: #21759B url(images/navi.jpg);
	color: #fff !important;
}

.post {
         background: #f8f8f8;
         border: 1px solid #c8c8c8;
         margin: 0 0 40px 0;
         padding: 15px;
		 position: relative;
}

.post h2 {
	margin: 0 0 0 0;
	padding: 0 0 15px 0 !important;
	text-transform: uppercase;
	font-family: Trebuchet MS, Verdana;

	width: 400px;
	color: #21759B;
}
.post h2 a {
	color: #21759B;
	text-decoration: none;
}

.hentry h3 {
	text-transform: uppercase;
	font-family: Trebuchet MS, Verdana;
}

.hentry h3 a {
	text-decoration: none;
}

.post small {
	display: none;
	/* background: #474747;
	color: white; */
}


.post_foot {
	background: url(images/navi-over.png) repeat-x;
	line-height: 30px;
	color: #464646;
	margin: 0 -15px -15px -15px;
	padding: 0 15px 0 15px;
}

.post_foot a {
	color: #464646;
	letter-spacing: 1px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
}

.inhalt p {
	width: 430px;
	padding: 0 20px 10px 20px;
}

.inhalt p em {
	margin: 0 0 0 -20px;
	padding: 0 0 10px 0 !important;
	font-weight: normal;
	color: #000;	
}


/* ADD THIS */

.addthis_container {
	position: absolute; 
	bottom: 7px;
	right: 15px;
}


.entry {
	
}

/* ZWEITE SPALTE */


.spalte2 {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 160px;
}

.spalte2 h2 {
	margin-left: -20px;
}

.spalte2 h3 {
	margin: 0 0 0 -20px;
	font-family: Trebuchet MS, Verdana;
	padding: 0 0 0 0;
	color: #464646;
	font-size: 12px;
}

.spalte2 ul {
	margin: 0;
	padding: 10px 0 0 0;	
}

.spalte2 ul li {
	list-style-image: url(images/haken.gif);
}

.spalte2 ul li a {
	color: #21759B;
	text-decoration: none;
}


/* TAG LISTS */

.tag_list {
	position: absolute;
	top: 47px;
	right: 45px;
}

.tag_list h3 {
	margin: 0 0 0 -20px;
	font-family: Trebuchet MS, Verdana;
	padding: 0 0 0 0;
	color: #464646;
	font-size: 12px;
}

.tag_list ul {
	margin: 0;
	padding: 10px 0 0 0;	
}

.tag_list ul li {
	list-style-image: url(images/haken.gif);
}

.tag_list ul li a {
	color: #21759B;
	text-decoration: none;
}

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

.wp-pagenavi {
	clear: both;
	margin-bottom: 40px;
}


/* KONTKAT FORMULAR */

form dl, dl.labels {
		margin:0em;
		font-size:100%;
		margin-top:0.5em
	}
	
	form dt, dl.labels dt {
		float:left;
		width:7em;
		margin-bottom:0.8em;
		color:#555;
		text-align:right;
		font-weight:400;
		position:relative /*IEWin hack*/
	}
	
	form dd, dl.labels dd {
		margin-left:7.5em;
		margin-bottom:0.8em;
	
		font-style:normal;
		text-align:left;
		padding-left:0.5em
	}
	
	form dd.submit, dl.labels dd.submit  {
		margin-top:2em
	}
	
	.error_msg {
		font-weight:700;
		color:#C33;
	}
	
	.pxs_css_spamcheck {
		display: none !important;
	}
	
	.y_name, .y_email, .y_name, #blog {
		border: 1px solid #646464;
		width: 335px;
		padding: 4px;
	}
	
	textarea {
		border: 1px solid #646464;
		width: 335px;
		font-family: verdana;
		font-size: 11px;
		padding: 4px;
	}

.error_msg {
	padding-bottom: 20px;
}


.widecolumn {
	padding-top: 150px !important;
}
.narrowcolumn {
	/* padding-top: 118px !important;	*/
}