/* ------------------------------------------------------------------------- */
/* CSS for www.Biont3D.com BETA-Phase*/
/* Filename: sites.css */
/*                 _        
  |_     _   _  |  _|  _|   
  |_| | |_| | | |  _| |_|   
                          */
/* 08/2007 setup
/* 09/2008 edit
/* ------------------------------------------------------------------------- */
html,body{
background-color: #111;
color:#bbb; 
}

html,body,table{ 
font-family: Verdana, sans-serif;
font-size: 12px;
line-height:1.4em;
}

html,body {
margin: 0 auto;
text-align: center; /* für IE */
min-height: 100%; /* Scrollbalken erzwingen für kurze Seiten */
margin-bottom: 1px; /* Scrollbalken erzwingen für kurze Seiten */

}

/* I put this in to get rid off unwanted empty spaces in IE*/
.layoutfixer{
background: url(../images/background.gif) repeat-y top;
}

.thepage{
padding: 5 0 5 0px;
background: url(../images/background.gif) repeat-y top;
margin: 0 auto;
width: 660px;
line-height: 1.4em;
text-align: left;
}

.einrueckung{
padding-left:70px;
}

p{
clear:float;
color:#bbb;
}



ul,ol {
/*list-style-image:url(bilder/bullet.jpg);*/
font-size: 1.0em;
color: #ccc;
border-width: 1px;
padding: 1 0 1 2em;
border-bottom: none;
border-left-color: #999999;
}

strong{color:#DDDDDD;}

/* ------------------------------------------------------------------------- */
/* Code */
/* ------------------------------------------------------------------------- */


pre {font-size:1.2em;}

.green{color:#669933;}
.red {color:#CC3300;}
.blue{color:#6699CC;}
.datei{color:#99FF00;}
.orange{color:#FF9900;}

/* ------------------------------------------------------------------------- */
/* Hyperlinks */
/* ------------------------------------------------------------------------- */

a {
font-weight: bold;
text-decoration: underline;
text-decoration: none;
}

a:link, a:visited{
color: #666;
}

a:hover {
color: white;
}

a:active {
color: #CCCCCC;
text-decoration: none;
}


a:link img,a:hover img,a:visited img,a:active img{
border: none;
text-decoration: none;
color: none;
}

.nachoben{
/*margin: 0 auto;*/
background-color:#000000;
padding: 0 0 0 0px;
width: 660px;
text-decoration: none;
text-align: right;

}


/* ------------------------------------------------------------------------- */
/* Headlines */
/* ------------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
font-family: Helvetica,Arial,sans-serif;
color: #ffffff;
line-height: 1.4em;
margin-top: 1.4em;
margin-bottom: 0.2em;
text-indent:0px;
}

h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 12px; font-weight:bold;}
h6 {font-size: 11px; font-weight:bold;}

/* ------------------------------------------------------------------------- */
/* Blackbox */
/* ------------------------------------------------------------------------- */

blockquote{
margin-top:1em;
margin-bottom:1em;
margin-left:1.4em;
}

.blackbox {
width: 660px;
}

.blackbox p {
color: #bbb;
line-height: 1.4em;
}

.topofthebox{
margin-top: 1px;
margin-bottom: 15px;
}

.options {
font-size: 10px;
font-weight: bold;
color:#6699CC;
}


/* ------------------------------------------------------------------------- */
/* Hinweise,  Tips */
/* ------------------------------------------------------------------------- */

.hinweis, .hinweismittig, .vorschlag, .tip, .warnung {
padding:20px;
margin: 10 auto;
/*margin:10 30 10 30px;*/
color:#FFCC00; /*bernstein*/
background-color:#222200; /*bernstein*/
font-size: 0.9em;
border-width: 20px;
display:block;
}

.hinweismittig{ 
text-align:center; 
}

.vorschlag{ /*greentube*/
color:#99FF00; 
background-color:#002200; 
}

.tip{ /*8bitblue*/
color:#00CCFF; 
background-color:#000033; 
}

.warnung{ /*ledred*/
color:#FF0000; 
background-color:#440000;
}


/* ------------------------------------------------------------------------- */
/* Tabelle */
/* ------------------------------------------------------------------------- */


.greentable table{
empty-cells:show;
background-color:#002200;
}
.greentable td{
text-indent:10px;
border:1px solid #001100;
background-color:#002200;
}

.greytable table{
empty-cells:show;
background-color:#101010;
}

.greytable td{
text-indent:10px;
empty-cells:show;
border:1px solid #000000;
background-color:#101010;
}

.ghosttable table{
empty-cells:show;
background-color:none;
}
.ghosttable td{
text-indent:10px;
empty-cells:show;
border:none;
background-color:none;
}

/* ------------------------------------------------------------------------- */
/* Breadcrumb */
/* ------------------------------------------------------------------------- */

.breadcrumb{
text-align: left;
font-size: 0.8em;
color: #666;
margin-bottom: -30px;
}

/* ------------------------------------------------------------------------- */
/* Logo */
/* ------------------------------------------------------------------------- */
#logo{
background: url(../images/kopf.gif) top center no-repeat;
background-color: black;
width: 750px;
height: 200px; 
margin: 0 auto;
border: none;
padding: none;
}


/* ------------------------------------------------------------------------- */
/* bubble Tooltips */
/* CSS for Bubble Tooltips by Alessandro Fulciniti */
/* Source: http://pro.html.it - http://web-graphics.com  */
/* ------------------------------------------------------------------------- */
.tooltip{
width: 200px; color: #999999;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center;}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;}

.tooltip b.bottom{padding:3px 8px 15px;color: white;
    background: url(../images/bubble.gif) no-repeat bottom;}


	



/* ------------------------------------------------------------------------- */
/* Fussnote / Footer */	
/* ------------------------------------------------------------------------- */

.footer {
text-align: center;
font-family: verdana;
font-size: 9px;
font-weight: normal;
line-height:normal;
color: #444444;
margin: 0 auto;
width: 750px;
padding-bottom: 30px;
}

.footer a:link, .footer a:visited {
color:#555;
font-weight: bold;
}
.footer a:hover {
color: white;
}