/* 
    Document   : edit_main
    Created on : 08.02.2013, 15:02:29
    Author     : Main
    Description:
        Purpose of the stylesheet follows.
*/

body{
    background-color: #ffffff;
    width: 850px;
    height: 100%;
}

 #art-banner{
     
    background-color: #e8e8ea;
   /* background-image: url("../images/banner_top_ohneLogo.jpg");*/
   background-color:#0066aa;
    
    background-image: none;
    margin:0px; 
    padding:0px;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
        background-size: 100% 100%;
    
  
    position: absolute;
    top:0px;
    left: 0px;
    z-index: 1;
    border-bottom: 3px solid black;

  
 }
 

#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:15px;
    left: 15px;
    z-index: 2; 
    width:12em;
	
  
}
#page-title{
    margin:0px; 
    padding:0px;
    width: 330px;
    height: 165px;
    color:#fff;
    font-size: 24px;
    position: absolute;
    top:20px;
    z-index: 2;
    left:300px;
  
}
#update-title{ position: absolute; top:85px; left:15px; color:black; font-style:italic; font-size: 0.8em;}

/*********************Hauptmenü**********************************/


.update_navigation {
    position: absolute; top:100px; left: 15px; right:15px;
    height: 35px; 
    margin: 0px; padding: 0px;
    z-index:3;
    border-bottom:2px solid #333;
}

.update_navigation ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    
}

.update_navigation li {
    float: left;
    padding: 0px;
    margin:0px;
}

.update_navigation ul a {
    padding-right: 40px;
    padding-left: 0px;
    margin:0px;
    display: block;
    line-height: 40px;
    text-decoration: none;
    font-family: Helvetica,  serif;
    font-size: 16px;
    color: #0066aa;
    font-weight: normal ;
    
   /* font-weight: bold;*/
    /*text-shadow: 2px 2px 2px black;*/
  
}

.update_navigation ul a:hover {
    text-decoration: underline;
    
    text-shadow: 1px 1px 1px gray;
    transition: text-shadow 0.3s;
    -webkit-transition: text-shadow 0.3s;
    -moz-transition: text-shadow 0.3s;
    -o-transition: text-shadow 0.3s;
   
}


/*******************************************************/

/*******************Navigation-left************************************/

#art-flags{
    position:absolute; top:85px;left:50px;z-index:99;
}
    
.update_menu_01 {
    position: absolute; top:130px; left: 5px;
    height: 35px; width:245px;
    margin: 0px; padding: 0px;
    z-index:30; 
}

.update_menu_01 ul {
    list-style-type: none;   width: 100%;
    margin: 0px;  padding: 5px;
    border:2px outset #333;   background-color: white;
}

.update_menu_01 li {
    padding: 1px;
    
}

.update_menu_01 ul a {
    padding: 0px;
    
    margin:0px;
    display: inline;
    line-height: 1.0em;
    text-decoration: none;
    font-family: Helvetica,  serif;
    font-size: 0.9em;
    color: black;
    font-weight: normal ;
}

.update_menu_01 ul a:hover {
    text-decoration: none;
    background-color: #0066aa;
    color: white;
    text-shadow: 1px 1px 1px gray;
    transition: text-shadow 0.3s;
    -webkit-transition: text-shadow 0.3s;
    -moz-transition: text-shadow 0.3s;
    -o-transition: text-shadow 0.3s;
   
}

.update_menu_02{
    margin-left: 10px; 
    
    font-size: 0.8em;
}
.update_menu_02 ul {
    border:0px;
    width:80%;
}

.inst0{
    margin-top:10px;
    background-color: lightgrey;
    font-style: italic;
}

.inst1{
    background-color: lightblue;
}
.inst2{
    margin-left:10px;
}


/*******************************************************/


#main-page{
    margin:0px; padding: 0px;
     position: absolute;  top: 135px;  left:265px;  right:15px;
    width:800px;
    border:1px solid black;
}

#main-page2{
    margin:0px; padding: 0px;
     position: absolute;  top: 135px;  left:1100px;  right:15px;
    width:800px;
    border:1px solid black;
}

#main-edit{ 
  position: absolute;  top: 135px;  left:15px;  right:15px;
  overflow: auto; min-height: 85%;
  background-color: #eee;  border: 1px solid black;
  font-family: arial;  font-size: 11px;
  /*height:95%;*/
  /*position: absolute;

  top: 12.5%;*/
}
#inner-edit{
  margin-left:250px;
    
}
.edittable{
    /*width:900px;*/
  /*background-color: gray;*/
    margin-left: 2%;
    margin-right: 2%;
    padding:20px;
}

.tr td{
    border-bottom: 1px solid black;
    padding-bottom: 10px;
    padding-top: 10px;
}

.edittextarea{
    width:90%;
    /*margin-left: 2%;
    margin-right: 2%;*/
    height: 150px;
    
}


h1{
    color: #525252;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}
h2{
    color: #525252;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.edit_add_contend{
    /*display:none;*/
}

.edit_add_contend img{
    width:40px;
}

.info img:hover{
    opacity: 0.5;
    cursor: pointer; 
    
}
.edit_add_contend img:hover{
    opacity: 0.5;
    cursor: pointer;
}

a.info{
    position:relative;
    z-index:1;
}

a.info:hover{
    z-index:2;
}

a.info span{
    display: none;
}

a.info:hover span{
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    width:15em;
    border:1px solid #003680;
    background-color:#add8e6;
    color:#000;
    text-align: center;
    padding: 5px;
    font-size: 0.8em;
} 


.edittable select{
    width:150px;
    height:25px;
}



.edittable_main{
    width:900px;
    padding:0px;
    margin:0px;
}


.edittable:hover{
    background-color: #eeeeee;
}
.smallicon{
    height:15px;
    width:15px;
}

.edit_textarea{
 width:90%;   
}












p{
   
    padding:0px;
    margin:0px;
    color: #525252;
    font-size: 0.9em;
     padding-right:15px;
     padding-left:15px;
     text-align: justify;
    font-family: Helvetica;
   /* 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_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_all{
    width:100%;
    display:block;
    float: left; 
}
.content_b{
    width:75%;
    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;
}

 
    option[value="full"]:before { content:url("../images/Icons/main/edit_types/add_contend_full.gif"); }
    option[value="pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic.gif"); }
    option[value="50-50"]:before { content:url("../images/Icons/main/edit_types/add_contend_50-50.gif"); }
    option[value="50-pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_50-pic.gif"); }
    option[value="pic-50"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic-50.gif"); }
    option[value="75-25"]:before { content:url("../images/Icons/main/edit_types/add_contend_75-25.gif"); }
    option[value="75-pic"]:before { content:url("../images/Icons/main/edit_types/add_contend_75-pic.gif"); }
    option[value="25-75"]:before { content:url("../images/Icons/main/edit_types/add_contend_25-75.gif"); }
    option[value="pic-75"]:before { content:url("../images/Icons/main/edit_types/add_contend_pic-75.gif"); }
    option[value="title"]:before { content:url("../images/Icons/main/edit_types/title.gif"); }
    option[value="line"]:before { content:url("../images/Icons/main/edit_types/line.gif"); }