/********* A __CLAUDIA BELLI__ CSS-FILE FOR EW **********/
/* MASTER PREMIUM SPECIAL DELUXE EDITION */
/****** THIS IS FOR __PETER-WEIS-HAMBURG.DE__ ******/


/* Standards */
*					{margin: 0; padding: 0; outline: none;}
html, body			{min-height: 100%; height: auto; height: 100%;}
body				{font-family: Arial; color:#624525; line-height:140%; font-size: 76%; background:url(../images/design/bg-body.jpg) center top repeat-y #caab7f; behavior:url("js/csshover2.htc");}
img 				{border: none; }
			 
a, a:visited 		{text-decoration:underline; color: #c27928;}		
a:hover 			{text-decoration:none; color: #624525;}

p 					{font-family: Arial; font-size: 1.0em; line-height:160%; padding:0 0 10px 0;}


.clear				{clear: both; font-size: 0.0001em; line-height: 0.00001em;}
ul 					{list-style:none;}
/* LAYOUT */
#repeat-y {	
	margin: 0 auto;
	width: 840px;
	background:url(../images/design/bg-repeat.jpg) -8px 0 repeat-y;
	min-height:810px;height:auto !important; height:810px;
	
}


#repeat-y-noheight {	
	margin: 0 auto;
	width: 840px;
	background:url(../images/design/bg-repeat.jpg) -8px 0 repeat-y;
	
}


#container {	
	width: 840px;
	background:url(../images/design/bg-header.jpg) top left no-repeat;
	padding: 80px 0 0 0;
	position:relative;
	
}

/*----------------HEAD---------------------------------------*/
h1.branding	a {float: left; background:url(../images/design/branding-peter-weis.gif) top left no-repeat; width: 180px; height: 51px; text-indent: -9999px; cursor: pointer; margin: 0 0 17px 370px; display: inline;}	

/*----------------NAVI---------------------------------------*/

ul#navi {width: 448px; height: 24px; float: left; display: inline; margin: 0 0 40px 190px; position:relative; z-index:99;}
ul#navi li  {margin:0; padding:0; float:left;}
ul#navi li a {text-indent:-9999px; background:url(../images/design/bg-navi.jpg) top left no-repeat; height: 24px; display: block; margin:0; padding:0;line-height:0%; float:left;}

ul#navi li.index a:visited,
ul#navi li.index a			{background-position: 0 0; width: 68px; }
ul#navi li.index a:hover,
ul#navi li.index a.active, ul#navi li.index a.active:visited {background-position: 0px -24px;}

ul#navi li.person a:visited,
ul#navi li.person a			{background-position: -68px 0px; width: 86px;}
ul#navi li.person a:hover,
ul#navi li.person a.active, ul#navi li.person a.active:visited {background-position: -68px -24px;}

ul#navi li.taetigkeiten a:visited,
ul#navi li.taetigkeiten a			{background-position: -154px 0px; width: 89px; }
ul#navi li.taetigkeiten a:hover,
ul#navi li.taetigkeiten a.active, ul#navi li.taetigkeiten a.active:visited {background-position: -154px -24px;}

ul#navi li.links a:visited,
ul#navi li.links a			{background-position: -243px 0px; width: 49px; }
ul#navi li.links a:hover,
ul#navi li.links a.active, ul#navi li.links a.active:visited {background-position: -243px -24px;}

ul#navi li.neuigkeiten a:visited,
ul#navi li.neuigkeiten a			{background-position: -292px 0px; width: 94px; }
ul#navi li.neuigkeiten a:hover,
ul#navi li.neuigkeiten a.active, ul#navi li.neuigkeiten a.active:visited {background-position: -292px -24px;}

ul#navi li.kontakt a:visited,
ul#navi li.kontakt a			{background-position: -386px 0px; width: 62px; }
ul#navi li.kontakt a:hover,
ul#navi li.kontakt a.active, ul#navi li.kontakt a.active:visited {background-position: -386px -24px;}

ul#navi li.taetigkeiten ul 	{display:none; position: absolute; top: 23px; left: 161px; background:#EFE8E0; border-top: 1px solid #9C8A76; border-bottom: 1px solid #9C8A76; font-size: .9em; font-weight: bold; padding:0 0 0 0; width:300px;}
ul#navi li.taetigkeiten:hover ul	{display: block;}
ul#navi li.taetigkeiten li			{line-height:100%; float:none; padding:0;width:300px; border-bottom: 1px dotted #9C8A76;}
ul#navi li.taetigkeiten li a:link,
ul#navi li.taetigkeiten li a:visited			{text-indent:0px; float: none; background: none; padding: 5px 0 5px 10px;text-decoration: none;width:300px; height:auto; line-height: 100%}
ul#navi li.taetigkeiten li a.active:link,
ul#navi li.taetigkeiten li a.active:visited,
ul#navi li.taetigkeiten li a:hover			{text-decoration: underline;} 

/*----------------CONTENT---------------------------------------*/
#content-main	{float: left; padding: 0 0 30px 78px; margin: 0 0 0 114px; display: inline; width: 638px; background:url(../images/design/bg-content-main.jpg) top left repeat-y;}

#content-main p {padding:0 0 7px 0px; font-size: 1.0em; width: 490px;}
.border-bottom	{margin: 0 0 20px 0; padding:0 0 20px 0; border-bottom: 1px dotted #CCCCCC;}
#content-main .column {width:275px!important; float:left;}

#content-main .img {margin: 0 20px 10px 0; border: 1px solid #554124; padding:1px; float: left; background:#fff;}

#content-main .highlight { color:#457a00; text-transform:uppercase;}
#content-main .req	 			{float: none; border: none; margin: 0; padding:0;}

#content-main ul.content {margin: 0 0 10px 0; padding: 0 0 0 15px; width: 490px;}
#content-main ul.content li { background:url(../images/design/bg-li-content.gif) 0px 8px no-repeat; padding: 0 0 10px 8px;}

#content-main ul.content li a, #content-main ul.content li a:visited {text-decoration: underline; color: #624525;}		
#content-main ul.content li a:hover {text-decoration: none; color: #c27928;}

#content-main .box { float: left; width: 515px; height: 114px; background:url(../images/design/bg-box.jpg) top left no-repeat; padding: 8px 0 0 20px; margin: 10px 0 0 0;}
#content-main .box ul {float: left; margin: 0 30px 10px 0; padding: 0 0 0 15px;}
#content-main .box ul li { background:url(../images/design/bg-li-content.gif) center left no-repeat; padding: 0 0 2px 8px;}

#content-main .box ul li a, #content-main .box ul li a:visited {text-decoration: underline; color: #624525;}		
#content-main .box ul li a:hover {text-decoration: none; color: #c27928;}

.content-column01	{ float:left; width:280px; }
.content-column02	{ float:left; width:280px; }

.bilduntertitel {
	font-size: 9px;
	color: #5F461E;
	margin-top: 5px;
	display: block;
	padding-left: 3px;
	padding-right: 3px;
	font-style: italic;
}

.mp3player {
	height: auto;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 15px;
	position:relative;
}

.mp3boxTitle {
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000000;
}

#content-main .divider {
	background:url(../images/design/divider.gif) top left no-repeat;
	height: 12px;
	width: auto;
	display: block;
	margin: 15px 0 20px 0;
	clear: both;
}

.img_gross {
	border: 1px solid #E1E1E1;
	margin-top: 5px;
	padding: 5px;
	background:#FFFFFF;
}




/*----------------FOOTER---------------------------------------*/
#footer {width: 650px; height: 90px; padding: 20px 0 0 190px; background:url(../images/design/bg-footer.jpg) top left no-repeat; font-size: .9em;}

p.impressum { margin: 0 0 0 160px;}

/*----------------HEADLINES---------------------------------------*/

.h2bg {width: 533px; height: 15px; background:url(../images/design/bg-h2.gif) bottom left repeat-x; _background-position:0 6px; margin: 0 0 10px 0;}

h2.willkommen { background:url(../images/h2/willkommen.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.person { background:url(../images/h2/person.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.links { background:url(../images/h2/links.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.neuigkeiten { background:url(../images/h2/neuigkeiten.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.buehne { background:url(../images/h2/buehne.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.film { background:url(../images/h2/film.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.funkspots { background:url(../images/h2/funkspots.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.hoerspiele { background:url(../images/h2/hoerspiele.png) top left no-repeat;  width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.leseproben { background:url(../images/h2/leseproben.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.radio { background:url(../images/h2/radio.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.synchronisation { background:url(../images/h2/synchronisation.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.kontakt { background:url(../images/h2/kontakt.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.danke { background:url(../images/h2/danke.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.impressum { background:url(../images/h2/impressum.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}
h2.error { background:url(../images/h2/error.png) top left no-repeat; width: 533px; text-indent: -9999px; margin: 0 0 5px 0;}

h3		{font-size: 1.1em;color:#C27928; margin:10px 0 2px 0;}
h4		{font-weight:bold; margin: 5px 0 0px 0;font-size:1.0em;}
h5		{font-weight:bold; margin: 15px 0 4px 0; padding:0; font-size:1.2em; color:#474747; text-transform:uppercase;font-size: 1.8em;}

/*----------------STUFF---------------------------------------*/
.pdf {float: left; background:url(../images/design/pdf.gif) left 2px no-repeat; padding: 0 0 0 15px; margin: 0 35px 20px 0; font-weight: bold;}
#flash_foto	{position:absolute; right:-1px; top:0; z-index:5; padding:0!important; margin:0;}
.spacer	 {margin:20px 0 20px 0px; border-bottom:1px solid #5d4627; width:514px;}
.position-leseproben-img	{ position:absolute; _right:1000px; right:-262px; top:-22px;}
.bildbox_cms	{ float:right; width:160px; margin:0 111px 0 15px; _margin:0 51px 0 0;}
.img_cms	{ padding:2px; border:1px solid #ccc;}