/* DATEI: ccr_design.css */
/* AUTHOR: Ralf Eckertz */

/* Default Reset
*
{
margin: 0;
padding: 0;
border: 0;
font-size: 100.01%;
}
*/

body {
  padding:0px;
  margin:3px;
  background-color:#FFCC66;
  /*background-image: url("../img/topnavbg1.jpg");*/
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:0px 100px;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  color:#FFFFFF;
  /*height:100%;*/
  text-align:center;
}

body.video {
  padding:0px;
  margin:0px;
  background-color:#333333;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  color:#FFFFFF;
  height:100%;
  text-align:center;
}

body.special {
  padding:0px;
  margin:3px;
  background-color:#000000;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  color:#FFFFFF;
  height:100%;
  text-align:left;
}

body.disco {
  padding:0px;
  margin:0px;
  background-color:#333333;
  font-family:Arial,Verdana,Helvetica,sans-serif;
  color:#FFFFFF;
  height:100%;
  text-align:center;
}

#banner {
  position:relative;
  left:0px;
  width:100%;
  height:90px;
  padding:0px;
  border-width: 0px;
  border-style: solid;
  border-color: black;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color:#FFFFFF;
  background-image: url("../img/topbanner11.jpg");
  background-repeat: repeat-x;
  background-position: top left;
}

#gesamt {
  margin-left: auto;
  margin-right: auto;
  width: 986px;
  /*height:100%;*/
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: #FF0000;
}

#topnav1 {
  position:relative;
  left:0px;
  height: 20px;
  width:986px;
  padding-left:0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-top: 10px;
  border-top-color:#006600;
  border-left: 0px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 1px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  text-align:left;
}

#topnav1ccr {
  position:relative;
  left:0px;
  width:986px;
  height:20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-top: 10px;
  border-top-color:#006600;
  border-left: 0px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 1px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  text-align:left;
}

#topnav1jf {
  position:relative;
  left:0px;
  width:986px;
  height:20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-top: 10px;
  border-top-color:#3366FF;
  border-left: 0px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 1px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  text-align:left;
}

#topnav1scdc {
  position:relative;
  left:0px;
  width:986px;
  height:20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-top: 10px;
  border-top-color:#996600;
  border-left: 0px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 1px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  text-align:left;
}

#topnav1tf {
  position:relative;
  left:0px;
  width:986px;
  height:20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-top: 10px;
  border-top-color:#CC3300;
  border-left: 0px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 1px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  text-align:left;
}

#topnav2 {
  position:relative;
  left:0px;
  width:986px;
  height:20px;
  padding-right: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  text-align:right;
}

#mitte {
  position:relative;
  left:0px;
  width:986px;
  /*height:100%;*/
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align:left;
}

#inhalt {
  position:relative;
  left:160px;
  width: 646px;
  /*height:100%;*/
  padding-top:30px;
  padding-bottom:30px;
  padding-left:10px;
  padding-right:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: yellow;
}

#inhaltGallery {
  position:relative;
  left:160px;
  width: 646px;
  /*height:100%;*/
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: yellow;
}

#inhaltForum {
  position:relative;
  left:0px;
  width: 976px;
  /*height:100%;*/
  padding-top:30px;
  padding-bottom:30px;
  padding-left:0px;
  padding-right:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: yellow;
}

#forum {
  position:relative;
  left:160px;
  width: 826px;
  /*height:100%;*/
  padding-top:0px;
  padding-bottom:10px;
  padding-left:0px;
  padding-right:0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: yellow;
}

#innercontent {
  position:relative;
  left:0px;
  width: 600px;
  /*height:100%;*/
  padding-top:30px;
  padding-bottom:30px;
  padding-left:10px;
  padding-right:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: red;
  text-align:left;
}

#englishcontent {
  position:relative;
  width: 600px;
  /*height:100%;*/
  padding-top:30px;
  padding-bottom:30px;
  padding-left:10px;
  padding-right:10px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color:#333333;
  border-width: 0px;
  border-style: solid;
  border-color: red;
  text-align:left;
}

#links {
  position:absolute;
  top:0px;
  left:0px;
  width:160px;
  /*height:100%;*/
  border-width: 0px;
  border-style: solid;
  border-color: black;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align:left;
  background-color:#333333;
}

