/* CSS Document GfK main_template.css */

html, body {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    color: #333;
    background-color: #F1F0EE;
}
h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}

/* #all = Gesamtdiv, regelt Abstand zu und setzt weisse Aussenlinie */
#all {
    width: 812px;
    margin: 0 auto;
    border-bottom: 4px solid #fff;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    padding: 0 8px 4px 8px;
    height: auto;
    overflow: hidden;
}

/* Header - Main-Styles and positions for header including "headerboxes.css" */
/* #header umfasst obere Streifen mit Logo und Hauptbild */
#header {
    height: 250px;
    width: 812px;
    padding: 0;
    margin: 0 0 4px 0;
}
/* #footer fuer Metanavi ausserhalb der weissen Linie */
#footer {
    width: 812px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
/* 10.07.08 kastei */
#footer_empty {
    width: 812px;
    margin: 0;
    height: 39px;
}

/* Logo und Firmenname */
#logo {
    height: 100px;
    width: 608px;
    float: left;
}

#logopart .logo_columns {
    float: left;
    width: 608px;   
}
#logopart .logo_entry { 
    width: 606px;
    float: left;
    padding: 0 2px 0 0; 
    overflow: hidden;   
}
#logopart div.image_block_col {
    float: left;
    display: block;
    margin: 0;
    width: 606px;
}
#logopart div.image_block_col img {
    float: left;
    margin: 25px 5px 0 0;
    border: none;
    clear: left;
}
#logopart .row2 {
    display: block;
    height: 65px;
    padding: 35px 0 0 0;
    line-height: 16px;
}
#logopart .row1 {
    display: block;
    height: 60px;
    padding: 40px 0 0 0;
    line-height: 16px;
}
#logopart p {
    margin-bottom: 0px;
    display: block;
}
#logotext {                                                         
    color: #E58316;
    font-size: 14px;
    font-weight: bold;
    background-color: #F1F0EE;
    margin: 0 0 0 52px;
    padding-left: 16px;
}
#logopart .logotext {
    color: #E58316;
    font-size: 14px;
    font-weight: bold;
    background-color: #F1F0EE;
    padding: 0 0 0 12px;
    margin: 0;
}
/* f?r Unternehmenstitel ein- oder zwei-zeilig */

/* div fuer share iframe */
#share_content {
   float:left;
    width: 580px;
    height:120%;
   padding: 0px 0px 12px 12px;
}
/* div recommend site */

#recommend_content {
   float:left;
    width: 480px;
    height:90%;
   padding: 0px 12px 12px 12px;
}

/* Suchfeld neben Logo */
#searchbox {
    float: left;
    height: 58px;
    width: 185px;
    padding: 4px 3px 0 12px;
    margin: 33px 0 0 4px;
    color: #677588;
    background-color: #F1F0EE;
}
/* Haupt-Bildfeld, kann auch Flash aufnehmen */
#imagebox {
    height: 150px;
    width: 608px;
    float: left;
    margin: 0 0 4px 0;
    color: #ccc;
    background: #FFF url(http://www.gfk.com/imperia/md/content/img/imagebox002.jpg);
}
/* blaue Funktionsbox neben Hauptbild */
#loginbox {
    float: left;
    height: 146px;
    width: 176px;
    padding: 4px 12px 0 12px;
    margin: 0 0 0 4px;
    background-color: #CFD6DD;
    color: #677588;
}

/* Navigationsleiste unter header - Styles and positions for main navigation including "navigation.css" */

#navigation {
    width: 812px;
    padding: 0;
    margin: 0;
}
#main_menu_left {
    background-color: #677588;
    color: #FFF;
    height: 20px;
    width: 404px;
    margin-right: 4px;
    float: left;
    padding: 0;
}
#main_menu_right {
    background-color: #677588;
    color: #FFF;
    height: 20px;
    width: 404px;
    float: left;
    margin-left: 0;
    padding: 0;
}

/* Content - Main-Styles and positions for content including "content.css" */
/* gesamter Contentbereich */   
#full_content {
    height: auto;
    width: 812px;
    margin: 20px 0 0 0;
  padding-bottom: 15px;
    float: left;
}
#player {
    height: 500px;
}
#contentbox {
    height: auto;
    width: 812px;
    margin: 20px 0 0 0;
  padding-bottom: 15px;
    float: left;
}
/* linke Spalte */  
#left_content_box {
    height: auto;
    width: 200px;
    padding: 0;
    float: left;
    margin: 0;
}
/* gesamter rechter Bereich */
#main_content_box {
    width: 612px;
    float: right;
    padding: 0;
}
/* Mittlere Spalte - Hauptcontentbereich */
#normal_content {
    height: auto;
    width: 388px;
    float: left;
/*  padding: 0 12px 12px 12px;      kastei */
    padding: 0 12px 0 12px; 
    overflow: hidden;
}
#wide_content {
    height: auto;
    width: 588px;
    float: left;
/*  padding: 0 12px 12px 12px;      kastei */
    padding: 0 12px 0 12px; 
    overflow: hidden;
}
/* rechte Spalte */
#right_content_box {
    width: 200px;
    padding: 0;
    float: left;
    margin: 0;
    /* background-color: #E8E3E1; */
}
/* Textkastenbereich in rechter Spalte */
#rightboxes {
    margin: -20px 0 0 0;
}
/* Ausgabebereich fuer recommend-Popup */
#all_recommend {
    background-color: #F1F0EE;
    width: 612px;
    margin-top: 15px;
    padding: 0 12px 16px 12px;
}
