/*
  Stylesheet IMAV
*/

body {       
  background:#66f url(../img/body_bg.png) 0 0 no-repeat fixed ;
  background-size: cover;
  font-size:contain;
  font-family:arial,helvetica,sans-serif;
  color:#494A47;
  }

.versteckt {
  position:absolute;
  left:-10000px;
}

div#wrap {     
  width:960px;
  margin:3em auto;
  border:1px solid #EE8C25;
}
    
div#header {       
  border-bottom:1px solid #EE8C25;
  background:url(../img/IMAV_head.png) top left no-repeat;
  height:172px;
  position:relative;
}

div#header_sub {
  border-bottom:1px solid #EE8C25;
  background-color: white;
  height:80px;
  
}
/*
div#header_sub  a  {  
  color:white;
}

div.rootline {  
  padding:5px;
  font-size:90%;
  }   
        
 span.globals {    
  position:absolute;
  bottom:0;
  right:0;
  border-top:1px solid #EE8C25;
  border-left:1px solid #EE8C25;
  background-color:#494A47;
  padding:0.5em;
  font-size:90%;
  color:white;
}
        
span.globals a  {  
  color:white;
}

 span.language  {
    float:left;
  width:190px;
  padding:5px 0 5px 15px;
  font-size:90%;
}

span.language a  {  
  color:white;
}
*/
div#main_wrap {  
    background-color: white;
  width:100%;
  clear:both;
}
    
div#navigation {
    clear:both;
}
    
div.suchen {   
    padding:5% 5%;
  background: url(../img/suche_bg.gif);
  font-size:80%;
  font-weight:bold;
  border-bottom:1px solid #ddd;
  float:left;
  width:85%;
  margin-bottom:1em;
}

div.suchen form {

}    
    
div.suchen input {  
    border:1px solid #aaa;
  float:left;
  margin-right:5px;
}
    
div.login {   
    padding:0px;
}
    
div#nav_col {     
    width:200px;
  float:left;
}

div#inhalt {  
    padding:5px;
  
}

div#content_wrap a,
div#rechts a,
div#inhalt a {
   color:#000cff;
}
    
div#rechts {  
    padding:5px;
  font-size:90%;
}
div#links {  
    padding:10px;
  font-size:90%;
}
div#content_wrap  {  
    width:750px;
  float:right;
}  
    
div#content_col   {
  width:725px;
   float:left;
}  
  
  
div#content_colr   {  
    float:right;
  width:200px;
}  
  
div#footer {   
  clear:both;
  padding:10px;
  border-top:1px solid #999;
  background-color:#DCDED9;
  font-size:80%;
  height:1em
}

div#footer  a  {  
    color:#494A47;
}  
        
div.copyright {
  float:left;
  width:35%;
}

div.toplink {
  float:left;
  width:45%;
  text-align:center;
}

div.bottomnavi {
   text-align:right;
}

/* Navigation */

div#navigation ul   {
    list-style-type:none;
  padding:0;
  margin:1em;
}

div#navigation ul ul  {  
    list-style-type:none;
  padding:0;
  margin:0 0 0.5em 1em;
}      
                
ul.navi li   {     
  margin-bottom:0.2em;
}  
    

ul.navi li a {
  display:block;
  padding:0.2em 0.2em;
  text-decoration:none;
  color:#666666;
  font-weight:bold;
  border:1px solid #ddd;
  background-color:#eee;
}  
        
ul.navi li a:hover {  
  background:#ddd;
  color:#494A47;
  border-color:#ccc;
}

ul.navi li a.active {
  background-color:#999;
  border-color:#999;
  color:#fff;
}
      
ul.subnavi li  {  
  list-style-type:none;
  margin: 0;
  padding:0;
  margin-bottom:0;
}        
        
ul.subnavi li a {   
  font-size:80%;
  padding:0.2em 0.5em;
  text-decoration:none;
  color:#666;
  font-weight:normal;
  background:white;
  border:0;
  border-left: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
}  
                    
ul.subnavi li a:hover {
    text-decoration:underline;
  background:white;  
}
        
ul.subnavi li a.active {
  background-color:#F0F0F0;
  font-weight:bold;
  color:#555;
  border-color:#555;
}        

/* Navigation Ende */

/* Kontaktformular */

div#inhalt form#mailform {

}

div#inhalt form#mailform  fieldset.csc-mailform {
  border:1px solid #aaa;
}

div#inhalt form#mailform div.csc-mailform-field {
  margin:4px 0;
}

