/* ------------------------------- :::: revier GmbH 2007 :::: ------------------------------- */
body {
	margin : 0 0 20px 0;
	padding : 0;
	text-align : center;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #6B6B6B;
	background : #fff;
	line-height : 130%;
	background: #F4EFE4 url(images/bg.gif) repeat-x;
}

/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN S T A R T = = = = = = = = = = */
a:link, a:visited {
	text-decoration : none;
	color : #A2224C;
}
a:hover {
	text-decoration : none;
	color : #6B6B6B;
}
ul {
	margin : 0;
	padding : 8px 0 0 16px;
}
li {
	padding : 0 0 4px 0;
} 
p {
	margin : 0 0 20px 0;
}
.clear {
	clear : both;
}
h1 {
	margin : 0;
	padding : 0;
	font-size : 16px;
	color : #6B6B6B;
}
h2 {
	margin : 0 0 15px 0;
	padding : 0;
	font-size : 16px;
	color : #ccc;
}
hr {
	height : 0;
	border-top : 0;
	border-bottom : 1px dotted #B3B3B3;
}
.valign {
	vertical-align : middle;
}
form {
	margin: 0;
	padding: 0;
}
.druck {
	display: none;
}
/* = = = = = = = = = = ALLGEMEINE DEFINITIONEN E N D E = = = = = = = = = = */

/* = = = = = = = = = = = = = = = =  GRUNDAUFBAU  S T A R T = = = = = = = = = = = = = */
.zentriert {
	margin : 0 auto;
	width : 808px;
	text-align : left;
	background: #F4EFE4 url(images/bg-mitte.gif) repeat-y; 
}

/* = = = = = = = = HEADER ANFANG = = = = = = = = */
.header {
	width: 808px;
	height: 288px;
	background: url(images/header-bg.jpg) no-repeat #F4EFE4;
}
.rekru {
	height:110px;
        padding: 84px 0 0 62px;
}
.rekru img { border: none;}
.container-rechts {
	float:left;
	margin-left:3px;
}

.container-menu { float:left; }

.container-mitte { 
	width:758px;
        padding: 40px 0 0 50px;
	float:left;
	background: url(images/footer-bg.jpg) 0 bottom no-repeat; 
}

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

/* = = = = = = = = LOGOS ANFANG = = = = = = = = */
.container-menu img { border:0; }

.menupkt1,.menupkt2,.menupkt3,.menupkt4 { float:left; }

.menupkt1 { padding: 16px 0 0 99px; }
.menupkt2 { padding: 15px 0 0 62px; }
.menupkt3 { padding: 4px 0 0 55px; }

/* = = = = = = = = LOGOS ENDE = = = = = = = = */

/* = = = = = = = = NAVIGATION ANFANG = = = = = = = = */
.navi { width: 200px; }

.navi ul {
	margin : 0;
	padding : 0;
	list-style : none;
}
.navi li a:link, .navi li a:visited {
	display: block;
	padding: 5px 5px 5px 60px;
	color: #A2224C;
}
.navi li a:hover { display : block; color: #6B6B6B;}

.navi li a.home { background: url(images/nav-home.gif) no-repeat; }
.navi li a.kat { background: url(images/nav-kategorie.gif) no-repeat; }
.navi li a.rss { background: url(images/nav-feed.gif) no-repeat; }

/* = = = = = = = = NAVIGATION ENDE = = = = = = = = */
.kattop {
        height: 9px;
        margin: 5px 0 0 0;
        background: url(images/box-oben.gif) no-repeat #F4EFE4;
}
.kategorien {
        width: 174px;
        padding: 8px 0 8px 26px;
        background: url(images/box-unten.gif) 0 bottom no-repeat #F4EFE4;
}
.kategorien h1 {
	margin-bottom: 14px;
	font-size:16px;
	font-weight:lighter;
	color: #A2224C;
}
.kategorien li a:link, .kategorien li a:visited {
	display : block;
	color: #A2224C;
	padding-left: 9px;
	background: url(images/list-plus.gif) no-repeat;
}
.kategorien ul, .kategorien li {
	margin : 0;
	padding : 0;
	list-style: none;
}
.kategorien li a:hover { color: #6B6B6B; }
.kategorien .children .cat-item a:link, .kategorien .children .cat-item a:visited {
	margin: 0 0 0 10px;
}

/* = = = = = = = =  CONTENT START  = = = = = = = = */
.content {
	float:left;
	width: 484px;
	margin-right:20px;
	
}
.post{
        background: url(images/dot.gif) 0 bottom repeat-x;
padding: 0 0 1px 0;
margin: 0 0 20px 0;
}
/* = = = = = = = =  CONTENT ENDE  = = = = = = = = */

/* = = = = = = = =  FOOTER START  = = = = = = = = */
.footer {
	clear:left;
	height: 37px;
	padding-top:17px;
}
 
.footer a { color: #6B6B6B; }
/* = = = = = = = =  FOOTER ENDE  = = = = = = = = */


/* Begin Images */

p img {

	padding: 0;

	}



/*	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 */