/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; } *

p {
  margin-bottom: 15px;
}

body {
 background: #9e0026;
 font-family:verdana, helvetica, arial;
 font-size: 13px;
 scrollbar-base-color:#423453;
 scrollbar-3d-light-color:#FFFFFF;
 scrollbar-arrow-color:#FFFFFF;
 scrollbar-darkshadow-color:#000000;
 scrollbar-face-color:#8C8CC6;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-shadow-color:#000000;
 scrollbar-track-color:#ACACE6;
 
}
#wrapper { 
 margin: 0px 0px 0px 5px;
 width: 922px;
}
#header {
 color: #ffffff;
 width: 835px;
 float: left;
 padding: 5px 17px 0px 7px;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-top: 1px solid #ccc;
 border-bottom: 0px solid #ccc;
 height: 97px;
 margin: 5px 0px 0px 0px;
 background: #000000;
}


#leftcolumn { 
  color: #ffffff;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 0px solid #ccc;
  margin: 0px 0px 5px 0px;
  padding: 10px;
  height: 455px;
  width: 605px;
  float: left;
  overflow: auto;
  background: #000000;
}

#rightcolumn { 
  float: left;
  color: #333;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 0px solid #ccc;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height: 475px;
  width: 234px;
  display: inline;
  background: #000000;
  position: relative;
}


#header-bottom {
  height: 11px;
  margin: 15px 0px 0px 0px; padding:0 0 0 15px;
}

#nav {
  width: 326px; height: 16px;
  background: url(bilder/nav.gif);
  margin: 0; padding: 0;
  position: relative;
}

#nav span {
  display: none;
}

#nav li {
  margin: 0px; padding: 0px; list-style: none;
  position: absolute; top: 0;
}

#nav li, #nav a {
  height: 16px; display:block;
}

#start {left: 0px; width: 65px;}
#hoerproben {left: 65px; width: 110px;}
#video {left: 175px; width: 80px;}
#kontakt {left: 255px; width: 77px;}

#start a:hover {background: transparent url(bilder/nav.gif) 0 -16px no-repeat;}
#hoerproben a:hover {background: transparent url(bilder/nav.gif) -65px -16px no-repeat;}
#video a:hover {background: transparent url(bilder/nav.gif) -175px -16px no-repeat;}
#kontakt a:hover {background: transparent url(bilder/nav.gif) -255px -16px no-repeat;}

body.body-start #start, 
body.body-hoerproben #hoerproben a:hover{background: transparent url(bilder/nav.gif) 0 -16px no-repeat;}
body.body-hoerproben #hoerproben, 
body.body-hoerproben #hoerproben a:hover{background: transparent url(bilder/nav.gif) -66px -58px no-repeat;}
body.body-video #video, 
body.body-video #video a:hover{background: transparent url(bilder/nav.gif) -141px -58px no-repeat;}
body.body-kontakt #kontakt, 
body.body-kontakt #kontakt a:hover{background: transparent url(bilder/nav.gif) -255px -58px no-repeat;}


h1 {
  font-weight: bold;
  font-size: 13pt;
  color: #ffffff;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 2px;
  margin-top: 4px;
  margin-right: 50px;
  margin-bottom: 15px;
  border-left:15px solid #9e0026;
  border-bottom:3px solid #e4a11b;
}

h2 {
  font-weight: bold;
  font-size: 10pt;
  color: #ffffff;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 5px;
  margin-right: 300px;
  margin-bottom: 15px;
  border-left:10px solid #9e0026;
  border-bottom:1px solid #e4a11b;
}

 
  
span.titel {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #e4a11b;
}

span.titel2 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #eccb89;
}

span.titel3 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	color: #eccb89;
}

a.test:link {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #e4a11b;
	text-decoration: underline;
}

a.test:visited {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #e4a11b;
	text-decoration: underline;
}

a.test:hover {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #9e0026;
	text-decoration: underline;
}

a.test:active {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #e4a11b;
	text-decoration: underline;
}

a.test:focus {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #e4a11b;
	text-decoration: underline;
}




/* Schrift normal */
td { font-family:verdana, helvetica, arial; font-size:10pt; color:#fff; }

/* Schrift - Fehlermeldung */
.tdf { font-family:verdana, helvetica, arial; font-size:10pt; color:#7F0000; }

/* einzelige Textfelder */
.tf { border: #ffffff 1px solid; font-family:verdana, helvetica, arial; font-size: 8pt; color: #000000; background-color: #FFFFFF; height:18px; }

/* mehrzeiliges Textfeld */
.tf1 { border: #ffffff 1px solid; font-family:verdana, helvetica, arial; font-size: 8pt; color: #000000; background-color: #FFFFFF; }

/* Button im Normalzustand */
.bt { border: #ffffff 1px solid; font-family:verdana, helvetica, arial; font-size: 8pt; font-weight:bold; color: #000000; background-color:#CFCFCF; height:22px; cursor:pointer;}

/* Button beim ueberfahren mit der Maus */
.bt:hover { border: #ffffff 1px solid; font-family:verdana, helvetica, arial; font-size: 8pt; font-weight:bold; color: #ffffff; background-color:#AFAFAF; height:22px; cursor:pointer;}

/* sonstiges */
a { font-family:verdana, helvetica, arial; font-size:9pt; color:#AFAFAF; text-decoration:none;}
#space {font-size:1px;}