div#inhalt form#mailform textarea,
div#inhalt form#mailform  input {
  border:1px solid #aaa;
}

div#inhalt form#mailform  input[type=submit] {
  margin-left:80px;
  cursor:pointer;
  background-color:#F0F0F0;
}

div#inhalt form#mailform  input[type=submit]:hover {
  background-color:#E0E0E0;
}

div#inhalt form#mailform  label{
  display:block;
  padding-right:5px;
  width:75px;
  float:left;
  text-align:right;
  font-weight:bold;
  font-size:90%;
  color:#555;
}

div#inhalt form#mailform  label[for=mailformtv] {
  width:150px;
}
/* Sitemap */

div#inhalt div.csc-sitemap ul {
   padding-left:40px;
}

div#inhalt div.csc-sitemap ul ul {
   padding-left:30px;
}

div#inhalt div.csc-sitemap li {
    list-style-image:none;
  margin: 4px 0;
  font-size:90%;
}

div#inhalt div.csc-sitemap li a {
  color:#AEACAA;
  text-decoration:none;
}

div#inhalt div.csc-sitemap li li {

}

div#inhalt div.csc-sitemap li li a {
  color:#AEACAA;
  font-weight:normal;
  text-decoration:none;
}

div#inhalt div.csc-sitemap li a:hover {
  border-bottom:1px dotted #AEACAA;
}


/* Sitemap Ende */

/* layout spalten 

div.content2sp_33-66,
div.content2sp_66-33,
div.content1sp_100,
div.content3sp_33-34-33  {   
  clear:both;  
  padding:1em 0;
  float:left;
  width:100%;
  border-bottom: 1px dotted #aaa;
}
div.content2sp_33-66 {
  background:none 33% top repeat-y;
 }
 
div.content3sp_33-34-33 {
  background:none 33% top repeat-y;
 }
 
div.content2sp_66-33 {
  background:none 66% top repeat-y;
 }
div.w33 {   
  width:33%;
}

div.w67 {   
  width:66%;
}

div.w34 {   
  width:33%;
  margin: 0 33%;
}

div.links {   
  float:left;
}

div.rechts {   
  float:right;
}

div.c_pad {   
  padding:8px;
}
*/
/*------mailformular formatieren------*/
.csc-mailform-legend {
  padding-left:50px;
  padding-right:10px;
  border: 10px;
}
.csc-mailform {
  border:none;
  width: 90%;
}
.csc-mailform-field {
  background:#c5b8b8;
  margin: 1px; padding: 15px;
}
.csc-mailform-field label {
  margin: 8px;
  float:right;
  padding: 0px;
  color: wihte;
  width: 80px;
}
.mf-input {
  clear: none;
  width: 200px;
  padding: 5px;
}
.mf-pass {
  width: 200px;
  padding: 5px;
}
.mf-text {
  clear: none;
  width: 200px;
  padding: 1px;
}
.mf-check {
  padding: 1px;
}
.mf-radio {
  padding: 1px;
}
.mf-select {
  width: 200px; padding: 1px;
}
.mf-file {
  width: 200px; padding: 1px;
}
#mailformRadiotest {
  border: none;
}  #mailformRadiotest legend {
  display: none;
}
.mf-reset {
}
.mf-submit {
  margin-left: 350px;
}
.mf-captcha {
  margin-right: 250px; padding: 10px
}

        .align-right { text-align: right; }
        .align-left { text-align: left; }
        .align-justify { text-align: justify; }
        .align-center { text-align: center; }

/*2 Spalten 50% 50%*/
.element2cols { overflow:hidden;}
.col1 { width:48%; float:left; }
.col2 { width:48%; float:left; }
.col1 { margin-right: 2%; }
.col2 { margin-left: 2%; }

/*2 Spalten 70% 30%*/
.element2cols_70_30 { overflow:hidden;}
.col3 { width:68%; float:left; }
.col4 { width:28%; float:left; }
.col3 { margin-right: 2%; }
.col4 { margin-left: 2%; }


 /*2 Spalten 30% 70%*/
.element2cols_30_70 { overflow:hidden;}
.col5 { width:28%; float:left; }
.col6 { width:68%; float:left; }
.col5 { margin-right: 2%; }
.col6 { margin-left: 2%; }


a:link { text-decoration:none; color:#e00000; }
a:visited { text-decoration:none; color:#0000ff; }
a:hover { text-decoration:none; background-color:#ff0; }
a:active { text-decoration:none; background-color:#cff; }
a:focus { text-decoration:none; background-color:#080; }


