/**
 * CSS styles for Contenido sample client.
 * 
 * @author Rudi Bieller
 * @copyright four for business AG <www.4fb.de>
 * @version 1.0.0
 * 
 * created 2008-03-04
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {

    font-family:Verdana, Arial, sans-serif;

    color:#7a7a7a;
    text-decoration:none;
    
}

a:link    { color: #7a7a7a; text-decoration:none; }    /* nicht besuchte Links */

a:visited { color: #7a7a7a; text-decoration:none; }   /* besuchte Links       */

a:hover   { color: #cccccc; text-decoration:none; } /* Benutzer selektiert  */

a:active  { color: #7a7a7a; text-decoration:none;}   /* Aktive Links         */

html, body {
    margin:0;
    padding:0;
    /*overflow:auto;*/
}
html {
    height:100%;

}
body {
    height:100%;
    width:100%;

    font-size:100%;
position:absolute; 
}



a.navmainStandardLevel_1:link    { color: #7a7a7a; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; }    /* nicht besuchte Links */

a.navmainStandardLevel_1:visited { color: #7a7a7a; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; }   /* besuchte Links       */

a.navmainStandardLevel_1:hover   { color: #ccc; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; } /* Benutzer selektiert  */

a.navmainStandardLevel_1:active  { color: #7a7a7a; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; }   /* Aktive Links         */



a.navmainStandardLevel_2:link    { color: #b2b2b2; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; }    /* nicht besuchte Links */

a.navmainStandardLevel_2:visited { color: #b2b2b2; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; }   /* besuchte Links       */

a.navmainStandardLevel_2:hover   { color: #7a7a7a; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; } /* Benutzer selektiert  */

a.navmainStandardLevel_2:active  { color: #b2b2b2; text-decoration:none; font-size:12px;margin-left:10px;line-height:18px; }   /* Aktive Links         */


a.headlining:link    { color: #18255b; text-decoration:none; }    /* nicht besuchte Links */

a.headlining:visited { color: #18255b; text-decoration:none; }   /* besuchte Links       */

a.headlining:hover   { color: #ccc; text-decoration:none; } /* Benutzer selektiert  */

a.headlining:active  { color: #18255b; text-decoration:none; }   /* Aktive Links         */


#top{
margin-top:10px;}

#top_left{
margin-top:0;
margin-left:20px;
float:left;
width:232px;}

#top_right{
float:left;
padding-left:3px;
margin-top:118px;

background-color:#ccc;}

#movie {
width:100%;
height:140px; 
background-color:#ccc; 
margin-top:10px;
position:relative;
}

#navi_block{
list-style:none;
margin:0 0 0 0;
padding:0 0 0 3px;}

#navigation{
margin-left:16px;
margin-bottom:10px;}

#navipoints{
background-color:#18255b;
width:200px;}


.navmainStandardLevel_1{
background-color:#fff;
margin:0;
padding:0;}


.navmainStandardLevel_2{
background-color:#fff;
margin:0;
padding:0 0 0 10px;}

.clear_fix{
clear:both;}

.over_head{
font-size:24px;
background-color:#fff;
padding-left:10px;
color:#18255b;}

.under_head{
font-size:10px;
color:#ccc;
padding-left:30px;
background-color:#fff;
width:650px;}


#middle_left{
border-left:3px solid #18255b;
color: #7a7a7a; 
text-decoration:none; 
font-size:12px;
padding:0 0 0 10px;
float:left;
margin-left:36px;
margin-top:10px;}

#middle_right{
height:300px;
float:left;
width:752px;
margin-left:30px;}

.middle_right_inner{
border-left:3px solid #18255b;
width:160px;
padding-left:10px;
float:left;
height:80px;
margin-left:12px;
margin-top:12px;
}

.middle_right_inner_refs{
border-left:3px solid #ccc;
width:174px;
padding-left:10px;
float:left;
height:170px;
margin-left:12px;
margin-top:12px;
}

.content{
font-size:12px;}

.headline{
font-size:14px;}



.middle_right_inner_second{
border-left:3px solid #ccc;
width:500px;
padding-left:10px;
margin-left:12px;
margin-top:10px;
color:#18255b;
font-size:14px;
font-weight:bold;
}

.middle_right_inner_three{
border-left:3px solid #ccc;
width:600px;
padding-left:10px;
margin-left:12px;
margin-top:12px;
font-size:12px;
}

.middle_right_inner_four{
border-left:3px solid #ccc;
width:600px;
padding-left:10px;
margin-left:12px;
font-size:12px;
margin-top:12px;
}

img{border:none;}

.refspic{
border-left:3px solid #ccc;
width:174px;
padding-left:10px;
height:170px;
margin-left:12px;
margin-top:12px;}

.refslink{
border-left:3px solid #ccc;
width:174px;
padding-left:10px;
height:18px;
margin-left:12px;
margin-top:12px;}



.abss{
height:30px;
border:1px solid #ccc;
}

#map_canvas{
margin-left:12px;
margin-bottom:32px;}

#infobox_div{
   width:300px;
   height:auto;
   font-size:12px;
}

#infobox_div .infobox_link{

}

#infobox_div .infobox_b{
   font-size:12px;

}

#infobox_div .infobox_link_headline{
   font-size:12px;
}

#infobox_div .infobox_img{
   float:left;
   border:1px solid #ccc;
   width:150px;
}




#infobox_div_img{
   width:300px;
   height:160px;
}

#infobox_div_img .infobox_link{
 
}

#infobox_div_img .infobox_b{

}

#infobox_div_img .infobox_link_headline{
   text-decoration:none;
}

#infobox_div_img .infobox_img{
   float:left;
   border:1px solid #ccc;
   width:150px;
}



#info_route{   font-size:12px;

}

#info_route .info_route_b{
}

#info_route .info_route_to{
   text-decoration:none;
}

#info_route .info_route_from{
   text-decoration:underline;
}

#info_route .info_route_button{
   margin-top:5px;
   border:1px solid black;
   padding:1px;
   background-color:#fff;
}

#info_route .suchform table{
   border:0px;
   width:300px;
}

#info_route .suchform td{
   border:0px;
}