* {
margin:0;
padding:0;
}

body {
font:.833em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
}

html>body {
font-size:12px;
}

#wrapper {
width:771px;
margin:auto;
text-align:left;
}

#main {
margin-left:161px;
}

* html #main {
position:relative;
left:-3px;
}

ul#topnav, ul#subnav {
list-style-type:none;
}

span.hideme, .nav a span, #hl span {
display:block;
position:absolute;
height:100px;
width:100px;
overflow:hidden;
left:-9999px;
top:-9999px;
}

#basic {
width:160px;
float:left;
padding-bottom:253px;
background:#fff url(images/back-left.jpg) bottom no-repeat;
}

#basic #hl {
display:block;
width:160px;
height:170px;
background:#fff url(images/valgreen-yoga.jpg) left bottom no-repeat;
}

ul#topnav li {
display:inline;
}

ul#topnav li a {
display:block;
height:34px;
margin:1px 0;
background:transparent left bottom no-repeat;
}

ul#topnav li a:hover, ul#topnav li.act a {
background-position:left top;
}

#topnav #l_omyoga a {background-image:url(images/topnav/omyoga.gif);}
#topnav #l_stress a {background-image:url(images/topnav/stress.gif);}
#topnav #l_kontakt a {background-image:url(images/topnav/kontakt.gif);}
#topnav #l_links a {background-image:url(images/topnav/links.gif);}
#topnav #l_omyoga_de a {background-image:url(images/topnav/omyoga_de.gif);}
#topnav #l_stress_de a {background-image:url(images/topnav/stress_de.gif);}
#topnav #l_kontakt_de a {background-image:url(images/topnav/kontakt_de.gif);}
#topnav #l_links_de a {background-image:url(images/topnav/links_de.gif);}
#topnav #l_deutsch a {background-image:url(images/topnav/deutsch.gif);}
#topnav #l_dansk a {background-image:url(images/topnav/dansk.gif);}

ul#subnav {
height:119px;
}

ul#subnav li {
float:left;
display:block;
margin-right:1px;
}

ul#subnav li a {
display:block;
height:119px;
width:120px;
background:transparent left bottom no-repeat;
}

ul#subnav li a:hover, ul#subnav li.act a {
background-position:right bottom;
}

#l_firma {background:rgb(50%, 69%, 89%);}
#l_firma_de {background:rgb(50%, 69%, 89%);}
#l_kurser {background:rgb(152, 201, 251);} /*url(images/subnav/kurse-top.gif) top left no-repeat;*/
#l_kurse {background:rgb(152, 201, 251);} /*url(images/subnav/kurse-top.gif) top left no-repeat;*/
#l_lehrer {background:rgb(146, 230, 246);}
#l_lehrer_de {background:rgb(146, 230, 246);}
#l_anatomi {background:rgb(209, 246, 146);}
#l_anatomie {background:rgb(209, 246, 146);}
#l_ferie {background:rgb(127, 213, 127);} /*url(images/subnav/ferien-top.gif) top left no-repeat;}*/
#l_ferien {background:rgb(127, 213, 127);} /*url(images/subnav/ferien-top.gif) top left no-repeat;}*/

#subnav #l_firma a {background-image:url(images/subnav/firma.gif);}
#subnav #l_kurser a {background-image:url(images/subnav/kurser.gif);}
#subnav #l_lehrer a {background-image:url(images/subnav/lehrer.gif);}
#subnav #l_anatomi a {background-image:url(images/subnav/anatomi.gif);}
#subnav #l_ferie a {background-image:url(images/subnav/ferie.gif);}
#subnav #l_firma_de a {background-image:url(images/subnav/firma_de.gif);}
#subnav #l_kurse a {background-image:url(images/subnav/kurse.gif);}
#subnav #l_lehrer_de a {background-image:url(images/subnav/lehrer_de.gif);}
#subnav #l_anatomie a {background-image:url(images/subnav/anatomie.gif);}
#subnav #l_ferien a {background-image:url(images/subnav/ferien.gif);}

#content {
padding:10px 17px 30px 17px;
min-height:500px;
height:500px;
}

#firma #content { background:#fff url(images/verlauf_firma.gif) top left no-repeat; }
#firma_de #content { background:#fff url(images/verlauf_firma.gif) top left no-repeat; }
#kurser #content { background:#fff url(images/verlauf_kurse.gif) top left no-repeat; }
#kurse #content { background:#fff url(images/verlauf_kurse.gif) top left no-repeat; }
#lehrer #content { background:#fff url(images/verlauf_lehrer.gif) top left no-repeat; }
#lehrer_de #content { background:#fff url(images/verlauf_lehrer.gif) top left no-repeat; }
#anatomi #content { background:#fff url(images/verlauf_anatomi.gif) top left no-repeat; }
#anatomie #content { background:#fff url(images/verlauf_anatomi.gif) top left no-repeat; }
#ferie #content { background:#fff url(images/verlauf_ferie.gif) top left no-repeat; }
#ferien #content { background:#fff url(images/verlauf_ferie.gif) top left no-repeat; }

html>body #content {
height:auto;
}

#home #content {
background:#fff url(images/startseite.jpg) right top no-repeat;
}

#home #content p {
width:180px;
}

#velk {
height:133px;
width:317px;
background:transparent url(images/omyoga/velkommen.gif);
margin:10px 0 30px 0;
padding:0;
}

h2 {
font:180% Georgia, "Times New Roman", Times, serif;
color:#6834D3;
text-align:center;
padding:0 0 15px 0;
margin:.5em 0 1em 0;
background:transparent bottom url(images/trennstrich.gif) no-repeat;
}

h3 {
font:140% Georgia, "Times New Roman", Times, serif;
margin:1em 0;
}

h4 {
font:120% Georgia, "Times New Roman", Times, serif;
margin:1em 0;
font-style:italic;
}

p {
margin:0 0 1em 0;
line-height:1.4em;
}

ol {
padding-left:3em;
margin-bottom:1em;
}

ol li {
font:100% Georgia, "Times New Roman", Times, serif;
color:#6834D3;
margin-bottom:.2em;
}

li p {
margin:0;
color:#000;
font:1em Verdana, Arial, Helvetica, sans-serif;
line-height:1.4em;
}

#content ul {
padding-left:1em;
margin-bottom:1em;
}

#content ul li {
padding-left:2em;
list-style-type:none;
margin-bottom:.2em;
background:transparent url(images/punkt.gif) .3em .3em no-repeat;
}

#content a {
color:#6834D3;
}

#footer{
padding:20px;
background:url(images/trennstrich_sw.gif) center top no-repeat;
text-align:center;
font:100% Georgia, "Times New Roman", Times, serif;
color:#666;
margin-left:160px;
}

#footer a {
color:#6834D3;
}

#address {
overflow:auto;
}

#address address {
display:block;
margin:1em 2em 1em 0;
float:left;
}

form#content {
padding:0;
}

form, fieldset, textarea {
border:0 none;
}

dt {
padding:.2em 1.5em;
background:transparent url(images/link_extern.gif) .2em .4em no-repeat;
font-size:1.2em;
}

dd {
margin-bottom:1em;
margin-left:2em;
}

form {
position:relative;
border-top:solid 1px #ddd; 
padding:1em 50px;
}

form label {
border-bottom:dashed 1px #bbb;
cursor: pointer;
float:left;
}

form#kontaktform {
padding: 1em 100px 1em 0 ;
border-top:0;  
}

#kontaktform label {
position:absolute;  
right:60%;
}

form input, form textarea {
float:right;
 border:solid 1px #bbb;
width:50%;
}

#content form div {
clear:left;
padding-top:5px; 
position:relative;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */