html {
background: #330;
}

body {
background: #330;
}

h1, h2, h3, h4 {
line-height: 1.4em;
color: #ee7;
}


h1 {
font-size: 1.6em;
margin: 0 0 1.5em 0;
line-height: 1.5em;
}

h2 {
font-size: 1.3em;
margin: 2em 0 1em 0;
}

h3 {
font-size: 1.2em;
margin: 2em 0 1em 0;
}

h4 {
margin: 2em 0 1em 0;
}

dt {
background: #222;
border: 1px solid #666;
padding: .2em .5em;
}


fieldset {
border: 1px solid #666;
background: #000;
}

legend {
color: #ff7;
font-weight: bold;
}


hr {
 color : #666;
 height : 1px;
 padding : 0;
 border-color : #666;
 border-width : 1px 0 0 0;
 border-style : solid;
 margin: 1em 0;
}


#main{
width: 50em;
max-width: 90%;
text-align:left;
margin: 2em auto;
background: #111;

border:1px solid #666;
-moz-border-radius: 18px;
-khtml-border-radius: 18px;
padding: 6px;
}

#main:after {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
/* End hide from IE-mac */


#kopf {
height: 150px;
margin-bottom: 6px;
background-color: #000;
border: 1px solid #666;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
background-image:url(../img/headerbild1.jpg);
background-repeat: no-repeat;

}


#inhalt {
float:left;
width: 36.3em;
max-width: 90%;
min-height: 65em;
background: #222;
border: 1px solid #666;
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
margin: 0;
padding: 1em;
}
* html #inhalt {
width: 37.5em;
height: 65em;
}

#footer {
clear:left;
font-size: .9em;
}


/* Navigation */
#navi {
float:right;
width: 11em;
}


#navi ul {
margin: 0;
list-style-type:none;
}


#navi li {
margin: .4em 0;
border: 1px solid #552;
font-size: .9em;
background: #323200;
background-image:url(../img/navi-bg.gif);
background-repeat: repeat-x;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

#navi li a {
display:block;
padding: 0 .5em .2em .5em;
}

#navi li a:link,
#navi li a:visited {
text-decoration:none;
border-left: 6px solid #00a;
border-left: 6px solid #552;
}

#navi li a:focus,
#navi li a:hover,
#navi li a:active {
background: #323200;
text-decoration:underline;
border-left: 6px solid #bb5;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

#navi h2,
#navi h3,
#navi li,
#navi li a {
color:#eee;
}

#navi h2,
#navi h3 {
margin: 1em 0 .4em 0;
font-size: 1.6em;
}

#navi .current {
display:block;
padding: 0 0 .2em .5em;
color:#ff7;
border-left: 6px solid #bb5;

background:#000;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;

}

#navi a img{
display:block;
margin: 0 auto;
}

#styles p a {
display:block;
border: 1px solid #666;
background: #222;
margin:5px 0;
}



#styles a:focus,
#styles  a:hover,
#styles a:active{
background: #323200;
}

/* Ende Navigation */

/* Seitennavi */

#videohelp #ad,
#seitennavi, #haftungsausschluss, .liste, dl {
border: 1px solid #666;
background-color: #000;
}

#videohelp #ad h2,
#seitennavi h2,
#haftungsausschluss h2,
#seitennavi ol, dl dt {
color:#eee;
}




/* Links beim Mouseover und beim Tabben kennlich machen */
a:link, a:visited {
color: #bb5;
text-decoration:none;
}


a:hover, a:active, a:focus {
text-decoration:underline;
color: #ff8;
}

a:hover.email, a:active.email, a:focus.email {
}


/* Ende Links */



table{
border-collapse:collapse;
text-align:center;
margin-bottom: 2em;
}

th {
padding: .2em .5em;
}

td {
border: 5px solid #222;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: .2em .3em;
}



/* Skiplinks und verstecken */

.skip a {
	position:absolute;
	top:0;
        padding: 0 .5em;
        color: #bbb;
}



.skip a:focus,
.skip a:hover,
.skip a:active  {
color:#ff0;
background: #330;
}


.credit p{
clear:right;
font-size: .7em;
letter-spacing:0;
margin:1em 0;
color:#555;
}

.credit a{
letter-spacing:0;
color:#555 !important;
}

/* Tasten für Lormen nur Stil dunkel anders */
#erklaerung dt a:link,
#erklaerung dt a:visited {
background: #00003b;
border: 1px solid #00a;
background-image:url(../img/bg-menu.gif);
background-repeat: repeat-x;
}

#erklaerung dt a:focus,
#erklaerung dt a:hover,
#erklaerung dt a:active {
background: #0000ee;
border: 1px solid #08f;
}

