/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.01.2016, 13:47:17
    Author     : COWIOS
*/

html,body {
    margin:0;
    padding:0;
    /*background-color: #FFE8D1;*/
    background-color: #FFFFFF;
    height:100%; /* braucht es für die min-height des Containers */
    width:100%;
    /*overflow: hidden;*/
    font-family: ARIAL;
    font-size: 14px;
}

.main{
  	width: 1000px;
  	/*position:absolute;*/
  	top: 0px;
  	/*left: 50%;
  	margin-left: -500px;*/
  /*	margin-top: -375px;*/
}


@media only screen and (max-width:920px){
	.main{
  	width: 1000px;
  	/*position:absolute;*/
  	top: 0px;
  	/*left: 50%;
  	margin-left: -500px;*/
  /*	margin-top: -375px;*/
}
}


.header
{
   position:absolute; 
   float:left;
   height:200px;
   width:1000px;
   top:0px;
   left:0px;
   background-image:url(../pic/head.jpg);
   background-repeat: repeat;
}

.Thead
{
   position:absolute;
   height:200px;
   width:1000px;
   top:0px;
   left:0px;
   background-image:url(../pic/kopf.png);
}



.menu
{
   height: 850px;
   width:200px;
   position:absolute;
   top:200px;
   left:0px;
   background-image:url(../pic/menu.jpg);
   background-repeat: repeat;
   font-family: ARIAL;
   font-size: 24px;
}

.Tmenu
{
   position:relative;
   height:150px;
   width:200px;
   top:0px;
   left:0px;
   background-image:url(../pic/menu.png);
}





.content
{
   height: 850px;
   width:800px;
   position:absolute;
   top:200px;
   left:200px;
   font-family: ARIAL;
   font-size: 14px;
   background-image:url(../pic/main.jpg);
   background-repeat: repeat;
   overflow: auto;
   
}

.content2
{
   height: 850px;
   width:800px;
   position:absolute;
   top:200px;
   left:200px;
   font-family: ARIAL;
   font-size: 14px;
   background-image:url(../pic/main1.jpg);
   background-repeat: repeat;
   overflow: auto;
   
}

.KW{
   position:relative; 
   top:60%;
   left:70%;
   height:140px;
   width:150px;
   background-image:url(../pic/KW.png);
    z-index: 99;
   
}

.ctext{
   position:relative; 
   top: 0px;
   left :0px;
   padding-top:40px;
   padding-left:40px;
   padding-right:40px;
   font-family: arial;
   font-size: 16px;
}

.footer {
   position:absolute;
   left:0px;
   height:30px;
   width:1000px;
   top:1050px;
   background-image:url(../pic/footer.jpg);
}

/*
.footer {
   position:fixed;
   left:50%;
   bottom:0px;
   height:30px;
   width:1000px;
   margin-left: -500px;
   background-image:url(../pic/footer.jpg);
}
*/

/*
html .footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
*/

.m1
        {
            position:relative;
            height:50px;
            width:180px;
            top:0px;
            left:20px;
            color:white;
            font-family: ARIAL;
            font-size: 20px;
             
        }  
        
        .m1:hover{color:orange;
                  cursor:pointer;
                }
                
.m1a     {
            position:relative;
            height:50px;
            width:180px;
            top:0px;
            left:20px;
            color:orange;
            font-family: ARIAL;
            font-size: 20px;
             
        }                  
        
        

.m2
        {
             position:relative;
             height:100px;
             width:180px;
             top:0px;
             left:20px;
            font-family: ARIAL;
            color:white;
            font-size: 20px;
        }  
        .m2:hover{color:orange;
                  cursor:pointer;
                }
                
.m2a
        {
             position:relative;
             height:100px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }                
        
.m3
        {
             position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            color:white;
            font-size: 20px;
        }   
        .m3:hover{color:orange;
                  cursor:pointer;
                }
                
.m3a
        {
             position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }                   

.m4
        {
             position:relative;
             height:50px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            color:white;
            font-size: 20px;
        }    
        .m4:hover{color:orange;
                  cursor:pointer;
                }
                
.m4a
        {
             position:relative;
             height:50px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }                    
        
.m5
        {
            position:relative;
             height:50px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            color:white;
            font-size: 20px;
        }
        .m5:hover{color:orange;
                  cursor:pointer;
                }
                
.m5a
        {
            position:relative;
             height:50px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }        
        
        

        
        
        
        
.m6
        {
            position:relative;
             height:30px;
             width:100px;
             top:5px;
             left:200px;
             font-family: ARIAL;
             color:white;
            font-size: 20px;
        }      
        .m6:hover{color:orange;
                  cursor:pointer;
                }
                
.m6a
        {
            position:relative;
             height:30px;
             width:100px;
             top:5px;
             left:200px;
             color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }                
        
        
.m7
        {
            position:relative;
            height:30px;
            width:120px;
            top:-25px;
            left:300px;
            font-family: ARIAL;
            color:white;
            font-size: 20px;
        }      
        .m7:hover{color:orange;
                  cursor:pointer;
                }
                
.m7a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-25px;
            left:300px;
            color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }             
        
.m8
        {
            position:relative;
            height:30px;
            width:120px;
            top:-55px;
            left:550px;
            font-family: ARIAL;
            color:white;
            font-size: 20px;
        }      
        .m8:hover{color:orange;
                  cursor:pointer;
                }
                
.m8a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-55px;
            left:550px;
            color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }           
        
