html,body { display:table; height:100%; width:100%; margin:0; padding:0;  }
body {    
background-color:#00224A;  margin:0px;     }

BODY,TD { 
color: #323232; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }


#master {  height: 100%; display: table; width: 100%; max-width:1280px !important; 
           margin:auto;  background-color:#F7F7F7; vertical-align:top; text-align:center;  }
.header { display: table-row; height: 1px;   }
.main { height:100%;  display:table;  width:100%;  }
.box { display:table-cell;  }
.sidebar1,.sidebar2 {  width: 190px;  background-color:#003576;  vertical-align:top; padding-top:10px;  }
.foot { display: table-row; height:1px; background-color:#003576; color:#BBBBBB; font-size: 12px; padding-top:4px; }

.u { height:4px; }	
.content { padding: 0; }	

.con { padding:10px; position:relative; display:block; }	
.con2 { padding: 0 10px; text-align:justify;  }	

.lipic { border-style:none; padding:4px; cursor:pointer;  }

li { list-style:square;   }

.k { font-size: 12px; }
.kc { font-size: 12px; text-align:center;  }
.g { font-size: 17px;  }

.st1 { font-size: 17px; font-weight:500; color:#003762; }
.st2 { font-size: 15px; font-weight:500;  }


.logo,.logok,.pics, #scroller img,#fadeshow div img,#fadeshow div  { 
          width:100%; max-width: 100% !important; height:auto; display:block;  }	

#fadeshow { position:relative; display:block; height:500px; }
#fadeshow div { position:absolute; display:block; top:0px; }

.logok {display:none; }	

#nav-open,#nav-close,#mbot2,#mbot3,#mbot4 {  
z-index:7; position:absolute; top:0px; width:40px; height:30px; display:block; }
    
#nav-open,#nav-close {  left:10px; background-image:url(../images/mbot1.gif); display:none;  }
	
#mbot2 {  left:70px; background-image: url(../images/mbot2.gif); }	
#mbot3 {  left:130px; background-image: url(../images/mbot3.gif); }		
#mbot4 {  left:190px; background-image: url(../images/mbot4.gif); }
	
#navo { background-color:#000000; height:35px; z-index:5; }	

#navy {font-size: 17px;  }

ul#nav { margin:0; padding:0; text-align: center; }
ul#nav li { list-style:none; display:inline; margin:0; padding:0;  }

ul#nav a, ul#nav span { float:left; width:190px; margin:0px;  height:30px;
             padding-top:10px;  text-decoration: none; font-weight:normal;  color:#BBBBBB; }

ul#nav a:hover, ul#nav span {  color:#FFFFFF;  background-color:#000000;   }
#nav div { clear: both; }	
						 
ul#nav li .aktiv,#navy a.aktiv:link,#navy a.aktiv:hover {  color:#FFFFFF; text-decoration: none; background-color:#0267A7;  }		

#mobilnav {  display:none; }

#swrap {   overflow:hidden; height:530px;  }
#scroller { position:relative;  }
.stext { color:#EEEEEE; font-size:13px; padding:5px; text-align:center; }

h1 { font-size:17px; text-align:right; padding:10px; margin:0px; color:#003762; font-weight:500; }

@media (max-width:630px) {  
#mobilnav {  display:block; }
#navo { position:absolute;  top:0px; display:block; height:35px; background-color:#000000; width:100%; }
#navo,#navy { left:0px; }	
ul#nav { margin-top:35px; }

#master { position:absolute; top:35px; z-index:3; }
.sidebar1 { display: none; }
.sidebar2 {  width: 100px; } 
#nav { position:absolute; z-index:6; background-color:#003576;  width:190px;  }
		   
#navy:not(:target){ display:none; }
#nav-open, #nav-close { display: block; }    
}


@media (max-width: 700px) {
.logok { display:block; }
.logo { display:none; }
.sidebar2 {  width: 100px; }
.stext { font-size:10px; }
}

@media (max-width:480px) {
.sidebar1 { display:none; background-color: transparent;}
.sidebar2 {  width: 240px; width:100%; margin:auto; }
#swrap { width: 240px; margin:auto; height:200px; }
.box { display:block;  }
.stext { font-size:13px; }
h1,.st1 { font-size:15px; }
}


#ix { display:none; }



a:link,a:visited { color:#00224A; font-weight:500; text-decoration: none }
a:hover { color:#0000FF; font-weight:500; text-decoration: underline }
a:active { color:#00224A; font-weight:500; text-decoration: none }



INPUT,TEXTAREA,SELECT { color: #555555; font-size: 14px; font-family: Arial, Helvetica, sans-serif; 
                         background-color: #DDDDDD; border:1px solid #003576; }

.submit { font-weight: bold; color: #CEFFFF; padding: 5px 0; 
        background-color: #003576; border:1px groove #333333; width:150px; }

.radio { BORDER-STYLE: none; BACKGROUND-COLOR: transparent;  }

.impress { font-size:12px; height:100px; }

#fobox { max-width: 600px !important; text-align:left; margin:auto; padding:10px;}
.impress { width:100%; max-width: 600px !important; 	
         display:block; text-align:left; margin:auto;}

.in,.mitt { width:100%; margin-bottom:7px;}
.mitt { height:80px; }
hr { height:1px; border-style:none; BACKGROUND-COLOR:#003576; }

