/* ===================================================
Stylesheet
Datei: screen.css
Datum  26/11/08
Autor: wquadrat medien gmbH
=================================================== */

html, body {
  height: 100%;
}
body {
  background:#f58025;
  font-size:0.8em;
}

/********************** container *********************************/

#container {
  background:url(../../media/bilder/_layout/bg-body2.gif);
  width:954px;
  margin:30px auto 0 auto;
  padding:0px 9px 0 7px;
  border-top:5px solid #e6e6e6;
  border-bottom:8Px solid #e6e6e6;
  position:relative;
}

/********************** spalte1 (logo und navigation) *********************************/

#col1 {width:190px;float:left;}

/********************** logo *********************************/

#logo {border-bottom:5px solid #e6e6e6;}

/********************** navigation *********************************/

#navigation {
  font-weight:bold;font-size:0.9em;text-transform:uppercase;
}
ul.navi, ul.navi ul { list-style-type: none; z-index:10;}
ul.navi li {border-bottom:1px solid #e6e6e6;}
ul.navi li.first {}
ul.navi li.selected {background-color:#fef8f4;border-bottom:none;}

/* navi links */
ul.navi li a {color: #004494; text-decoration: none; background:url(../../media/bilder/_layout/navi-pfeil.gif) 10px center;background-repeat:no-repeat; display: block; padding: 5px 20px 5px 20px;line-height:1.3em;}
ul.navi li a:link , ul.navi li a:visited { }
ul.navi li a:hover {color:#F58025; background:#fef8f4 url(../../media/bilder/_layout/navi-pfeil-aktiv.gif) 10px center;background-repeat:no-repeat;}
ul.navi li.selected a {color:#F58025;background: url(../../media/bilder/_layout/navi-pfeil-aktiv.gif) 10px center;background-repeat:no-repeat;}
ul.navi li.selected.sub a {background:url(../../media/bilder/_layout/navi-pfeil-unten.gif) 8px center;background-repeat:no-repeat;}
/* subnavi */
ul.navi ul {display:block; margin-top:0px;z-index: 3;text-transform:none;border-top:1px solid #e6e6e6;}
ul.navi li ul li {background:none; float: none; margin: 0;font-size: 1em; padding:2px 0px;}
ul.navi li ul li.first {border-top:1px solid #e6e6e6;}
/* subnavi links */
ul.navi li.selected.sub ul li a {color:#F58025;background:url(../../media/bilder/_layout/navi-pfeil-aktiv.gif) left center;background-repeat:no-repeat;margin-left:20px;font-weight:normal;padding: 5px 0px 5px 10px; text-decoration: none;line-height:1em;}
ul.navi li ul li a:link, ul.navi li li a:visited { }
ul.navi li.selected ul li a:hover {color: #F58025;text-decoration:underline;background:url(../../media/bilder/_layout/navi-pfeil-aktiv.gif) left center;background-repeat:no-repeat;}
ul.navi li.selected.sub ul li.selected a {color:#F58025;background:url(../../media/bilder/_layout/navi-pfeil-aktiv.gif) left center;background-repeat:no-repeat;text-decoration:underline;font-weight:bold;}
ul.navi li.selected.sub ul li.selected {border-bottom:1px solid #e6e6e6;}

/*** nur für ie6 ***/
/** html ul.navi li ul li { border-bottom: 1px solid #f0e8d0;margin-bottom:-1px; } */



/********************** spalte2 (header, breadcrumb, content) *********************************/

#col2 {width:755px;float:left;background:none;}

/********************** header *********************************/

#header {width:764px;height:210px;background:none;}
#header-image {float:left;width:494px;height:200px;padding:5px 10px;background:#none;}
#header_image_start {background:url(../../media/bilder/_layout/zitat-start.jpg) no-repeat scroll left center;height:78px;float:left;width:235px;margin:70px 0 0 10px;}

/********************** login *********************************/

#login {float:right;width:250px;height:200px;}
#login_box {height:115px;}
#login_box_sub {padding:8px 0 0 10px;border-top:1px solid #e6e6e6;}
#login_box_sub li {line-height:0;}
#login_box_sub li.first {padding-bottom:3px;}
#login_box_sub li img {display:block;}

/********************** content *********************************/

#content {clear:both;width:764px;border-top:5px solid #e6e6e6;background:none;}
#content div.p {font-size:0.9em;line-height:1.2em;padding-bottom:0;}
#content p {margin-bottom:10px;}

/********************** breadcrumb *********************************/

#breadcrumb {overflow:hidden;background:#fff;padding:0 10px;}
* html #breadcrumb {height:1%;}
#breadcrumb ol {padding:0;}
#breadcrumb ol li {list-style-type:none;margin-left:0;}
#breadcrumb ol li {background:url(../../media/bilder/_layout/breadcrumb-trenner.gif) no-repeat center left;float:left;padding:0 5px 0 10px;}
#breadcrumb ol li.first {background:none;padding:0 5px 0 0;}
#breadcrumb ol li a {display:block;padding:10px 0;font-style:italic;color:#333;font-size:0.9em;text-decoration:none;} 

/********************** content_main und content_sub *********************************/

#content_main {display:inline;float:left;width:504px;padding-left:5px;padding-right:5px;background:#E6E6E6;}
.content_top {padding:0px 10px 20px 10px;background:#fff;overflow:hidden;}
* html .content_top {height:1%;}
.content_top_team {overflow:hidden; padding:0px 10px 10px 10px;background:#fff;}
* html .content_top_team {height:1%;}

.content_top.downcontent {margin:5px 0 0; padding-top:5px;}
.downcontent .border {width:5px; background: #E6E6E6;}
.downcontent .first{width:234px; padding-right:3px;}
.downcontent .last {width:234px; padding-left:3px;}
#content_sub {padding:0 0 10px 0;background:#fff;width:100%;}
div.content_sub_box {float:left;width:240px;background:#F5F5F5 ;}
div.content_sub_box h2 {padding:10px;background:#f58025;color:#fff;}
div.content_sub_box h2 a {text-decoration:none;color:#fff;}
div.content_sub_box.first {margin:0 5px 0 10px;display:inline;} /* display:inline wegen double-margin-float-bug im ie6 */
div.content_sub_box_text {min-heigcht:150px;padding:0px 8px;clear:both;position:relative;}
* html div.content_sub_box_text {height:150px;}
div.content_sub_box_text h3.right {padding-left:80px;}
div.content_sub_box_text.last {min-height:50px;}
* html div.content_sub_box_text.last {height:50px;}
.teamtable {width:100%;}
.teamtable td {width:25%;}


/**** downloads ****/
.downloads {padding:10px 10px 0 10px;margin:0 0 5px 0;background:#fff;overflow:hidden;}
*html .downloads {height:1%;}
.downloads h1 {float:left;background:url(../../media/bilder/_layout/h1-trenner.gif) no-repeat right 4px;padding:3px 10px 14px 0;font-size:1.2em;width:340px;}
.downloads h1 a {text-decoration:none;z-index:10;}
.downloads .fileinfo {float:left;padding:5px 0 0 10px;}
div.downloads img.download {float:left;padding:0 0 0 10px;}
#content .downloads div.p {clear:both;padding-bottom:10px;}

.downloads a.Bus, .downloads a.Flugzeug {font-size:1.4em;float:left;padding:10px 0 10px 70px;text-decoration:none;}
.downloads a.Bus {background:url(../../media/bilder/_layout/bus.gif) no-repeat left center;}
.downloads a.Flugzeug {background:url(../../media/bilder/_layout/airplane.gif) no-repeat left center;}
.downloads img.downloads_route {float:left;padding:7px 0 0 10px;}
.downloads_route .fileinfo {padding:12px 0 0 10px;}

/**** news ****/
.news_holder {overflow:hidden;background:#fff;margin-top:5px;}
* html .news_holder {height:1%;}
.news {padding:10px 10px 10px 10px;margin:0 0 5px 0;float:left;width:370px;}
.news h1 {padding:3px 10px 14px 0;}
.news h1 a {text-decoration:none;z-index:10;}
.news .fileinfo {float:left;padding:5px 0 0 10px;}

.news div.p {clear:both;}
.datum {float:left;width:80px;padding:17px 0 0 10px;}
span.datum_news  {color:#000;background:url(../../media/bilder/_layout/h1-trenner.gif) no-repeat 5px center;padding-left:15px;font-size:0.8em;}

div.imagefloatright {position:relative;float:right;top:8px;right:-8px;margin-left:-8px;}
div.imagefloatleft {position:absolute;top:-17px;float:left;display:inline;} 
div.imagefloatright img,
div.imagefloatleft img {display:block;}

/********************** bilder im content *********************************/

dl.bildboxleft {float:left;margin:0 20px 10px 0px;} 
dl.bildboxleft img {display:block;} 
dl.bildboxleft dt {} 
dl.bildboxleft dd {background:#e5edf5;padding:5px 0;} 
dl.bildboxleft dd div {padding:0 5px;}

dl.bildboxright {float:right;margin:0 0px 10px 20px;} 
dl.bildboxright img {display:block;}
dl.bildboxright dt {}
dl.bildboxright dd {background:#e5edf5;padding:5px 0;}
dl.bildboxright dd div {padding:0 5px;} 

dl.bildboxnone {margin:0 0px 10px 0;} 
dl.bildboxnone img {display:block;}
dl.bildboxnone dt {}
dl.bildboxnone dd {background:#e5edf5;padding:5px 0;}
dl.bildboxnone dd div {padding:0 5px;} 


.content_top_team dl.bildboxleft dd {height:30px;}
.content_top_team dl.bildboxleft dd a {text-decoration:none; color:#333333;}
.content_top_team dl {margin:0 12px 10px 10px; display:inline;width:100px;height:170px;}
.content_top_team dl.first {margin-left:0px;}

/*** partners (im main_content ***/

.region {background:#fff;padding:10px;margin:5px 0 0 0;color:#004494;font-weight:bold;}

.object_holder {overflow:hidden;}
* html .object_holder {height:1%;}
.bigobjectleft, .bigobjectright  {width:249px;float:left;height:150px;text-align:center;background:#fff;margin:5px 0 0 0;}
.bigobjectright {float:right;}
.bigobjectleft img, .bigobjectright img {vertical-align:middle;}
.objectflow {width:30%;float:left;height:100px;margin:5px 5px 0 0;background:#fff;text-align:center;}

/*** research-partners ***/

.research_right, .research_left {width:234px;float:left;height:140px;background:#fff;margin:5px 0 0 0;padding:5px 5px 5px 10px;font-size:0.95em;}
.research_right {float:right;}
.research_right img.partnerimage, .research_left img.partnerimage {}
.research_right dl.bild, .research_left dl.bild {width:64px;height:140px;float:left;margin-right:10px;}
.research_right dl.bild dd, .research_left dl.bild dd {text-align:center;font-size:0.9em;padding-top:2px;font-weight:bold;text-align:left;}
.research_right dl.logo, .research_left dl.logo {height:60px;}
.research_right img.partnerlogo, .research_left img.partnerlogo {vertical-align:top;padding:5px 0 5px 10px;}
.research_right h3, .research_left h3 {color:#000;font-size:0.9em;font-weight:bold;padding:5px 0 2px 0;} 

/*** farmers ***/

.farmers_right, .farmers_left {width:234px;float:left;height:160px;background:#fff;margin:5px 0 0 0;padding:5px 5px 5px 10px;font-size:0.95em;}
.farmers_right {float:right;}
.farmers_right img.partnerimage, .farmers_left img.partnerimage {}
.farmers_right dl.bild, .farmers_left dl.bild {width:64px;height:160px;float:left;margin-right:10px;}
.farmers_right dl.bild dd, .farmers_left dl.bild dd {text-align:center;font-size:0.9em;padding-top:2px;}
.farmers_right dl.logo, .farmers_left dl.logo {height:60px;}
.farmers_right img.partnerlogo, .farmers_left img.partnerlogo {vertical-align:top;padding:5px 0 5px 10px;}
.farmers_right h3, .farmers_left h3 {color:#000;font-size:0.9em;font-weight:bold;padding:5px 0 2px 0;} 


/*** main-supporting-partners ***/

.object_holder_mainsupport {overflow:hidden;margin-bottom:5px;}
* html .object_holder_mainsupport {height:1%;}
.object_holder_mainsupport .floatright {width:249px;float:right;background:#fff;margin:5px 0 0 0;height:150px;}
.object_holder_mainsupport .floatleft {width:249px;float:left;background:#fff;margin:5px 0 0 0;height:150px;}
.object_holder_mainsupport .imgcenter {display: table; height: 110px; #position: relative; overflow: hidden;}
.object_holder_mainsupport .imgcenter_2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;width:249px;}
.object_holder_mainsupport .imgcenter_3 { #position: relative; #top: -50%;text-align:center;}
.object_holder_mainsupport h3 {font-size:1.1em;padding:10px 5px 5px 10px;text-align:center;}
.object_holder_mainsupport h4 {font-size:0.8em;padding:0px 5px 0px 10px;text-align:center;font-weight:bold;}

/*** institutions, nutzt klassen von main-supporting-partners, nur höhe anders ***/

.object_holder_mainsupport .imgcenter.institution {height: 110px;}
.object_holder_institutions {margin-bottom:0;}
.object_holder_institutions .floatleft, .object_holder_institutions .floatright {height:160px;}

/*** supporting-partners ***/

.object_holder_support {overflow:	hidden;}
* html .object_holder_support {height:1%;}
.object_holder_support .floatright {width:249px;float:right;background:#fff;margin:5px 0 0 0;height:80px;}
.object_holder_support .floatleft {width:122px;float:left;background:#fff;margin:5px 0 0 5px;height:80px;}
.object_holder_support .floatleft.first {width:123px;float:left;background:#fff;margin:5px 0 0 0;}

/***********************
styles für das zentrieren von bildern mit variabler höhe,
 erfordert verschiedene techniken für firefox und ie 
************************/
.object_holder_support .imgcenter {display: table; height: 80px; #position: relative; overflow: hidden;}
.object_holder_support .imgcenter_2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;width:121px;}
.object_holder_support .imgcenter_3 { #position: relative; #top: -50%;text-align:center;}

/**** untere bildleiste mit den 5 partnern ****/

.image_box_content .pfeillinks {width:11px;position:absolute;height:30px;top:50px;left:3px;}
.image_box_content .pfeilrechts {width:11px;position:absolute;height:30px;top:50px;right:3px;}
.image_box_content .innerbox_content {width:170px;padding:10px 10px 5px;}

/***********************
styles für das zentrieren von bildern mit variabler höhe,
 erfordert verschiedene techniken für firefox und ie 
************************/
.innerbox_content {font-size:0.95em;text-align:left;} /*text-align:left, sonst ist im ie die darstellung zerschossen*/
.innerbox_content .imgcenter {display: table; height: 110px; #position: relative; overflow: hidden;}
.innerbox_content .imgcenter_2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;width:170px;}
.innerbox_content .imgcenter_3 { #position: relative; #top: -50%;text-align:center;}


#researchpartners .innerbox_content dl.bild {width:64px;height:100px;float:left;padding:15px 0 0 10px;} /**padding nehmen statt margin, sonst ie6 margin-float bug**/
#researchpartners .innerbox_content dl.logo {padding-top:12px;}

.innerbox_content dl.bild {width:64px;height:100px;float:left;padding:5px 0 0 10px;} /**padding nehmen statt margin, sonst ie6 margin-float bug**/
.innerbox_content dl.bild dd {text-align:center;font-size:0.9em;padding-top:2px;}
.innerbox_content dl.logo {height:60px;text-align:left;}
.innerbox_content img.partnerlogo {vertical-align:top;padding:5px 0 0 5px;}
.innerbox_content h3 {color:#000;font-size:0.9em;font-weight:bold;padding:5px 0 2px 0;text-align:left;} 
.innerbox_content div.p {text-align:left;}

.innerbox_content dl.bild_farmers {width:145px;}
.innerbox_content dl.bild_farmers dd {background:#e5edf5;padding:3px 0 3px 5px;text-align:left}


/********************** teaser *********************************/

#teaser {float:left;width:250px;}
#teaser h3 {padding:7px 0;}
.teaser_intro {padding:10px 0 7px 10px;font-style:italic;font-size:0.9em;}
.teaser {border-top:1px solid #e6e6e6;padding:0 20px 10px 10px;}
.teaser div.date {font-style:italic;margin-bottom:10px;}

/********************** bildbox unter content (die fünf bildboxen)*********************************/

#image_box_holder {margin:0px auto;clear:both; width:970px;background:transparent;}
.image_box {width:195px;float:left;}
.image_box h4 {width:190px;color:#fff;}
.image_box h4 a {text-decoration:none;color:#fff;}
.image_box.last {width:190px;}

/********************** site-info (footer) *********************************/

#site_info {width:970px;margin:0px auto; }
#site_info_text {text-align:center;color:#fff;font-size:0.9em;padding:10px 0 30px 0;margin-top:15px;border-top:1px solid #fff;}
#site_info a {text-decoration:none;color:#fff;}
#site_info a:hover {text-decoration:underline;color:#fff;}

/********************** Kontaktformular *********************************/


.wq_form {background:#fff;padding:0 10px 10px;}
.wq_form .leftcontact {float:left;}
.wq_form .rightcontact {float:right;}
.wq_form form#wq_form {font-size:0.9em;}
.wq_form form#wq_form input, .wq_form form#wq_form textarea {border:none;background:#e6e6e6;width:230px;}
.wq_form form#wq_form input {padding:3px 0;margin:12px 0 3px;}
.wq_form form#wq_form input#plz {width:50px;border-right:1px solid #fff;}
.wq_form form#wq_form input#ort {width:179px;}
.wq_form form#wq_form select {padding:1px 0;margin:12px 0 3px;/*background:#e6e6e6;border:1px solid;*/}
.wq_form form#wq_form select#anrede {width:230px;}
.wq_form form#wq_form select#land {width:230px;}
.wq_form form#wq_form textarea {width:100%;height:90px;margin:10px 0 5px;}
*html .wq_form form#wq_form textarea {width:482px;} /*** breite im ie6 zerstört float ****/
.wq_form form#wq_form input#absenden {width:115px;color:#004494;font-weight:bold;}
.wq_form p.marked {margin:10px 0 0 0;font-style:italic;}

.wq_form .label.fehler {color:red;}
.wq_form p.fehlertext {color:red;font-weight:bold;}
.wq_form ul.fehlerliste {color:#F58025;margin:10px 0;}
.wq_form ul.fehlerliste li {list-style-type:disc;margin-left:20px;padding:3px;}
.wq_form form#wq_form input.fehler, .wq_form form#wq_form textarea.fehler {border:1px solid red;}

.wq_form .thanks {}
.wq_form .thanks .label {width:80px;float:left;padding:5px 0;}
.wq_form .thanks .field {padding:5px 0;margin:0 0 0 80px;} 


/************ Select-Box für Kontinente *************/

.content_top form.select {position:absolute;width:auto;height:30px;left:410px;top:250px;}
.content_top form.select select {width:auto;}

/*********************** anfahrt google ***************************/

.adresstable td{vertical-align:top;}
table.adresstable{width:100%;border-bottom:solid 1px #E6E6E6;padding-bottom:10px;}

.routeplan{padding-left:20px;float:right;}
.google-map{background:#fff;border-top:solid 1px #E6E6E6;padding:10px;}
#google_maps {height:320px;}
.downloads_route {padding:10px 0;background:#fff;}


/*********************** team-template-ueberschrift ***************************/
.content_top_team h2 {clear:both;color:#004494;font-size:1.4em;font-weight:normal;padding:3px 0 14px;}