.m9
        {
            position:relative;
            height:30px;
            width:120px;
            top:-85px;
            left:770px;
            font-family: ARIAL;
            color:white;
            font-size: 20px;
        }      
        .m9:hover{color:orange;
                  cursor:pointer;
                }
                
.m9a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-85px;
            left:770px;
            color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }           
              
        
.m10
        {
            position:relative;
            height:30px;
            width:120px;
            top:-115px;
            left:870px;
            font-family: ARIAL;
            color:white;
            font-size: 20px;
        }      
        .m10:hover{color:orange;
                  cursor:pointer;
                }
                
.m10a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-115px;
            left:870px;
            color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }     
        
.m11
        {
            position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            color:white;
            font-size: 20px;
        }
        .m11:hover{color:orange;
                  cursor:pointer;
                }
                
.m11a
        {
            position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 20px;
        }             
                
/*
.m1
        {
            position:relative;
            height:50px;
            width:180px;
            top:0px;
            left:20px;
            color:black;
            font-family: ARIAL;
            font-size: 24px;
             
        }  
        
        .m1:hover{color:orange;
                  cursor:pointer;
                }
                
.m1a     {
            position:relative;
            height:50px;
            width:180px;
            top:0px;
            left:20px;
            color:orange;
            font-family: ARIAL;
            font-size: 24px;
             
        }                  
        
        

.m2
        {
             position:relative;
             height:110px;
             width:180px;
             top:0px;
             left:20px;
            font-family: ARIAL;
            font-size: 24px;
        }  
        .m2:hover{color:orange;
                  cursor:pointer;
                }
                
.m2a
        {
             position:relative;
             height:110px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }                
        
.m3
        {
             position:relative;
             height:50px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            font-size: 24px;
        }   
        .m3:hover{color:orange;
                  cursor:pointer;
                }
                
.m3a
        {
             position:relative;
             height:50px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }                   

.m4
        {
             position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            font-size: 24px;
        }    
        .m4:hover{color:orange;
                  cursor:pointer;
                }
                
.m4a
        {
             position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }                    
        
.m5
        {
            position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             font-family: ARIAL;
            font-size: 24px;
        }
        .m5:hover{color:orange;
                  cursor:pointer;
                }
                
.m5a
        {
            position:relative;
             height:80px;
             width:180px;
             top:0px;
             left:20px;
             color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }        
        
        

        
        
        
        
.m6
        {
            position:relative;
             height:30px;
             width:100px;
             top:0px;
             left:200px;
             font-family: ARIAL;
             font-size: 24px;
        }      
        .m6:hover{color:orange;
                  cursor:pointer;
                }
                
.m6a
        {
            position:relative;
             height:30px;
             width:100px;
             top:0px;
             left:200px;
             color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }                
        
        
.m7
        {
            position:relative;
            height:30px;
            width:120px;
            top:-30px;
            left:300px;
            font-family: ARIAL;
            font-size: 24px;
        }      
        .m7:hover{color:orange;
                  cursor:pointer;
                }
                
.m7a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-30px;
            left:300px;
            color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }             
        
.m8
        {
            position:relative;
            height:30px;
            width:120px;
            top:-60px;
            left:550px;
            font-family: ARIAL;
            font-size: 24px;
        }      
        .m8:hover{color:orange;
                  cursor:pointer;
                }
                
.m8a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-60px;
            left:550px;
            color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }           
        
.m9
        {
            position:relative;
            height:30px;
            width:120px;
            top:-90px;
            left:770px;
            font-family: ARIAL;
            font-size: 24px;
        }      
        .m9:hover{color:orange;
                  cursor:pointer;
                }
                
.m9a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-90px;
            left:770px;
            color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }           
              
        
.m10
        {
            position:relative;
            height:30px;
            width:120px;
            top:-120px;
            left:870px;
            font-family: ARIAL;
            font-size: 24px;
        }      
        .m10:hover{color:orange;
                  cursor:pointer;
                }
                
.m10a
        {
            position:relative;
            height:30px;
            width:120px;
            top:-120px;
            left:870px;
            color:orange;
             font-family: ARIAL;
            font-size: 24px;
        }          

*/
        
#blocker{
		clear:both;
	}
        
        



.form_item
{
	padding:0px;
	margin:0px;
	height:auto;
	padding-bottom: 8px;
	position:relative;
	height:20px;
	
}

.form_item2
{
	padding:0px;
	margin:0px;
	height:auto;
	padding-bottom: 8px;
	position:relative;
	height:40px;
	
	
}


.form_element label {
	padding:0px 0px 0px 0px;
	display: block;
	float:left;
	width:180px;
	padding-top: 3px;
text-indent: 0px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
text-transform: none;
}

.form_element label2 {
	padding:0px 0px 0px 0px;
	display: block;
	float:left;
	width:300px;
	padding-top: 3px;
text-indent: 0px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
text-transform: none;
}




.form_element inputbox
{
	float:left;
}

.cf_inputboxd
{
border: 1px solid #CCC;
float:left;
width:400px;
color: #000000;
font-weight: 400;
height:18px;
padding-top: 1px;
text-indent: 0px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 1px;
text-transform: none;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
overflow:auto;
margin:2px;
}

.sep
{
position:relative;
left:10px;
top:2px;
width:350px;
height:18px;
color:#000000;
background-color:#FFFFFF;
}

.cfclear { clear:both; font-size:0px; line-height:5px;}