/* 
    Document   : main
    Created on : 03.02.2013, 11:07:32
    Author     : Main
    Description:
        Purpose of the stylesheet follows.
*/
html{
     height: 100%;
}
root { 
    display: block;
}

.slider{
    position: relative;
    top: 0px;

    font-family:arial; 
    margin:0px; 
    padding:0px;
    margin-top: 150px;
      
    margin-bottom: 50px;
}

#main-page{ 
  display:inline-block;

    font-family:arial; 
    margin:0px; 
    
    padding:0px;
    margin-top: 0px;
    height:100%;
    //min-height:600px;
    background-color: white;
   
}
body{
    font-family: arial; 
    font-size: 14px; 
    margin: 0; padding:0;
    
    background: url("../images/europe.jpg") no-repeat fixed;
   //  background-color: #ddd;
    //background: url("../images/world3.jpg") no-repeat;
    background-size: 100%;
     height: 100%;
}
#bodycontent{
    width: 1024px;margin: 0 auto; 
    margin-top:160px;
    background-color: white;
    border-left: 1px solid darkgrey;
    border-right: 1px solid darkgrey; border-top:1px solid #fff;
}
.pagecontent{
    width: 900px;height:100%;margin: 0 auto;
     margin-top:-115px;
     
 
    padding-top:100px; padding-left:50px;
    min-height:600px;
}

/*
@media screen and (max-width:1024px){ 
    #main-page{
        position: absolute;
        top: 160px;
        left: 0px;

        font-family:arial; 
        margin:0px; 
        padding:0px;
        margin-left: 100px;
        margin-top: 100px;
        margin-right: 100px;
        
    margin:0px; 
    padding:0px;
    margin-top: 100px;
    left:20px;
    margin-left:0em;
    margin-bottom: 50px;
    }
    #main-news{
        position: absolute;
        top: 160px;
        right:5px;
        margin-top: 5em;
        left:30em;
      
    }
    body{
        overflow-x: auto; 
        width: 1024px;
        font-family: arial; 
        font-size: 100%; 
        background-color:white;
    }

}

@media screen and (min-width:1024px){ 
    #main-page{ 
        position: absolute;
        top: 160px;
        bottom:10px;
        left: 0px;

  
    
    font-family:arial; 
    margin:0px; 
    padding:0px;
    margin-top: 100px;
    left:50%;
    width:40em;
    margin-left:-30em;
    margin-bottom: 50px;

    }
    #main-news{
        
        position: absolute;
        top: 160px;
      right:5px;

        font-family:arial; 
        margin:0px; 
        padding:0px;

        margin-top: 5em;
         
        left:50%;
        margin-left:12em;    
    }

    body { 
        font-family: arial; 
        font-size: 100%; 
      
     background-color:white;
    }
}
*/
.footer{
    position: fixed;
    bottom: 0px;
    left:0px;
    width:100%;
    height: 30px;
    background-color: #eeeeee;
    border-top:1px solid darkgray;
    /*
    background-color: #a5a6aa;*/
    z-index: 99;
}

.footer_content{
    
    position: fixed;
    left:50%;
    
    width:60em;
    margin-left:-30em;
    
    font-size: 0.9em;
    color: #333;
    line-height: 30px;
}
.footer_menu{
    clear:left;
    background:#efefef;
    text-align:center;
    padding-bottom:10px;
    
    height: 200px;
    
    background-color: #333;
    /*
    background-color: #a5a6aa;*/
    z-index: 99;
}

.footer_menu_content{
    
    font-size: 0.9em;
    color: #ddd;
    line-height: 100px;
}
.footer_menu_content table{
    width: 900px;
    table-layout:fixed;
}

#nav-main{
    
}


#art-logo{
    background-image:url("../images/verag_logo_white.png"); 
    margin:0px; 
    padding:0px;
    /*width: 330px;*/
    height: 165px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top:30px;
    left: 30px;
    z-index: 2;
     left:47%;
    width:18em;
    height:6em;
    margin-left:-30em;
	
  
}

#art-flags{
    margin:0px; 
    padding:0px;
    width: 500px;
    height: 25px;
    position: absolute;
    top:60px;
    right: 60px;
    z-index: 2;
    right: 50%;
    width:20em;
    margin-right:-30em;

}