#rechts {
  position:absolute;
  top:0px;
  right:0px;
  left:826px;
  width:160px;
  /*height:100%;*/
  border-width:0px;
  border-style: solid;
  border-color: yellow;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  text-align:center;
  background-color:#333333;
  /*background-image: url("../img/logo_bg2.gif");
  background-repeat: repeat-y;
  background-position: top right;*/
}

#countdown {
  position:absolute;
  top:60px;
  left:10px;
  width:160px;
}

#leftnav1 {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#006600;
  border-left: 5px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
}

#leftnav1:hover {background-color: #006600;}

#leftnav2 {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#3366FF;
  border-left: 5px;
  border-left-color:#3366FF;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
}

#leftnav2:hover {background-color: #3366FF;}

#leftnav3 {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#996600;
  border-left: 5px;
  border-left-color:#996600;
  border-right: 0px;
  border-right-color:#FFCC00;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
}

#leftnav3:hover {background-color: #996600;}

#leftnav4 {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#CC3300;
  border-left: 5px;
  border-left-color:#CC3300;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
}

#leftnav4:hover { 
  background-color:#CC3300;
}

table.ccrweb {
 width: 600px;
 padding: 0;
 border-collapse: collapse;
 text-align: left;
 background-color: #333;
 border-width: 0px;
 border-style:solid;
 border-color:#FFFF00;
}

table.ccrweb tr{
 background-color:#333;
}

table.ccrweb td{
 height: 20px;
}

tr.ccrwebRow1:hover {
 background-color:#3366FF;
}

#rightnavccr {
  position:relative;
  left: 0px;
  top:100px;
  border-top: 1px;
  border-top-color:#006600;
  border-left: 5px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}

#rightnavjf {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#3366FF;
  border-left: 5px;
  border-left-color:#3366FF;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}

#rightnavscdc {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#996600;
  border-left: 5px;
  border-left-color:#996600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}

#rightnavtf {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#CC3300;
  border-left: 5px;
  border-left-color:#CC3300;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}

#rightnavnews {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#006600;
  border-left: 5px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}

#rightnavmeeting {
  position:relative;
  left:0px;
  top:100px;
  border-top: 1px;
  border-top-color:#006600;
  border-left: 5px;
  border-left-color:#006600;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 0px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}


#rightnavheader {
  position:relative;
  left:0px;
  top:100px;
  border-top: 0px;
  border-top-color:#3366FF;
  border-left: 0px;
  border-left-color:#3366FF;
  border-right: 0px;
  border-right-color:#FFFFFF;
  border-bottom: 1px;
  border-bottom-color:#FFFFFF;
  border-style: solid;
  padding-left:10px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  color: #FFFFFF;
  background-color: #333333;
  font-size:9pt;
  text-align:left;
}

#fuss {
  position:relative;
  left:0px;
  height:22px;
  width:986px;
  padding: 0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size:9pt;
  color: #FFFFFF;
  background-color:#333;
}

.nav1 {
  font-size:0.8em;
  color:#FFFFFF;
  padding:0px 0px;
  margin:0px;
}

.nav2 {
  font-size:0.8em;
  color: #000000;
  padding:0px 0px;
  margin:0px;
}

.footer {
  font-size:9pt;
  color: #FFFFFF;
  padding:0px 0px;
  margin:0px;
  background-color:#0000FF;
}

