html {font-family: arial; font-size: 12px;}
body {margin: 0 0 15px 0; background: #383838; color: #FFFFFF;}

div.clear {clear: both; height: 0px;}

img {border: 0px; display: block;}

div.center {margin: auto;}

#hdr {width: 996px; height: 117px; margin: auto; background: url(img/header.gif); font-size: 11px;}
	#hdr img{position: relative; left: 500px; top: 46px;}
	#hdr div{position: relative; left: 500px; top: 46px; width: 462px; height: 54px; padding: 3px; line-height: 11px; text-align: justify;}
	#hdr h1{font-size: 11px; font-weight: bold; margin: 0px;}

#nav {width: 956px; padding: 3px 20px 0 20px; height: 43px; margin: auto; background: url(img/leiste.gif);}
	#nav  a {font-size: 12px; color: #FFF; font-weight: bold; padding: 10px 4px 5px 3px; text-decoration: none; position: relative; top: 11px;}
	#nav  a:hover {background: url(img/leiste_bg.gif); font-size: 12px; color: #FFDDF1; font-weight: bold; padding: 13px 4px 11px 3px; }

#main {width: 980px; margin: 10px auto 0 auto;}

div.box {padding: 10px; background: #5D5D5D; margin: 7px 0px 0px 0px; text-align: justify;}


div.boxr {width: 220px; padding: 10px; background: #5D5D5D; margin: 7px 6px 0px 0px; float: left; text-align: justify;}
div.boxl {width: 220px; padding: 10px; background: #5D5D5D; margin: 7px 0px 0px 0px; float: right; text-align: justify;}
	div.boxr h2, div.boxr h3, div.boxr h4, div.boxl h2, div.boxl h3, div.boxl h4{font-size: 18px; margin: 0px; padding: 0px; padding-bottom: 5px; color: #FFDDF1; font-variant: small-caps;}
	div.boxr img, div.boxl img {margin-bottom: 5px; padding-bottom: 1px; border-bottom: 1px solid #BEBEBE;}
	div.boxr a, div.boxl a {color: #BEBEBE;}


#bnnr {text-align: center; margin-top: 10px; padding-right: 1px;}
#bnnr2 {width: 980px; margin: 10px auto 0 auto;}
	#bnnr img {display: inline; margin: 5px; padding: 5px; background: #5D5D5D;}

#footer {font-size: 10px; text-align: center; margin: 10px;}
	#footer a{color: #FF00A2; font-size: 10px;}
	#footer a:hover{color: #D00084; font-size: 10px;}

.hnws {width: 220px; height: 24px; background: url(img/hinweis.png);}
.hstry {height: 479px;}
.strylink {width: 218px; height: 76px; margin: 40px auto 0 auto; display: block; background: url(img/zudengeschichten.jpg);}


div.detailr {width: 530px; height: 450px; padding: 10px; background: #5D5D5D; float: right; text-align: justify; overflow:hidden;}
	div.detailr h2{font-size: 35px; margin: 0px; padding: 0px; padding-bottom: 3px; color: #FFDDF1; font-variant: small-caps;}
div.detaill {width: 400px; padding: 10px; background: #5D5D5D; float: left;}

#ueb {width: 490px; margin: 25px auto 20px auto;}
#pfeil1 {width: 170px; height: 65px; background: url(img/pfeile.png) 0 0; float: left;}
	#pfeil1:hover {width: 170px; height: 65px; background: url(img/pfeile.png) 0 -75px; float: left;}
	#pfeil1 a {color: #000; text-decoration: none; font-weight: bold; position: relative; top: 23px; left: 47px;}
#mitte {width: 150px; height: 65px; background: url(img/pfeile.png) -171px 0; float: left; text-align: center;}
	#mitte:hover {width: 150px; height: 65px; background: url(img/pfeile.png) -171px -75px; float: left;}
	#mitte a {color: #000; text-decoration: none; font-weight: bold; position: relative; top: 23px;}
#pfeil2 {width: 170px; height: 65px; background: url(img/pfeile.png) -320px 0; float: left;}
	#pfeil2:hover {width: 170px; height: 65px; background: url(img/pfeile.png) -320px -75px; float: left;}
	#pfeil2 a {color: #000; text-decoration: none; font-weight: bold; position: relative; top: 23px; left: 40px;}

a.more {float: left; height: 30px; width: 220px; background: url(img/mehr-von-mir.png);}

a.partner, a.partner:hover, .boxr a.partner {color: #FFF; font-weight: bold; text-decoration: none;}


.boxhalf1 {float: left; width: 475px; height: 100px; padding: 5px; background: #5D5D5D; margin: 10px 10px 0 0;}
.boxhalf2 {float: left; width: 475px; height: 100px; padding: 5px; background: #5D5D5D; margin: 0 10px 0 0;}
.title_story {background: url(img/schriftrolle.jpg); border: 1px solid #444; padding: 5px 0 5px 70px; text-shadow: 1px 1px 0px #000; margin: 0 0 5px 0; font-size: 20px; clear: both;}
.weiterlesen {float: right; width: 125px; height: 22px; background: url(img/weiterlesen.jpg);}