#art-flags img{
    float:right;
    margin-left: 10px;
    
    box-shadow: 1px 1px 1px black;
    
}

 #art-banner{
     
    
   /* background-image: url("../images/banner_top_ohneLogo.jpg");*/
   background-color:#003680;
    
    background-image: none;
    margin:0px; 
    padding:0px;
    width: 1026px;
    height: 0px;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    margin: 0 auto;
  margin-left:-1px;
    position: absolute;
    top:0;
    z-index: 1;
    /*border-bottom: 1px solid #a5a6aa;
    border-top: 1px solid #a5a6aa;
*/
  
 }
  #art-banner_top{
     
    
   /* background-image: url("../images/banner_top_ohneLogo.jpg");*/
   background-color:#003680;
    
    background-color:#fff;
    background-image: none;
    margin:0px; 
    padding:0px;
    width: 100%;
    height: 5px;
    background-repeat: repeat-x;
    background-size: 100% 100%;
    
  
    position: absolute;
    top:140px;
    left: 0px;
    z-index: 1;

display:none;
  
 }
 
 #art-banner2{
     
    
   /* background-image: url("../images/banner_top_ohneLogo.jpg");*/
   background-color:#fff;
    
    margin:0px; 
    padding:0px;
    width: 22px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
  
    position: absolute;
    top:0px;
    left: -12px;
    z-index: 1;
display:none;
  
 }
/*
@media screen and (min-width:1024px){
    #art-banner{
       background-color:#0066aa;
        margin:0px; 
        padding:0px;
        width: 100%;
        height: 200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top:0px;
        left: 0px;
        z-index: 1;
        border-bottom: 3px solid black;
    }
}
@media screen and (max-width:1024px){ 
    #art-banner{
     
      background-color:#0066aa;
        margin:0px; 
        padding:0px;
        width: 1024px;
        height: 200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top:0px;
        left: 0px;
        z-index: 1;
        border-bottom: 3px solid black;
    }
       #art-logo{
        left:30px;
        width:12em;
        margin-left:0em;
    }
}

#art-banner-pic{
    
    background-image:url("../images/pics/pic_01.png");
    margin:0px; 
    padding:0px;
    width: 600px;
    height: 200px;
    position: absolute;
    top:00px;
    right:0px;
    z-index:12;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*
/************MAIN MENU*************/

/* main */
 #main-menu{
  /*  padding-left: 100px;
    padding-right: 100px;
    /*width: 800px;*/
   /*text-align: center;
    vertical-align: middle;
    */
      font-family:arial; 
    
    height: 10px;
    /*position: absolute;
    top: 100px;
*/
    z-index: 11;
    margin: 0 auto;
     margin-top:-210px;
 
    position: relative;
    top: 170px;
    clear: both;
    float: left;
    width: 100%;
}

/*
@media screen and (min-width:1024px){ 
    #main-menu{
        font-family:arial; 
        margin:0px; 
        padding:0px;
        height: 40px;
        position: absolute;
        top: 160px;
        left: 0px;
        z-index: 11;

        left:50%;
        width:60em;
        margin-left:-30em;
    }
}
@media screen and (max-width:1024px){ 
    #main-menu{
        font-family:arial; 
        margin:0px; 
        padding:0px;
        height: 40px;
        position: absolute;
        top: 160px;
        left: 0px;
        z-index: 11;

        left:30px;
        width:60em;
        margin-left:0em;

    }
}*/
#main-menu ul {
    list-style-type: none;
    height: 35px;
    text-align: center;
    width:1000px;
    margin: 0 auto;
    padding: 0; 
    
    position: relative;
}

#main-menu li {
    float: left;
    
     padding-left: 10px;
     padding-right: 10px;
}

#main-menu ul a {
    display: block;
    line-height: 40px;
    text-decoration: none;
    font-family: arial,  serif;
    font-size: 16px;
    color: white;
    font-weight: normal ;
    width:100%;
    text-align: center;
     margin: 0 ;
     
     padding-left: 10px;
     padding-right: 10px;
   /* font-weight: bold;*/
    /*text-shadow: 2px 2px 2px black;*/
  
}

#main-menu ul a.menu_01_link:hover,#main-menu ul li:hover a.menu_01_link{ //,#main-menu ul a:active 
    text-decoration: none;
    background-color: buttonface;
    color: black;
   
}
#main-menu ul a:hover + .menu_01{ //, #main-menu div.menu_01:hover
    display: inline-block;
   
    opacity:1;  
    
    display: block;
    
}
#main-menu ul .menu_01:hover{ //, #main-menu div.menu_01:hover
    display: inline-block;
   
 //   opacity:1;  
    
    display: block;
    
}

/* under */

#main-menu ul a + .menu_01{
    display:none;
   // opacity:0;  
   
    
}
#main-menu div.menu_01 {
       
    list-style-type: none;
    /*position:absolute;*/
    
    
    margin: 0px;
    padding: 0px;
    
    position: absolute;
    top:40px;
    left:0px;
    width:1050px;
    /*
     transition: display 0.9s;
    -webkit-transition: display 0.9s;
    -moz-transition: display 0.9s;
    -o-transition: display 0.9s;*/
    /* transition:opacity 500ms linear;  */
  
}
#main-menu div.menu_01 .menu_slogan{
    position:absolute;
    left:180px;
    top:0px;
    margin:0px;    padding:0px;
    padding-top:30px;
    font-size:20px;
    
}
#main-menu div.menu_01 .menu_logo{
    position:absolute;
    left:30px;
    top:40px;
    margin:0px;
    padding:0px;
    max-width:60px;
    max-height: 60px;
    z-index:2;
}



#main-menu div.menu_01{
    list-style-type: none;
    
    display: inline-block;
     
    background-color: #efefef;
    width: 100%;
    border-bottom: 10px solid #003680;
    margin: 0px;
    padding: 0px;
     padding-bottom: 20px;
     margin-left:-12px;
    width:1024px;
}

#main-menu div.menu_01 ul {
    position:relative;
    left:0px;
    top:0px;
    z-index:2;
    list-style-type: none;
    
    
    min-height: 100px;
    height: 100%;
   /* height: 40px;*/
    width: 100%;
    margin-left:180px;
    margin-top:60px;
    width: 700px;
    
}
#main-menu div.menu_01 ul li {
     position:relative;
    left:0px;
    top:0px;
    float: none;
    
    padding: 0px;
    min-height: 100%;
    margin:0px;
    margin-top: 3px;
    margin-bottom: 3px;
    cursor:pointer; 
}

#main-menu div.menu_01 a {
    padding:0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    
    
    margin:0px;
    display: block;
    line-height: 30px;
    text-decoration: none;
    font-family: arial,  serif;
    font-size: 16px;
    border-bottom:1px solid grey;
    font-weight: bold;
    text-align: left;
    width:100%;
    color:#c00;
}


#main-menu div.menu_01 ul li div.menu_02 a:hover,#main-menu div.menu_01 a:hover {
     text-decoration: underline;
   
   /* background-color: #003680;*/
  /*  color: #003680;*/
}
#main-menu div.menu_01 ul li div.menu_02 a{
     text-decoration: none;
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    
    width: 150px;
    padding-top:0px;
    border:0px;
    line-height: 14px;
}

div.menu_02 ul{
    float: left;
    /*display: none;*/
}
div.menu_02 ul li{
    float: left;
    /*display: none;*/
}

    
div.menu_02 a{
    float: left;
    /*display: none;*/
}

    
div.menu_02 td{
    /*display: none;*/
}



#main-news{
   

    font-family:arial; 
    margin:0px; 
    padding:0px;

    width: 100%;
    
    /*
    height: 40px;
    z-index: 11;*/
}


#container-news{
    /*background-color: #dddddd;*/
   /*  border:3px groove lightgrey;*/
   /* border: 1px solid #525252;*/
    width:100%;
    height:100%;
    background-color: #003680;
    z-index:11;
    color: #fff;
}
#container-news-header{
    text-align: center;
    vertical-align: central;
    width:99%;
    padding-bottom:0px;
    background-color: red;
    height:26px;
    color: #fff;
    
}
#container-news-header span{
    text-align: center;
    vertical-align: middle;
    /*font-weight: bold;*/
    font-size: 1em;
    font-weight: bold;
    line-height:26px;
    border-bottom: 1px solid #525252;
    width:99%;
    font-family: arial;
    float: left;
    color: #fff;
    
}

.news_content{
    width:100%;
    margin:0px;
    margin-top:-10px;
    padding:15px;
   
}

.news_content:hover img{
    border:1px solid grey;
    cursor:pointer;
}
.news_content:hover span{
    text-decoration: underline;
    cursor:pointer;
}
.news_content:hover{
  /* background-color: #eeeeee; */
}

.news_content_img {
    width:70%;
    
}


.news-title{
    font-family: helvetica;
   display:block;
   width:100%;
   font-weight: bold;
   font-size: 0.8em;
   text-decoration: underline;
}
.news-preview{
    font-family: helvetica;
   width:100%;
   font-size: 0.7em;
   text-decoration: none;
}


#line{
    width:100%;
    height:1px;
    border-top: 1px solid #aaa;
}

h1{
    color: #003680;
    font-size: 26px;
    /*font-weight: bold;*/
    line-height: 28px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Trebuchet MS , arial;
   /* border-left:10px solid red;
    padding-left:10px;
    */
}
/*
h1:first-letter{
    font-weight:bold;
    
    font-size: 60px;
    color: red; 
}*/

h2{
    color: #003680;
    font-size: 22px;
    /*font-weight: bold;*/
    line-height: 26px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Trebuchet MS, arial;
}

h3{
    color: #003680;
    font-size: 16px;
    /*font-weight: bold;*/
    line-height: 18px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: georgia , arial;
}

h4{
    color: #003680;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 16px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: georgia , arial;
}


.h1_div{
    color: #525252;
    
    font-size: 52px;
    line-height: 62px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: georgia , arial;
    
}
.h2_div{
    color: #525252;
    
    font-size: 22px;
   /* font-weight: bold;*/
    line-height: 32px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: georgia , arial;
}

p,td{
   
    padding:0px;
    margin:0px;
    color: #222;
    font-size: 0.9em;
     /*padding-left:15px;*/
     text-align: justify;
    font-family: georgia;
   /* font-weight: bold;*/
   
}

.content_all, .content_b_left, .content_b_right, .content_m_left, .content_m_right, .content_s_left, .content_s_right, .content_img, .content_img_b, .content_img_m, .content_img_s{
   /* padding: 15px;*/
    padding:0px;
    padding-top: 15px;
    margin:0px;
    float:left;
   
}

.content_all img, .content_b_left img, .content_b_right img, .content_m_left img, .content_m_right img, .content_s_left img, .content_s_right img, .content_img img , .content_img_b img, .content_img_m img, .content_img_s img{
   /* padding: 15px;*/
   padding:0px;
   margin:0px;
   float:left;
   
}
 
.content_all{
    width:100%;
    display:block;
    float: left; 
}
.content_b{
    width:75%;
    padding:0px;
    margin:0px;
    display:inline-block;
    float: left; 
}
 .content_33{
    width:33.33%;
    padding:0px;
    margin:0px;
    display:inline-block;
    float: left; 
}
 .content_66{
    width:66.66%;
    padding:0px;
    margin:0px;
    display:inline-block;
    float: left; 
}
.content_m{
    width:50%;
    padding:0px;
    margin:0px;
    display:inline-block;
    float: left; 
}
.content_s{
    width:25%;
    padding:0px;
    margin:0px;
    display:inline-block;
    float: left; 
}




.content_b_left{
    width:50%;
     padding:0px;
   margin:0px;
    display:inline-block;
    float: left; 
   
    /*background-color: #ffffff;*/
   
}
.content_b_right{
    width:50%;
    display:inline-block;
    float: right; 
     padding:0px;
   margin:0px;
}
.content_m_left{
    width:19em;
    display:inline-block;
    float: left; 
}
.content_m_right{
    width:19em;
    display:inline-block;
    float: right; 
}
.content_s_left{
    width:9em;
    display:inline-block;
    float: left; 
}
.content_s_right{
    width:9em;
    display:inline-block;
    float: right; 
}
.content_img{
     width:100%;
     padding:0px;
     margin:0px;
}
/*
.content_img{
     width:790px;
}
.content_img_b{
     width:590px;
}
.content_img_m{
     width:390px;
}
.content_img_s{
     width:190px;
}
*/

.ul_overview{
    list-style-type: none;
    line-height: 25px;
    margin: 0px;
    padding: 0px; 
}

.ul_overview li a{
    color: #525252;
    z-index:22;
    font-weight: normal;
    text-decoration: none;
}

.ul_overview li a:hover {
    color: #525252;
    font-weight: bolder;
    text-decoration: underline;
    cursor: pointer;
}



.ul_overview a.ul_overview_b{
    color: #252525;
    z-index:22;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.ul_overview a.ul_overview_b:hover {
    color: #252525;
    font-weight: bolder;
    text-decoration: none;
    cursor: auto;
}


.service_icons{
    list-style-type: none;
    line-height: 25px;
    margin: 0px;
    padding: 0px; 
   
}
.service_icons a{
    text-decoration: none;
    height:50px;
    line-height:50px;
}

.service_icons span{
    vertical-align: middle;
    line-height:0.8em;
    margin: 0px;
    padding: 0px; 
    color: #525252;
    font-weight: bold;
    font-size: 0.8em;
    background-color: red;
    
    
        
}
.service_icons span:hover{
    text-decoration: underline;
    font-weight: bolder;
    cursor: pointer;
    
}

.service_icons a img{
    width:40px;
    height:40px;
    margin: 0px;
    padding: 0px; 
    float:left; 
    border: 2px solid #8c000a;
    border-radius: 5px;
    
}

/*
area:hover + div{background: #cccccc; color: #0099ff; border: solid 1px #993366}
.test:hover {
    background: transparent url ('../images/test.gif');
    background-color: red;
}

.de:hover .deimg{
    display:inline;
}


#de { left: 0px; top: 21px; width: 101px; z-index:10;}
#de a {height: 72px; text-align:center; padding-top:80px; padding-left:15px; color:#fff;}
#de a:hover {background: url("../images/Europakarte/Deutschland.png") no-repeat; text-decoration:none; cursor: pointer;}

#at { left: 0px; top: 21px; width: 101px; z-index:10;}
#at a {height: 72px; text-align:center; padding-top:80px; padding-left:15px; color:#fff;}
#at a:hover + #eumap{ 
background-color: red;
}

#eumap {
width: 50%;
height: 50%;
margin:0 auto;
background: url("../images/Europakarte/Europakarte.gif") no-repeat;
position: absolute;
top:400px;
left:200px;
}

#eumap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#eumap a {display: block; text-decoration: none; font-size:11px; font-weight:bold;line-height:normal;}

#div_deutschland:hover #map_deutschlandt{
   display:none;
    display:none;
}
#div_deutschland:hover {
     
    cursor: pointer;
}*/
.menu_edit_img{
    background: url("../images/Icons/main/edit.gif") no-repeat; 
    width:20px;
    height:20px;
    background-size: 100% 100%;
    float: left;   
    cursor: pointer;
}
.menu_del_img{
    background: url("../images/Icons/main/del.gif") no-repeat; 
    width:20px;
    height:20px;
    background-size: 100% 100%;
    float: left;
    cursor: pointer;
}
.menu_add_img{
    background: url("../images/Icons/main/plus.gif") no-repeat; 
    width:20px;
    height:20px;
    background-size: 100% 100%;
    float: left;
    cursor: pointer;
}

.feedback{
    position:absolute; top:30%; left:-20px;
    width:40px; height:120px;
    background-color:#003680; color:#fff;
    border:1px solid darkgrey;
    overflow:hidden; cursor:pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.feedback_txt{
    margin:45px 3px;-moz-transform:rotate(-90deg); 
    -moz-transform-origin: bottom right;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -o-transform: rotate(-90deg);
    -o-transform-origin:  bottom right;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.feedback:hover{
    background-color:#ccc;color:#000;
}

.aviso{
    position:absolute; top:60%; left:-20px;
    width:40px; height:120px;
    background-color:#003680; color:#fff;
    border:1px solid darkgrey;
    overflow:hidden; cursor:pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    
}
.aviso_txt{
    margin:52px 3px;-moz-transform:rotate(-90deg); 
    -moz-transform-origin: bottom right;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -o-transform: rotate(-90deg);
    -o-transform-origin:  bottom right;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.aviso:hover{
    background-color:#ddd;color:#000;
}