/* Ueberschriften */
h1 { font-size:10pt;}
h2 { font-size:10pt; color:#3366FF; }
h2.concerts { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 10pt;
	color: #FFFFFF;
	margin-top: 20px;
 }
 
h3 { font-size:8pt; color:#3366FF; }
h3.newsDate { color:#3366FF; font-size:10pt; text-decoration:none;}
h3.newsHeadline { color:#FFFFFF; font-size:10pt; text-decoration:underline;}
h3.lyricsHeadline { 
 color:#3366FF; 
 font-size:10pt; 
 text-decoration:none; 
 position:relative;
 left:200px;
 width:300px;
 margin-top: 20px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}

h3.concerts {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #3366FF;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 10pt;
	color: #3366FF;
	margin-top: 40px;
}

h3.special { 
 color:#3366FF; 
 font-size:10pt; 
 text-decoration:none; 
 position:relative;
 /*left:180px;*/
 width:600px;
 margin-top: 20px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
}

.news {color:#FFFFFF; font-size:10pt; text-decoration:underline;}

a:link { color:#CCCCCC; text-decoration:none;font-size: 8pt; font-family:Arial,sans-serif; }
a:visited { color:#CCCCCC; text-decoration:none;font-size: 8pt; font-family:Arial,sans-serif; }
a:active { color:#999999; text-decoration:none;font-size: 8pt; font-family:Arial,sans-serif; }
a:hover { color:#FFFFFF; text-decoration:none;font-size: 8pt; font-family:Arial,sans-serif;}

.noLink { color:#999999; text-decoration:none;font-size: 8pt; font-family:Arial,sans-serif; }

span.videoHead { font-size:8pt; color:#3366FF; font-weight:700}
.smallFont { color:#FFFFFF; font-size:8pt }
.fontBigYellow { font-size:16pt; color:#FFFF00; font-weight:500}
.fontYellow { font-size:10pt; color:#FFFF00}
span.chartsHead { font-size:10pt; color:#3366FF; font-weight: bold}
span.chartsResultHead { font-size:10pt; color:#FFF; font-weight: bold}
span.chartsResultList { font-size:10pt; color:#FFF; font-weight: normal}

/* Absaetze */
p, ol, ul { font-size:10pt;}
p.special, ol.special, ul.special, dl.special { 
 color:#CCCCCC; 
 font-size:10pt; 
 text-decoration:none; 
 position:relative;
 /*left:180px;*/
 width:600px;
 margin-left: auto;
 margin-right: auto;
}

p.comment {
 font-size:10pt; 
 font-style:italic; 
}

ul.topnavi1 {
 height:20px;
 margin: 0; padding: 0;
 text-align: center;
 background-color: #333;
}

ul.topnavi1 li {
 list-style: none;
 display: inline;
 margin: 0; padding: 0;
}

ul.topnavi1 a { 
 float: left; width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 20px;
 text-decoration:none;
 font-size: 8pt;
 font-family:Arial,sans-serif;
 color: #CCC; background-color: #333;
}

ul.topnavi1 a:hover { 
 float: left; width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 20px;
 text-decoration:none;
 font-size: 8pt;
 font-family:Arial,sans-serif;
 color: #FFF; background-color: #333;
}

ul.topnavi1 span { 
 float: left; width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 20px;
 text-decoration:none;
 font-size: 8pt;
 font-family:Arial,sans-serif;
 color: #999; background-color: #333;
}

ul.topnavi2 {
 position:relative;
 height: 20px;
 margin: 0; padding: 0;
 text-align: center;
 background-color: #333;
 background-image: url("../img/topnavbg1.jpg");
}

ul.topnavi2 li {
 list-style: none;
 display: inline;
 margin: 0; padding: 0;
}

ul.topnavi2 a { 
 float: right; width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 20px;
 margin-bottom: 0px;
 margin-left: 0px;
 text-decoration:none;
 font-size: 8pt;
 font-family:Arial,sans-serif;
 color: #CCC;
}

ul.topnavi2 a:hover { 
 float: right; width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 20px;
 margin-bottom: 0px;
 margin-left: 0px;
 text-decoration:none;
 font-size: 8pt;
 font-family:Arial,sans-serif;
 color: #FFF;
}

ul.topnavi2 span { 
 float: right; width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 20px;
 margin-bottom: 0px;
 margin-left: 0px;
 text-decoration:none;
 font-size: 8pt;
 font-family:Arial,sans-serif;
 color: #999;
}

table.footer {
 margin-left:auto;
 margin-right:auto;
 height:20px;
 width:auto;
 padding: 0;
 text-align: center;
 background-color: #333;
 border-width: 0px;
 border-style:solid;
 border-color:#FFFF00;
}

table.footer a { 
 width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 text-decoration:none;
 font-size: 9pt;
 font-family:Arial,sans-serif;
 color: #CCC;
}

table.footer a:hover { 
 width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 text-decoration:none;
 font-size: 9pt;
 font-family:Arial,sans-serif;
 color: #FFF;
}

table.footer span { 
 width: auto;
 padding: 0;
 margin-top: 3px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 text-decoration:none;
 font-size: 9pt;
 font-family:Arial,sans-serif;
 color: #CCC;
}

.lyrics {
  position:relative;
  left:200px;
  width:300px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.lyricsSmallFont {
  position:relative;
  left:200px;
  width:300px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  font-size:8pt
}

.video{
  position:relative;
  top:20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align:center;
  background-color:#333333;
}

.disco{
  position:relative;
  width: 100%;
  text-align:left;
  background-color:#333333;
}

#albumcovers{
  position:absolute;
  top:40px;
  left:270px;
  z-index: 2;
  /*visibility: visible;*/
}

#concertpics{
  position:absolute;
  top:40px;
  left:360px;
  z-index: 2;
  /*visibility: visible;*/
}

div.special
{
 position: absolute;
 top: -115px;
 left: 0px;
 z-index: 2;
 visibility: show;
 visibility: visible;
}

div.special2
{
 position: absolute;
 top: -61px;
 left: 880px;
 z-index: 2;
 visibility: show;
 visibility: visible;
}

div.special3
{
 position: absolute;
 top: 13px;
 left: 50px;
 z-index: 3;
 visibility: show;
 visibility: visible;
}

/* Formularbutton Charts */
input.button {
   width: auto;
   height: 20px;
   vertical-align: middle; 
   color: #FFF;
   border-style: solid;
   border-width: 1px; 
   border-left-color:#FFF;
   border-top-color:#FFF;
   border-right-color:#AAA;
   border-bottom-color:#AAA;
   background-color: #006600;
   font-size: 10pt; 
   font-family:Verdana,sans-serif; 
}

select {
	font-family: Arial, sans-serif;
	font-weight: normal;
    font-size:8pt;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 1px;
	background-color: #FAFAFA;
}

.chartsForm {
    margin: 0;
	padding: 0;
}

table.chartsRanking {
    width: 600px;
	margin: 3px;
	padding:3px;
    table-layout:auto;
	empty-cells:show;
}

td.chartsRanking {
    margin: 3px;
	padding:3px;
    border-collapse:collapse;
	border-width: 1px;
	border-style: dotted;
	border-color: #FFF;
}


/* ----------------------------------------------------------- */
.form { font-size:9pt;}
.inputField { 
  font-size:10pt;
  color:#FFFFFF;
  BORDER-RIGHT: #7f7f7f 1px solid;  
  BORDER-TOP: #7f7f7f 1px solid;  
  BORDER-LEFT: #7f7f7f 1px solid;  
  BORDER-BOTTOM: #7f7f7f 1px solid;
  background-color:#333333;
  WIDTH: 150px;
}

.errorField  
{ 
    BORDER-RIGHT: #CC3300 1px solid; 
    BORDER-TOP: #CC3300 1px solid; 
    BORDER-LEFT: #CC3300 1px solid; 
    BORDER-BOTTOM: #CC3300 1px solid; 
    FONT-SIZE: 10pt; 
    WIDTH: 150px; 
    background-color: #FFCC66; 
}  

.errorTable  
{ 
    BORDER-RIGHT: #CC3300 1px solid; 
    BORDER-TOP: #CC3300 1px solid; 
    BORDER-LEFT: #CC3300 1px solid; 
    BORDER-BOTTOM: #CC3300 1px solid; 
    FONT-SIZE: 10pt; 
    background-color: #FFCC66;
	color: #000000; 
}

.successTable
{ 
    BORDER-RIGHT: #006600 1px solid; 
    BORDER-TOP: #006600 1px solid; 
    BORDER-LEFT: #006600 1px solid; 
    BORDER-BOTTOM: #006600 1px solid; 
    FONT-SIZE: 10pt; 
    background-color: #333333;
	color: #FFFFFF; 
}

/*Gaestebuch*/

TD { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, Helvetica }
INPUT { FONT-SIZE: 14pt; COLOR: #000000; FONT-FAMILY: courier, Arial, Verdana, Helvetica; border-width:0; border-color:#3366FF; border-style:solid }
.radio { border:0px }
TEXTAREA { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Courier, monospace, Arial, Verdana, Helvetica; border-width:0; border-color:#000000; border-style:solid}
.gbbutton
{
	padding:3px;
	margin:3px;
	width:80px;
	font-size:10pt;
	FONT-FAMILY: Arial, Verdana, Helvetica;
	border: 1px solid #FFFFFF;
	background-color: #3366FF;
	color:#FFFFFF;
	}