/*  
Theme Name: Und nebenbei Liebe
Theme URI: 
Description: Theme f&uuml;r und nebei Liebe 
Author: CMS 
Author URI: 
Version: 1.0.2 a
Tags: 
*/

/* Defaults */
/* ---------- undnebenbeiliebe.de ---------- */

/* ---------- allgemein ---------- */

/* --- Scrollbalken FF --- */
html { height: 100%; margin-bottom: 1px; };

* 	{
	margin: 0;
	padding: 0;
	}

p, h1, h2, h3, ul, ol, li
{
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 18px;
}


body 
{
      
 			background:url(images/hg.jpg)
 			0px 0px
 			repeat-x
 			#990000
 			fixed;
}

.topnavimg{
  margin-left:-4px;
}


/* ---------- content ---------- */


#content	{
			position: absolute; top: 0px; left: 50%;
			width: 970px;
 			margin-left: -485px;
			}


#contentmain	{
			width: 963px;
			background-color: #93315D;
			margin: 5px 0px 0px 4px;
			overflow: hidden;
			}

#containerheadline	{
			width: 963px;
}

#main	{
			margin-left: 10px;
			}

#navigation	{
			width: 963px;
			}


#container1holder	{
			width: 415px;
			float:left;
			}


#container1	{
			width: 400px;
 			background-image:url(images/corner.jpg);
			background-repeat:no-repeat;
			background-color: #ffffff;
			margin: 0px 0px 15px 0px;
			}

#container2holder	{
			width: 315px;
			float:left;
			}


#container2	{
			width: 300px;
 			background-image:url(images/corner.jpg);
			background-repeat:no-repeat;
			background-color: #ffffff;
			margin: 0px 0px 15px 0px;
			}

#container3holder	{
			width: 209px;
			float:left;
			}


#container3	{
			width: 209px;
			}

#containerFigurenHolder,#container4holder,#containerVorbestellungHolder{
			width: 625px;
			float:left;
			}


#containerFiguren	, #containerVorbestellung, #container4{
			width: 610px;
 			background-image:url(images/corner.jpg);
			background-repeat:no-repeat;
			background-color: #ffffff;
			margin: 0px 0px 15px 0px;
      min-height:400px;
			}

#container5holder	{
			width: 325px;
			float:left;
			}


#container5	{
			width: 310px;
 			background-image:url(images/corner.jpg);
			background-repeat:no-repeat;
			background-color: #ffffff;
			margin: 0px 0px 15px 0px;
			}
#containerSprecherHolder,#containerEpisodenHolder,#containerWagnerswelt_GewinnspielHolder,#containerDownloadHolder,#containerKontaktHolder{
			width: 940px;
			float:left;
			}


#containerSprecher,#containerEpisoden,#containerWagnerswelt_Gewinnspiel,#containerDownload,#containerKontakt{
			width: 940px;
 			background-image:url(images/corner.jpg);
			background-repeat:no-repeat;
			background-color: #ffffff;
			margin: 0px 0px 15px 0px;
			}

#end	{
			width: 963px;
			clear: both;
			}

#footer	{
			width: 963px;
 			background-image:url(images/hgfooter.jpg);
			background-repeat:repeat-x;
			padding: 1px 0px 10px 0px;		
			margin: 14px 4px 14px 4px;
			text-align:center;
			}

h1	{
			font: 18px Arial, Helvetica, sans-serif;
			color: #D4ADBE;
			font-weight: bold;
			padding: 10px 0px 10px 10px;		
			}

h2 {
			font: 18px Eurostile, Arial, Helvetica, sans-serif;
			color: #93315D;
			font-weight: bold;
			padding: 15px 10px 0px 15px;		
}
#containerSprecher h2,#containerVorbestellung h2, #containerSprecher p , #containerEpisoden h2 , #containerEpisoden p,#containerWagnerswelt_Gewinnspiel p, #containerWagnerswelt_Gewinnspiel h2,#containerDownload h2,#containerDownload p,#containerVorbestellung h2,#containerVorbestellung p
			{
			padding: 0px;
			margin: 0px;
			line-height: 18px;
			}

h3 {
			font: 16px Arial, Helvetica, sans-serif;
			color: #000000;
			font-weight: bold;
			padding: 15px 10px 0px 15px;		
			}

h4 {
			font: 16px Arial, Helvetica, sans-serif;
			color: #93315D;
			font-weight: bold;
			padding: 15px 10px 5px 15px;		
			}

p {
			font: 13px Arial, Helvetica, sans-serif;
			color: #000000;
			padding: 5px 10px 10px 15px;
      margin-top:0;		
			}

ul {
			font: 13px Arial, Helvetica, sans-serif;
			color: #000000;
			padding: 0px 10px 10px 35px;		
			}


.red		{
			color: #93315D;
			}

p.small		{
			font: 11px Arial, Helvetica, sans-serif;
			}

.small		{
			font: 11px Arial, Helvetica, sans-serif;
			}

#footer p {
			font: 10px Arial, Helvetica, sans-serif;
			color: #D4ADBE;
			}


#contentmain a:link			{color:#93315D; text-decoration: none;}
#contentmain a:visited		{color:#93315D; text-decoration: none;}
#contentmain a:active		{color:#93315D; text-decoration: none;}
#contentmain a:hover 		{color:#93315D; text-decoration: underline;}
#contentmain a:focus 		{color:#93315D; text-decoration: underline;}

#footer a:link			{color:#D4ADBE; text-decoration: underline;}
#footer a:visited		{color:#D4ADBE; text-decoration: underline;}
#footer a:active		{color:#D4ADBE; text-decoration: underline;}
#footer a:hover 		{color:#93315D; text-decoration: underline;}
#footer a:focus 		{color:#93315D; text-decoration: underline;}

/* Sidebar */
#sidebar_full{
    margin:0;
    padding:0;
}
#sidebar_full ul,#sidebar_left ul,#sidebar_right ul{
  padding:0;
}
#sidebar_full ul li{
  list-style:none;  
}
/* Welcome Mess */
#sidebar_full ul li h2{
  font-size:12px;
}
#sidebar_full ul li p{
  font-size:11px;
  width:290px;
}
#sidebar_left ul li,#sidebar_right ul li{
  list-style:none;
  padding:0px 10px 3px 15px;
}
#sidebar_full ul li div.sidebarbox ul li{
  list-style:none;
  padding-left:15px;
}
#sidebar_left ul li div.sidebarbox ul li,#sidebar_right ul li div.sidebarbox ul li{
  padding:0;
}
#sidebar_right ul li div.sidebarbox h2,#sidebar_left ul li div.sidebarbox h2{
  padding:0;
  font-size:12px;
}
#sidebar_full ul li div.sidebarbox ul li a,#sidebar_left ul li div.sidebarbox ul li a,#sidebar_right ul li div.sidebarbox ul li a{
    color:black;
    font-size:11px;
}
#comment{
  width:575px;
}
#navigation table tr td ul.nav_ul{
  margin:0;
  padding:0 0 0 12px;;
  background:url(img/menu_norm.jpg) repeat-x;
  height:47px;
  width:952px;
}
#navigation table tr td ul.nav_ul li{
  color:white;
  float:left;
  height:47px;
  list-style:none;
}
#navigation table tr td ul.nav_ul li:hover{
  background:url(img/menu_hover.jpg) repeat-x;
}
#navigation table tr td ul.nav_ul li a{
  color:white;
  font-family:verdana;
  text-decoration:none;
  text-transform:uppercase;
  background:url(img/menu_trenner.jpg) no-repeat;
  margin-top:10px;
  display:block;
  height:37px;
  padding:5px 15px;
}
#navigation table tr td ul.nav_ul li a:hover{
  
}
#containerSprecher pre, #containerVorbestellung pre{
  font:11px Arial,Helvetica,sans-serif;
}

#main .margin_left{
    margin-left:15px;
}
table.arttikel_tab{
  font:11px Arial,Helvetica,sans-serif;
  width:600px;
  margin-left:10px;
}
table.arttikel_tab td{
  vertical-align:baseline;
  padding-bottom:15px;
}
div.pagging{
  padding-bottom:15px;
  margin-left:10px;
}
#container5 h4.arch{
    padding:15px 10px 0px 15px;
    margin:20px 0 0 0;
    
}
#container5 p.descr{
  padding:0px 10px 10px 15px;
  margin:0;
}
#MyFormular p label{
      display:block;
      width:100%;
      font-size:11px;
      line-height:20px;
}
#MyFormular form div.personnendaten p{
    margin-top:10px;
}

#MyFormular form div.bankdaten p input,#MyFormular form div.bankdaten p input.kreditnr{
    width:40px;
    text-align:center;
    float:left;
}
#MyFormular form div.bankdaten p input,#MyFormular form div.bankdaten p input{
    width:230px;
    text-align:left;
} 

#MyFormular p input{
     display:block;
     width:255px;
     margin-right:10px;
}
#MyFormular p input.secrow,#MyFormular p label.secrow{
  width:40px;
}
#MyFormular input.end{
  clear:left;
}
#MyFormular input.submit{
    margin:15px 0;
    background:#92315C;
    color:white;
    border:0;
    height:30px;
    padding:5px;
    font-size:16px;  
    font-weight:bold;  
}
#MyFormular p.select select{
    width:140px;
}
#containerSprecher{
  font:13px Arial,Helvetica,sans-serif;
}
#containerSprecher h2, #containerSprecher p {
    line-height:18px;
    
}
#containerSprecher h2{
  padding-bottom:10px;
}
#containerFormular h2.m_left{
  padding-left:20px;
}
/* Option buttons plugin */
#MyFormular{
     margin-left:20px;    
}
#MyFormular h2{
  margin:0px 0 15px 0;
}
#MyFormular h2.first{
  padding-top:15px;
}
#MyFormular h2.first a{
    color:black;
    font-size:13px;
}
div.optionelem{
    width:274px;
    padding-bottom:15px;
}
div.optionleft{   
    float:left;
}
div.optionright{
    margin-left:20px;
    float:left;
}
div.optionelem div.type1_head{
    background:url(wimg/option1_head.jpg) no-repeat;
    height:135px;
    width:274px;
}
div.optionelem div.type1_cont{
    background:#FFF6D9;
    height:197px;
    padding:10px 15px 20px 15px; 
}
div.optionelem div.type1_cont p{
    padding:0;
    margin:0;
}
div.optionelem div.type1_foot{
    background:url(wimg/option1_foot.jpg) no-repeat;
    height:45px;
    width:274px;
    margin-top:0px;
}
div.optionelem div.type2_head{
    background:url(wimg/option2_head.jpg) no-repeat;
    height:135px;
    width:274px;
}

div.optionelem div.type2_cont{
    background:#E8F5FF;
    height:197px;
    padding:10px 15px 20px 15px; 
}
div.optionelem div.type2_cont p{
    padding:0; 
    margin:0;
}
div.optionelem div.type2_foot{
    background:url(wimg/option2_foot.jpg) no-repeat;
    height:45px;
    width:274px;
    margin-top:0px;
}
#MyFormular p{
    font-size:13px;
    font-family:arial; 
    padding:5px 10px 10px 0px;   
}
#MyFormular p.errormsg{
  color:red;
}
#MyFormular ul{
    padding-left:15px;
}
#MyFormular ul li{
    font-weight:bold;
    font-family:arial;    
    font-size:11px;
    line-height:15px;
}
#MyFormular ul.bigger li{
     line-height:18px;
     font-size:12px;
     margin-bottom:10px;
}
#MyFormular p.radio input{
    width:13px;
    float:left;
    margin-left:5px;
}
#MyFormular p.radio label{
    font-size:16px;    
    font-weight:bold;
    width:80%;
    text-transform: uppercase; 
    padding-top:2px;
    float:left;
}
#MyFormular p.radio label.left{
  color:#660000;
}
#MyFormular p.radio label.right{
  color:#000033;
}
.clear{
  clear:left;
}
#MyFormular div.personnendaten{
    float:left;
    padding:5px;
    width:264px;
}
#MyFormular div.bankdaten,#MyFormular div.bankdateninfo{
    float:left;
    width:274px;
    margin-left:20px;
}
#MyFormular div.personnendaten p,#MyFormular div.bankdaten p{
  margin:0;
  padding:0;
  margin-top:5px;
}
#MyFormular .ui-accordion-content{
    padding-left:10px;
    padding-right:10px;
    height:200px;
}
#MyFormular .ui-accordion-header{
    font-size:12px;
}
/* Spezielles */
#MyFormular p.leftrow{
    width:200px;
}
#MyFormular p.leftrow input{
    width:180px;
}
#MyFormular p.rightrow{
    width:60px;    
}
#MyFormular p.rightrow input{
    width:54px;
}
#MyFormular p.leftrow,#MyFormular p.rightrow{    
    float:left;    
}
#MyFormular div.cont_inhalt{
    padding:10px 0;
}
/* rechteseite */
.faq_rechts{
  padding-bottom:15px;
}
#container5holder .faq_rechts{
  background-image:none;
}
.faq_rechts p{
  font-size:13px;
}
.faq_rechts h4{
    color:black;
    font-size:15px;
    padding-bottom:0px;
    margin-top:0;
}
.faq_rechts p.openclose{
    padding:0 0 3px 0;
    margin: 0px 10px 10px 15px;
    border-bottom:1px solid #999999;
    cursor:pointer;
    font-weight:bold;
    background:url(wimg/close.jpg) no-repeat right;
}
.faq_rechts p.open{
  background-image:url(wimg/open.jpg);
}
.faq_rechts p.closed{
  display:none;
}
#containerFiguren div h2{
  padding-top:15px;
  margin-top:0px;
}
#containerVorbestellung h2,#containerVorbestellung p{
  padding:10px;
}
span.unl{
  font-style:italic;
}
#MyFormular p.agb{
  padding-left:0;
}
#MyFormular p.agb input{
  display:inline;
  width:10px;
  padding-left:0;
  margin-left:0;
}

.alignleft{
  margin: 0px 12px 12px 0px;
  border: none;
  	
}
