/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: black;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:white;
padding:0;
margin:0;
}
a {color: blue;}
a:visited {color:blue;}
a:hover {color: red;}
a:active { color:blue;}

h1 { color: white; font-size: 20px; font-weight: normal; letter-spacing: 2px; padding:5px 54px; margin:0 0 30px     }
h3 { color: white; font-size: 17px; font-weight: normal; font-style: italic; margin: 0; padding: 0 0 10px 4px; }
h2 { color: black; font-size:16px; text-transform: uppercase; padding: 5px; margin:0; }
img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container { width: 1005px; margin: 0 auto; padding:0; }  

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: black;
padding: 0;
margin: 0; }

#banner img { vertical-align: middle; padding:30px 0 0; } 

/* ----------outer und inner----------------- */

#outer{ 
border-left: 5px solid black; /* linke Menue Spalten Farbe  */ 
border-right: 217px solid black; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
} 

#inner{ margin:0; width:100%; }

/* --------------left und right navigavtion------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 #right { width:217px; float:right; position:relative; margin-right:-227px; margin-left:1px; }
#right img { margin: 60px 0 0; }
#right p { color: white; text-transform: uppercase; letter-spacing: 2px; }
/* -----------------Inhalt--------------------- */ 
#content{ background-color: black; position: relative; height: 100%; float: left; margin: 0 0 20px; padding-right: 28px; border-right: 1px dashed white; }
#player { background-color: white; width: 100%; height: 290px; float: left; margin: 0 0 28px; padding: 0; }
#player img { position: relative; float: left; margin-right: 10px; }
#theVideo { position: relative; float: left; margin-right: 10px; }
#archiv { width: 100%; float: left; margin: 0; }
.archiv1 { background-color: white; margin: 0 28px 28px 0; position: relative; width: 232px; float: left; }
.archiv2 { background-color: white; margin: 0 28px 0 0; position: relative; width: 232px; float: left; }
.archiv4 { background-color: white; margin: 0; position: relative; width: 232px; float: left; }
.archiv3 { background-color: white; margin: 0 0 28px; position: relative; width: 232px; float: left; }
#archiv h1 { color: black; font-size: 14px; font-weight: bold; background-color: yellow; text-decoration: none; text-transform: uppercase; letter-spacing: 0; margin: 0; padding: 3px 5px; list-style-type: none; display: block; }
#archiv a { color: black; font-size: 14px; font-weight: bold; text-decoration: none; background-color: white; text-transform: uppercase; list-style-type: none; display: block; margin: 0; padding: 3px 5px; }
#archiv a:visited { color: black; }
#archiv a:hover { color: white; background-color: red; }
#archiv a:active { color: black; background-color: white; }
p { color: black; letter-spacing: 0; margin:0; padding: 5px 10px; }
pre{ font-size: 12px; padding: 5px 0; margin:0; }

/*  ----------------footer---------------------- */ 
#footer { clear:left; padding:0; margin:10px 10px 0 4px; text-align: right; border-top: 1px dashed white; }
#footer a { color: yellow; }
#footer a:visited {color:yellow;}
#footer a:hover {color: red;}
#footer a:active { color:yellow;}