/*
Theme Name: Mein erstes Template Adrian
Theme URI: http://webworkblog.net
Description: "Mein erstes Template" is a two column theme for WordPress 2.x.
Version: 1.0
Author: media2null
Author URI: http://webworkblog.net
License: GPL
*/

body {
	background-image:url(./images/background.jpg);
	background-repeat:repeat-x;	
	background-color: #c8c8c8;
}

#page{
	margin-left: 170px;
	margin-top: -8px;
	width: 760px;
	background-color: #ffffff;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#header{
	padding-left: 20px;
}

#main{
	padding-left: 20px;
	font-family: Arial;
}

#inhalt{
	float: left;
	width: 500px;
	margin-top: 10px;
}

#ueberschrift{
	font-size: 20px;
	padding-left: 10px;
}

#datum{
	font-size: 12px;
	color: #777777;
	padding-left: 10px;
}

#text{
	font-size: 16px;
	padding-left: 10px;
}

#obere_navi{
	margin-bottom: 80px;
}

#obere_navi_links{
	background-image: url(./images/obere_navi_links.jpg);
	background-repeat: no-repeat;
	width: 16px;
	height: 52px;
	float: left;
	display: inline;
	margin-top: 0px;
}

#obere_navi_mitte{
	display: inline;
	float: left;
	margin-left: -39px;
	margin-top: 0px;
	height: 53px;
}

#obere_navi_mitte a:link{
	color: #ffffff;
}

#obere_navi_mitte a:visited{
	color: #ffffff;
}

#obere_navi_mitte a:active{
	color: #ffffff;
}

#obere_navi_rechts{
	background-image: url(./images/obere_navi_rechts.jpg);
	background-repeat: no-repeat;
	width: 16px;
	height: 52px;
	display: inline;
	float: left;
	margin-left: 1px;
	margin-top: 0px;
}

#suche{
	margin-bottom: 10px;
}

#navi{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

#navi ul{
	list-style: none;
}

#navi_oben{
	background-image: url(./images/background_navi_oben.jpg);
	background-repeat: no-repeat;
	width: 205px;
	height: 9px;
}

#navi_mitte{
	background-image: url(./images/background_navi_mitte.jpg);
	background-repeat: repeat-y;
	padding-left: 10px;
	padding-top: 1px;
	width: 205px;
	margin-top: 0px;
	font-size: 0.8em;
}

#navi_mitte a:link{
	color: #0368cd;
	text-decoration: none;
}

#navi_mitte a:visited{
	color: #0368cd;
	text-decoration: none;
}

#navi_mitte a:active{
	color: #0368cd;
	text-decoration: none;
}

#navi_mitte ul{
	list-style-image: url(./images/li_zeichen.jpg);
}



#navi_unten{
	background-image: url(./images/background_navi_unten.jpg);
	background-repeat: no-repeat;
	width: 205px;
	height: 156px;
}

/*
 * Hier der Teil für die obere Navi
 

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

#obere_navi_mitte li {
	float:left;
	width:94px;
	margin:0;
	padding:0;
	text-align:center;
}
#obere_navi_mitte li a {
	display:block;
	padding:12.5px 10px 5px;
	height:25px;
	color:#ffffff;
	text-decoration:none;
	border-right:1px solid #ffffff;
}
#obere_navi_mitte li a {
	background:url(./images/bg.jpg) repeat 0 0;
}
#obere_navi_mitte li a:hover {
	background-position:50px 0;
}

#c a {background:url(./images/bg3.jpg) repeat 0 0;}

/*
 * Hier endet der Teil für die Navi
 */

/*
 * Meine alternative obere Navi
 */

#obere_navi_mitte ul {
	list-style: none;	
}

#obere_navi_mitte li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	border-color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#rollovermenu a {
padding: 17px 15px 17px 16px;
overflow: hidden;
background: url(./images/rollovermenu.gif) 0px 0px no-repeat;
text-decoration: none;
} 

#rollovermenu a:hover {background-position: 0px -53px; text-decoration: none;}

#rollovermenu a:active {background-position: 0px -106px; text-decoration: none;} 

#commentform textarea {
	width: 100%;
}

#s {
	width: 55%;
}

#footer{
	width: 500px;
	padding-left: 20px;
}

h1 {
	font-size: 1.4em;
}
	
h2 {
	font-size: 1.2em;
}

.cat-item{
	color: #0368cd;
}

.cat-item a:link{
	color: #0368cd;
	text-decoration: none;
}

.cat-item a:visited{
	color: #0368cd;
	text-decoration: none;
}

.cat-item a:active{
	color: #0368cd;
	text-decoration: none;
}

.post{
	font-size: 0.8em;
}

.post a:link{
	color: #333333;
	text-decoration: none;
}

.post a:visited{
	color: #333333;
	text-decoration: none;
}

.post a:active{
	color: #333333;
	text-decoration: none;
}

.infos{
	font-size: 0.8em;
	color: #777777;
	margin-top: -8px;
}

.infos a:link{
	color: #333333;
}

.infos a:visited{
	color: #333333;
}

.infos a:active{
	color: #333333;
}

.track_link{
	font-size: 0.8em;
}

.track_link a:link{
	color: #333333;
}

.track_link a:visited{
	color: #333333;
}

.track_link a:active{
	color: #333333;
}

.seiten_wechsel {
	margin-top: 70px;
	font-size: 0.8em;
	color: #333333;
}

.seiten_wechsel a:link{
	color: #333333;
}

.seiten_wechsel a:visited {
	color: #333333;
}

.seiten_wechsel a:active {
	color: #333333;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border: none;
	}
	

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */