*{
margin: 0px;
padding: 0px;
border:none;

}

a{
text-decoration: none;
color:#ffa800;
}

html, body{
width:100%;
height:100%;
}

ul{
list-style:disc;
margin: 0px 0px 0px 12px;
}

body{
background: #000 url(http://yoga-erz.de/uploads/images/bodybg.jpg) no-repeat;
background-position: center bottom;
overflow: hidden;
font-family:  Verdana, Helvetica, san-serif;
font-size: 10px;
word-spacing: -1px;
}

h2{
display:block;
font-size:20px;
color:#cc0033;
margin-bottom:20px;
}

h3,
h3 a{
display:block;
font-size:14px;
color:#cc0033;
margin-bottom:5px;
}

#logo{
width: 140px;
height: 77px;
margin-left: -260px;
position: absolute;
top: 0px;
left:50%;
}


#leftrowbg{
background: #000 url(http://yoga-erz.de/uploads/images/leftrowbg.jpg) no-repeat;
width: 207px;
height: 1200px;
margin-left: -480px;
position: absolute;
bottom: 100px;
left:50%;
}

#wrapper{
width: 960px;
height: 600px;
margin-left: -480px;
position: absolute;
bottom: 0px;
left:50%;
}

#leftrow{
float:left;
width: 207px;
height: 600px;
}

#leftrow a{
color: #000;
font-weight: bold;
}

#infospalte{
padding:10px;
width: 187px;
height: 330px;
}

#infospalte ul li{
list-style-image: url(http://yoga-erz.de/uploads/images/li.png);
}

#rightrow{
float:right;
width: 747px;
height: 600px;
}

#titel{
font-size: 48px;
white-space:nowrap;
overflow: hidden;
color: #914f02;
text-align:right;
display: block;
width: 747px;
height: 163px;
}

#mainmenu{
display: block;
width: 747px;
height: 36px;
}

#hauptinhalt{
display: block;
width: 707px;
height: 350px;
color:#FFF;
background:#000;
overflow:auto;
margin-top:11px;
padding:20px;
}

#hauptinhalt span.trans{
background:url(http://yoga-erz.de/uploads/images/trans.png);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:5px;
display:block;
color:#000;
margin-left:-5px;
}

#hauptinhalt iframe{
margin:-20px;
}

#mainmenu li{
float:left;
list-style:none;
margin:0px 30px 10px 0px;
}

#kurslinks{
padding:0px 0px 0px 4px;
width: 179px;
height: 148px;
}

#kurslinks a{
font-size: 12px;
padding:2px
font-weight:bold;
color:#000;
}

#kurslinks li,
#submenu li{
list-style:none;
margin:0px 0px 5px 0px;
}

#mainmenu a,
#submenu a{
color:#FFF;
padding:3px;
}

#submenu{
width: 207px;
height: 87px;
}

#kurslinks a:hover,
#mainmenu a:hover,
#submenu a:hover{
color:#000;
background:#ffa800;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#mainmenu li.currentpage,
#submenu li.currentpage{
list-style:disc;
color:#FFF;
margin-left:10px;
}

#mainmenu li.currentpage a,
#submenu li.currentpage a{
margin-left:-5px;
}

#cal-calendar{
width:100%;
font-size:12px;
padding:5px;
background:#444;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:5px;
}

#cal-calendar span.calendar-next a,
#cal-calendar span.calendar-prev a,
div.calendar-list span.calendar-next a,
div.calendar-list span.calendar-prev a{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background:#8bc42f;
color:#000;
padding:0px 20px;
}

#cal-calendar span.calendar-next a:hover,
#cal-calendar span.calendar-prev a:hover,
div.calendar-list span.calendar-next a:hover,
div.calendar-list span.calendar-prev a:hover{
background:#9fe036;
}

#cal-calendar td{
background:#222;
text-align:center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align:top;
}

#cal-calendar td.tdevent{
background:none;
}

#cal-calendar td a{
display:block;
color:#000;
}

#cal-calendar td a.event{
background:#8bc42f;
color:#000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin:2px;
}

#cal-calendar td a.event:hover{
background:#FFF;
}

#cal-calendar td a.eventtitle{
background:#f1a027;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin:2px;
font-size:9px;
}

#cal-calendar td a.eventtitle:hover{
background:#FFF;
}

#listtitle{
font-size:12px;
font-weight:bold;
margin:5px 5px;
display:block;
}

div.calendar-list{
padding:5px;
background:#444;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin:-20px;
}

div.calendar-event{
float:left;
width:47%;
padding:5px;
margin:5px;
background:#222;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

span.calendar-summary{
font-size:12px;
font-weight:bold;
}


/* BUCHUNGSFORM */

div.kursbuchungform{
margin:-20px;
}

div.kursbuchungform div{
width:350px;
height:45px;
float:left;
padding:5px;
background:#333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin:2px;
}

div.kursbuchungform div input,
div.kursbuchungform div select{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 5px;
}

div.kursbuchungform div label{
display:block;
font-size:12px;
}

div.kursbuchungform div.submit input{
font-size:16px;
width:345px;
height:42px;
float:left;
background:#8bc42f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:2px;
cursor:pointer;
}

div.kursbuchungform div.submit input:hover{
background:#9bdb35;
}

span.error{
color:red;
}

div.kursbuchungform div.requiredfb_invalid,
div.kursbuchungform div.fb_invalid{
background:#940011;
}

div.info {
width:705px;
border:1px solid #777;
padding: 8px;
margin:10px 0px 10px -18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:#333;
}

div.kursbuchungform div textarea{
width:348px;
height:30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


/* KONTAKTFORM */

div.kontaktformular div.required,
div.captcha{
width:300px;
padding:5px;
background:#333;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin:2px;
}

div.kontaktformular div input{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 5px;
}

div.kontaktformular div label{
display:block;
font-size:12px;
}

div.kontaktformular div.submit input{
font-size:16px;
width:310px;
height:45px;
float:left;
background:#8bc42f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:2px;
cursor:pointer;
}

div.kontaktformular div.submit input:hover{
background:#9bdb35;
}

span.error{
color:red;
}

div.kontaktformular div.requiredfb_invalid,
div.kontaktformular div.fb_invalid{
width:300px;
padding:5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin:2px;
background:#940011;
}

div.kontaktformular div textarea{
width:300px;
height:100px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

img.captchapict{
width:99px;
height:36px;
}

div.captcha input{
width:89px;
}

div.NewsSummaryContent,
#NewsPostDetailContent{
width:450px;
}

