/* damit opera keine raender produziert */
body {
  padding: 0px;
  background-image: url("../img/background.gif");
  background-repeat: repeat-x;
  margin: 0;
  background-color: #CCCCCC;
}

table.full { width: 100%; }
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
th,td { padding: 0.1em; }

/* ----- unverlinkt ----- */


.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}
.menu {background: #dff; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
.missing {background: #fdd;}
.missing2 {background: #fdd; border: 2px #000 dotted;}
.missing3 { border: 2px red dotted;}

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0.5em auto }

.firma {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 16px;
font-weight: bold; 
color: #000000; 
text-decoration: none;
}

.cancelled {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 15px;
line-height: 16px;
font-weight: bold; 
color: red; 
text-decoration: none;
}

.marginal-title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 25px;
font-weight: bold;
color: #666666;
}

.marginal-title-staff {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 25px;
color: #666666;
}

.marginal-title-contact {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 20px;
font-weight: bold;
color: #ffffff;
}

.marginal-title-contact-grau {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 20px;
font-weight: bold;
color: #666666;
}

.marginal-subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
font-weight: bold;
color: #666666;
}

.text-marginal {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
line-height: 14px;
color: #000000; 
text-decoration: none;
}

.title {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
line-height: 22px;
color: #000000;
font-weight: bold; 
text-decoration: none;
}

.title-contact {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px;
line-height: 22px;
color: #666666;
font-weight: bold; 
text-decoration: none;
}

.subtitle {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #000000;
font-weight: bold; 
text-decoration: none;
}

.subtitle-grau {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 25px;
color: #666666; 
text-decoration: none;
}

.subtitle-grau-contact {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
color: #666666; 
text-decoration: none;
}

.text-normal {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #000000; 
text-decoration: none;
}

.text-fehler {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: red;
text-decoration: none;
}


.text-bold {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #000000;
font-weight: bold; 
text-decoration: none;
}

.table {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 17px;
color: #000000;
text-decoration: none;
}

.table-bold {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 17px;
color: #000000;
font-weight: bold; 
text-decoration: none;
}

.text-ein {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
width: 274px;
height: 18px;
color: #000000;
}

.step {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #666666;
}

.text-order {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000; 
text-decoration: none;
}


/* ----- verlinkt ----- */ 
a:hover {
text-decoration: none;
color: #cc0000;
} 



/* navigation */

.navigation {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #ffffff; 
text-decoration: none;
}

.navigation:hover {
color: #ffffff;
}

.navigation-aktiv {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #000000; 
text-decoration: none;
}

/*
.navigation-aktiv: hover {
color: #000000;
}
*/
.subnavigation {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #666666; 
text-decoration: none;
}

.subnavigation-index {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #666666; 
text-decoration: none;
}

.navigation-news {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #CC0000; 
text-decoration: none;
}

.subnavigation-news {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
color: #CC0000; 
text-decoration: none;
}

/* sonstige */

.marginal {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
line-height: 14px;
color: #cc0000; 
text-decoration: none;
}

.link2 {  
text-decoration: none;
}
.link2:hover {  
text-decoration: underline;
}

.contact {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #999999; 
text-decoration: none;
}

.pfad {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #999999; 
text-decoration: none;
}

.fuss {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px;
line-height: 14px; 
color: #333333; 
text-decoration: none;
}

.link {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #cc0000; 
text-decoration: none;
}

.link-text-bold {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
font-weight: bold; 
color: #000000; 
text-decoration: none;
}


.link-normal {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height: 15px;
color: #CC0000; 
text-decoration: none;
}

.close {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
color: #cc0000; 
text-decoration: none;
}

.headnav {color:#ffffff;font-size:12px;font-family:verdana,sans-serif; font-weight:normal;}
.headnav:hover {color:#ffffff;}


/* ticker: diese sind notwendig fuer den ticker */

.poptext {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size:14px;
}

.ticker {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
position:absolute;
visibility:hidden;
white-space:nowrap;
overflow:hidden;
text-decoration: none;
left:0;
top:0;
color:#cc0000;
}

.poptexth {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
font-size:14px;
visibility:hidden;
position:absolute;
width:60%;
left:0;
top:0;
}

/*  Johannes  - CSS - Style - Angaben*/
.tableface  {

  border-collapse:collapse; 
  margin-bottom: 0.1em;

  
}

.tablehead  {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
  font-weight: bold; color: #FFFFFF;
  background-color: #aaaaaa;
}

.tabledataG {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
  font-weight: normal; color: #000000;
}

.tabledataU {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
  font-weight: normal; color: #000000;
  background-color: #FFCA00;
}

.pad15{}
table.pad15 td{padding-right: 15px;}

.pad30{}
table.pad30 td{padding-right: 30px;}

.pad45{}
table.pad45 td{padding-right: 45px;}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
.tooltip{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	line-height: 14px;
	color: #cc0000; 
	text-decoration:none;
	text-align:left;
}
/** {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }*/
/*a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
/*a:hover {background:#ccffff; text-decoration:none;} */
a.tooltip span {display:none; padding:1px 1px; margin-left:1px; width:250px; vertical-align:middle; text-align:left;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; text-align:left; margin-left: -270px;}

/* Tiny Circleslider */
#rotatescroll { height:300px; position:relative; width:300px; }
#rotatescroll .viewport{ height:300px; position: relative; margin:0 auto; overflow:hidden; width:300px }
#rotatescroll .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll .overview li { height:300px; width:300px; float: left; position: relative; }
#rotatescroll .overlay {background:url(../img/bg-rotatescroll.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:300px; width:300px; }
#rotatescroll .thumb { background:url(../img/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200;  height: 100px; }
#rotatescroll .dot { background:url(../img/bg-dot.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
#rotatescroll .dot span { display: none; }