input,
select, 
textarea  {
color:#ff7;
background-color:#443;
padding: 2px;
}

#navi select {
width: 100%;
}

textarea:hover, textarea:active, textarea:focus,
input:hover, input:active, input:focus,
select:hover, select:active, select:focus {
color:#ff7;
background-color: #000;
}


.warning {
color:#f00;
}

.kein_umbruch {
white-space: nowrap;
}

ul.mit-trenner li {
background: #000;
}

/*
.exlist a:focus, .exlist a:hover, .exlist a:active,
a:focus.ex, a:hover.ex, a:active.ex {
background: #00a url(../img/ex_black.gif) 2px 4px no-repeat;
}
*/

.doc {
background: transparent url(/img/doc_small.gif) 0 20% no-repeat !important;
padding-left: 20px !important;
display:inline-block;
}
.pdf {
background: transparent url(/img/pdf_small.gif) 0 20% no-repeat !important;
padding-left: 20px !important;
display:inline-block;

}
.txt {
background: transparent url(/img/txt_small.gif) 0 20% no-repeat !important;
padding-left: 20px !important;
display:inline-block;
}

.Text {
background: #000;
border: 1px solid #666;
padding: 1em;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
}



#bildgross img {
margin:auto;
}

.right {
text-align: right;
float: right;
}
.links {
float:left;
}

.right img,
.links img {
border:0 !important;
display:inline !important;
margin:0 !important;
padding:0 !important;
}

.thumb {
border: 5px solid #222;
}

.sprache {background: #222;}

/* fuer Videos */
#quivive h2 {margin: 1em 0;}

#quivive .innervid, 
#quivive #player1, 
#quivive #player2, 
#quivive #player3, 
#quivive #player4, 
#quivive #player5, 
#quivive #player6, 
#quivive #player7, 
#quivive #player8, 
#quivive #player9, 
#quivive #player10, 
#quivive #player11, 
#quivive #player12, 
#quivive #player13, 
#quivive #player14, 
#quivive #player15, 
#quivive #player16, 
#quivive #player17, 
#quivive #player18, 
#quivive #player19, 
#quivive #player20, 
#quivive #player21, 
#quivive #player22, 
#quivive #player23, 
#quivive #player24, 
#quivive #player25, 
#quivive #player26, 
#quivive #mp1, 
#quivive #mp2, 
#quivive #mp3, 
#quivive #mp4, 
#quivive #mp5, 
#quivive #mp6, 
#quivive #mp7, 
#quivive #mp8, 
#quivive #mp9, 
#quivive #mp10, 
#quivive #mp11, 
#quivive #mp11, 
#quivive #mp12, 
#quivive #mp13, 
#quivive #mp14, 
#quivive #mp15, 
#quivive #mp16, 
#quivive #mp17, 
#quivive #mp18, 
#quivive #mp19, 
#quivive #mp20, 
#quivive #mp21, 
#quivive #mp22, 
#quivive #mp23, 
#quivive #mp24, 
#quivive #mp25, 
#quivive #mp26 
{
width: 246px !important;
float:right;
text-align:center;
}

#quivive .innervid {
margin-left: 10px
} 


.controls a {
width: 122px;
padding:2px 0 !important;
display:inline-block;
}

#quivive #player1, 
#quivive #player2, 
#quivive #player3, 
#quivive #player4, 
#quivive #player5, 
#quivive #player6, 
#quivive #player7, 
#quivive #player8, 
#quivive #player9, 
#quivive #player10, 
#quivive #player11, 
#quivive #player12, 
#quivive #player13, 
#quivive #player14, 
#quivive #player15, 
#quivive #player16, 
#quivive #player17, 
#quivive #player18, 
#quivive #player19, 
#quivive #player20, 
#quivive #player21, 
#quivive #player22, 
#quivive #player23, 
#quivive #player24, 
#quivive #player25, 
#quivive #player26, 
#quivive #mp1, 
#quivive #mp2, 
#quivive #mp3, 
#quivive #mp4, 
#quivive #mp5, 
#quivive #mp6, 
#quivive #mp7, 
#quivive #mp8, 
#quivive #mp9, 
#quivive #mp10, 
#quivive #mp11, 
#quivive #mp11, 
#quivive #mp12, 
#quivive #mp13, 
#quivive #mp14, 
#quivive #mp15, 
#quivive #mp16, 
#quivive #mp17, 
#quivive #mp18, 
#quivive #mp19, 
#quivive #mp20, 
#quivive #mp21, 
#quivive #mp22, 
#quivive #mp23, 
#quivive #mp24, 
#quivive #mp25, 
#quivive #mp26 
{
height: 206px !important; 
}

.hinweis_pro_skin {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0;
	height:0;
	display:inline;
   overflow:hidden;
}