*{
  margin:0;
  padding:0;
}
body{
  text-align:center;
  background: url(../img/verlauf.jpg) #649915 repeat-x;
  font-family: "Trebuchet MS";
}
#page{
  text-align:left;

  margin:auto;

  width:990px;

  min-height: 800px;

  background: url(../img/head.jpg) no-repeat;

  position:relative;

}

#header{

	height: 330px;
        position: relative;
}
#header a.homeLink{ height: 100px; left: 35px; position: absolute; top: 5px; width: 870px; }

#header h1{

		color:#fff;

		font-size: 27px;

		position: relative;

		top:105px;

		left:45px;

}

#header .menu{

	width: 540px;

	position: relative;

	height:70px;

	left: 360px;

	top:220px;

}

#header .menu div.background{

		background:white;

		height: 100%;

		width: 540px;

		z-index: 5;

		position: absolute;		

}

#header .menu ul{

		/*width: 460px;*/

    width:410px;

		padding: 10px;

		position: relative;

		z-index: 6;

		height:38px;/*70px;*/

		/*padding: 16px 70px 16px 84px;*/

    padding: 16px 45px 16px 84px;

}

#header .menu ul li{

		float:left;

		list-style: none;	

		width:100px;	

}
#header .menu ul li.menu_programme, #header .menu ul li.menu_meinungen{
		width:110px;	
}
#header .menu ul li.menu_portrait, #header .menu ul li.menu_downloads{
		width:110px;	
}
#header .menu ul li.menu_termine, #header .menu ul li.menu_shop{
		width:90px;	
}


#header .menu ul li a{

	color: #000;

  text-transform: uppercase;

	font-size: 16px;

  text-decoration:none;

}

#header .menu ul li a.activ{

  color:#098CD9;

}

/*+++++++ Opacity Boxen ++++++++++*/

.opac{

	opacity: 0.90;	

}

#content{	

		margin:10px 0 160px 0;

}

#content .left{	

		float:left;

    position:relative;

    z-index:30;

}

#content .right{	

		float:right;

		width: 540px;

		margin-right: 90px;   

}			

#content div.right h1.beschr{

	padding-left:80px;

	padding-top:20px;

	background: #fff;

	font-size: 16pt;

	text-transform: uppercase;

  height: 36px; /*62px;*/

  z-index:6;

  position:relative;

}

#content div.right h1{

  background: #fff;

	width: 400px;/*540px;*/

	padding: 15px 60px 5px 80px;

	font-size: 12pt;

   z-index:6;

}

#content  div.right h1 span{

   font-style: italic;

}

#content  div.right h2{

  background: #fff;

	width: 400px;/*540px;*/

	padding: 15px 60px 5px 80px;

	font-size: 12pt;

  font-style: italic;

}

#content div.right p{

	background: #fff;

	width: 400px;/*540px;*/

	
  padding: 15px 60px 5px 80px;
	font-size: 12pt;	

}
#content div.termine p{
padding: 0px 60px 0px 80px;
}
#content div.right p.last{

  height:235px;

}

#content div.clear{

  clear:both;

}

/* ++++++++++++++++ Effect Bilder +++++++++++++++*/

/* wolke 1 */

#header .wolke{

	position: absolute;

	height: 50px;

  width:	124px;

  top: 165px;

  left:600px;

	background: url(../img/wolke1.png) no-repeat;

}

/* Personen */

#header .pers{

	position: absolute;

	height: 265px;

  width:	201px;

  top: 135px;

  left:765px;

	background: url(../img/personen.png) no-repeat;

  z-index:0;

}

/* Pfahl mit schrift */

#header .pfahl{

	position: absolute;

	height: 305px;

  width:	245px;

  left:37px;

  top:158px;

	background: url(../img/pfahl.png) no-repeat;

}

#header .pfahl p{

  margin: 50px 35px 0 35px;

  color:white;

  text-align:center;

  font-size:14px;

}

#header .pfahl p.zitat{

  margin-top:10px;

  font-size:12px;

}

/* Person regen */

#header .pers_regen{

  height:432px;

  left:2px;

  position:absolute;

  top:270px;

  width:442px;

  z-index:9;

	background: url(../img/personen_regen.png) no-repeat;

}

/*+++++ Programm Wolken ++++++++ */



#header .wolke_regen{

  height:70px;

  left:8px;

  position:absolute;

  top:170px;

  width:172px;

  z-index:0;

	background: url(../img/wolkeRegLinks.png) no-repeat;

}

#header .wolke1_regen{

  position: absolute;

	height:316px;

  left:250px;

  top:85px;

  width:493px;

  z-index:0;

	background: url(../img/wolkeprogramm.png) no-repeat;

}

#header .wolke2_regen{

  position: absolute;

	height:100px;

  left:772px;

  top:117px;

  width:193px;

  z-index:0;

	background: url(../img/wolkeRegRechts.png) no-repeat;

}

/* ++++++++++++++++ portrait ++++++++++++++++++++ */

#header .huhn_pers{

  position: absolute;

	height:336px;

  left:0px;

  top:248px;

  width:340px;

  z-index:0;

	background: url(../img/huhn_person.png) no-repeat;

}

#header .wolke_portrait{

  position: absolute;

	height:161px;

  left:520px;

  top:93px;

  width:370px;

  z-index:0;

	background: url(../img/wolkePortrait.png) no-repeat;

}

#header .huhn_kick{

  position: absolute;

	height:305px;

  left:7px;

  top:297px;

  width:398px;

  z-index:10;

	background: url(../img/huhn_kick.png) no-repeat;

}

#header .wolke_termine{

  position: absolute;

	height:198px;

  left:645px;

  top:94px;

  width:330px;

  z-index:0;

	background: url(../img/wolke_termine.png) no-repeat;

}

/*+++++++++++++++ Presse ++++++++++++++ */

#header .stuhl{

  position: absolute;

	height:305px;

  left:0px;

  top:364px;

  width:420px;

  z-index:10;

	background: url(../img/stuhl.png) no-repeat;

}

#header .wolke_presse{

  position: absolute;

	height:190px;

  left:500px;

  top:103px;

  width:410px;

  z-index:0;

	background: url(../img/wolke_meinung.png) no-repeat;

}

/* ++++++++++++++++ Media ++++++++++++++++++++ */

#header .buch{

  position: absolute;

	height:189px;

  left:169px;

  top:484px;

  width:155px;

  z-index:10;

	background: url(../img/buch.png) no-repeat;

}

#header .radio{

	position:absolute;

  height:158px;

  left:30px;

  top:353px;

  width:250px;

  z-index:10;

	background: url(../img/radio.png) no-repeat;

}

#header .tv{

  position: absolute;

  left:152px;

  top:679px;

  height:371px;

  width:254px;

  z-index:10;

	background: url(../img/tv.png) no-repeat;

}

#header .wolke_media{

  position: absolute;

	height:185px;

  left:500px;

  top:103px;

  width:400px;

  z-index:0;

	background: url(../img/wolke_downloads.png) no-repeat;

}

/* ++++++++++++++++ Shop ++++++++++++++++++++ */

#header .wolken_gruppe{

  position: absolute;

	left:18px;

  top:94px;

  width:1003px;

  height:164px;

  z-index:0;

	background: url(../img/wolkengruppe.png) no-repeat;

}

#header .shop{

  position: absolute;

	height:114px;

  width:242px;

  left:18px;

  top:410px;

  z-index:0;

	background: url(../img/shop.png) no-repeat;

}

/* ++++++++++++++++ Kontakt ++++++++++++++++++++ */

#header .wolken_kontakt{

  position: absolute;

	left:138px;

  top:100px;

  width:1003px;

  height:164px;

  z-index:0;

	background: url(../img/wolken_kontakt.png) no-repeat;

}

#header .huhn_kuecken{

  position: absolute;

	height:329px;

  width:330px;

  left:61px;

  top:263px;

  z-index:0;

	background: url(../img/huhn_kuecken.png) no-repeat;

}

#content .right p a.pbildlink{

    color:black;

    text-decoration:none;

    float:right;

    margin-top:20px;

}

#content .right p a.pbildlink:hover{

    color:#649915;

}

#content .right p a.pmp3link{

    color:black;

    text-decoration:none;

    float:right;   

}

#content .right p a.pmp3link:hover{

    color:#649915;

}

#content .right p a.mehrlink{  

  display:block;

  color:black;

  text-decoration:none;

  padding-left:25px;

  background: url(../img/asterisk_yellow.png) no-repeat 0px 3px;  

}

#content .right p a.mehrlinkspec{

  margin-bottom:10px;

}

#content .right p a.mehrlink:hover{

    color:#649915;

    background: url(../img/asterisk_orange.png) no-repeat 0px 3px;  

}

#content .right p a.mlink{

  display:block;

  color:black;

  text-decoration:none;

  padding-left:25px;

  background: url(../img/music.png) no-repeat 0px 3px;  

}

#content .right p a.mlink:hover{

    color:#649915;

    background: url(../img/music_alt.png) no-repeat 0px 3px;  

}

#content .right p.film img{

  float:left;

}

#content .right p.film a{

  display:block;

  color:black;

  text-decoration:none;

  padding-left:25px;

  margin-top:10px;

  margin-left:110px;

  background: url(../img/control_play.png) no-repeat 0px 3px;  

}

#content .right p.film a:hover{

    color:#649915;

    background: url(../img/control_play_blue.png) no-repeat 0px 3px;  

}

#content .right p.musik a{

  display:block;

  color:black;

  text-decoration:none;

  padding-left:25px;

  margin-top:10px;

  background: url(../img/control_play.png) no-repeat 0px 3px;  

}

#content .right p.musik a:hover{

    color:#649915;

    background: url(../img/control_play_blue.png) no-repeat 0px 3px;  

}

#facebook{

  margin-left:40px;

  width:300px;

  height:360px;   

}

#twitter{
  margin-left:40px;
  width:300px;
  height:230px;   
}

#newsletter{

  margin-left:40px;

  width:300px;

  height:180px;

}

#newsletter form{

  margin-left:21px;

  font-size:12px;

  color:#649915;

  font-weight:bold;

}

#newsletter form input{

  margin-top:5px;

}

#newsletter form input.send{

    background:#649915;

    color:white;

    margin-top:5px;

    

}

#facebook{

  margin-top:21px;

}

#facebook h1.head,#twitter h1.head, #newsletter h1.head{

  height:40px;

  padding-top:20px;

  padding-left:20px;

  background:#fff;

  font-size:16pt;

}

#facebook div{

    height:300px;
    background:#fff;

}

#twitter div{
    height:170px;
    background:#fff;

}

#newsletter div{

    height:100px;

    background:#fff;

}

#content .right .shop p span{

    margin-bottom:10px;

    height:110px;

    width:380px;

    display:block;

}

#content .right .shop p span b{

    font-size:14px;

    display:block;

    /*margin-left:135px;*/

}

#content .right .shop div{

  height:135px;

}

#content .right .shop div{

    width:505px;

    height:150px;

    background:white;

}

#content .right .shop p.error{

  color:red;

}

#content .right .shop table{

  margin-left:75px;

}

#content .right .shop table td a.mehr{

  color:red;

  font-size:12px;

}

#content .right .shop table td.u{

  font-weight:bold;

  padding-left:35px;

}

#content .right .shop table td.a{

  padding-left:35px;

}

#content .right .shop table td {

  background-repeat:no-repeat;

  font-family:Arial,Helvetica,sans-serif;

  font-size:12px;

  line-height:22px;

}

#content .right .shop table td a img{

  border:none;

   margin-top:3px;

}

#content .right .shop table td a.amazone img{

   padding-right:2px;

}

#content .right .shop table td a.musicload img{

  

}

#content .right .shop table td a.itunes{

    margin-left:2px;

}



#content .right .shop form{

    background: #fff;

	width: 480px;/*540px;*/

	padding: 25px 60px 5px 0px;

	font-size: 12pt;	

  

}

#content .right .shop form input{

    	width:100px;

      margin-right:10px;

}

#content .right .shop form input.big{

    	width:147px;

}

#content .right .shop form input.smal{

    	width:30px;

}

#content .right .shop form input.send{

  float:right;

}

#content div.right p.it{

    font-style:italic;

}

#content div.right p strong.von{

  font-style:italic;

  font-size:9pt;

}
#content div.right .gal{
    background: white;
    float:left;
    padding: 15px 30px 5px 80px;
    width:430px;
}
#content div.right .gal span.pic{
     height:95px;
     width:95px;
     display:block;
     float:left;
     background: #EEE;
     margin-right:10px;
     margin-bottom:10px;
     text-align: center;
     line-height: 90px;     
}
#content div.right .gal span.pic img{ vertical-align: middle;}
#content div.right .gal span.piclast{ clear:left; }
.clearAll{ clear:both; }