body { font-family: Arial; font-size: 10pt; color: #000000; background-image: url(http://datatech.de/img/hintergrund.jpg); }

a:link, a:visited { color: #000000; border: 0px; text-decoration: none;}
a:hover { color: red; cursor: pointer; }

h1 { font-size: 14pt; color: #000000; padding: 0px; margin:0px; font-weight:normal;}
h2 { font-size: 10pt; color: #000000; padding: 0px; margin:0px; font-weight:normal;}

.teaser { position: relative; float: none; clear: both; height: 1px; }
.teaser5 { position: relative; float: none; clear: both; height: 5px; }
.teaser10 { position: relative; float: none; clear: both; height: 10px; }
.teaser20 { position: relative; float: none; clear: both; height: 20px; }
.teaser30 { position: relative; float: none; clear: both; height: 30px; }
.clear {clear:both} 
.teaserline { position: relative; float: none; clear: both; height: 1px; border-top: 1px solid #989ea5; }
.teaserline30 { position: relative; float: none; clear: both; height: 1px; border-top: 1px solid #989ea5; margin-bottom:30px; }
.teaserline1515 { position: relative; float: none; clear: both; height: 1px; border-top: 1px solid #989ea5; margin-bottom:15px; margin-top:15px;}

.fehler_form{
    border : 2px solid red;
}

.info{ color:#585858; font-size:8pt; }

#main{
 	position: relative;
 	width: 1000px;
 	left: 50%;
 	margin-left: -500px;
 	background-color: #ffffff; 
	border: 1px solid #bbbbbb;
}

#rechtlich{
 	position: relative;
    top:10px;
 	width: 954px;
 	left: 50%;
 	margin-left: -477px;
    font-size: 8pt;
    text-align: right;

}

#logo {
    position: relative;
    height: 100px;
    width: 177px;
    background-image: url(http://datatech.de/img/logo.jpg); 
    background-repeat: no-repeat;
    float:left;
	top: 20px;
	margin-left: 23px;    
}

#navi {
    position: relative;
    float:left;
	top: 20px;
	margin-left: 23px;    
}

#banner {
    position: relative;
    width: 1000px;
    height: 350px;
    background-image: url(http://datatech.de/img/main.jpg); 
    background-repeat: no-repeat;
    z-index: 100;
}

#willkommen {
     top: 20px;
     margin-left: 23px;
}

#content {
     margin-left: 23px;
}

#content a {
    font-weight: normal;
    color: #1f84a5;
}

#content a:hover {
    font-weight: normal;
    color: red;
}

#nav {    
	margin:0;     
	padding:0;     
	list-style:none;
}            

/* kategorie */    
#nav li {  
	position:relative;
	display:block;                           
	z-index:99999;       
	float: left;
	padding: 12px 22px;         
	margin:0 1px;
	height: 15px;
	font-size: 10pt; 
	font-weight: normal;
	border-left: 1px solid gray;	 
}             
   
#nav li a {        
	display:block;                
	height: 15px;        
	text-decoration:none;         
	color:#585858;         
	text-align:center;           
}     

#nav li a:hover {        
	color:red;    
}         
            
/* submenu */        
#nav ul {            
	position:absolute;             
	top:39px;     
    left:-1px;       
	display:none;             
	margin:0px;             
	padding:1px;             
	list-style:none;   
	background-color: white;
	border-left: 1px solid #585858; 	 	 
	padding-bottom:10px;  
}                 

#nav ul li {            
	float:left;             
	border:0px; 
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
		
}                 
        
#nav ul a {            
	display:block;                                                  
	height: 15px;        
	text-decoration:none;         
	color:#585858;         
	text-align:left;    
}                 

#nav ul a:hover { 
	display:block;
	color: red;         
} 


div.footer_block {
	width: 220px;
	float:left;
	margin-left:23px;
    font-size: 8pt;
}

td{
    padding:5px;
}