/*
 * style.css - Media: screen
 *
 * Grundstylesheet für die Webseite des Olympiastützpunkt Berlin.
 *
 * Base stylesheet for the webpage of the Olypiastützpunkt Berlin.
 * 
 * URL: http://www.osp-berlin.de
 * 
 * ---
 * Copyright 2009 - bytepark GmbH
 * http://www.bytepark.de
 */
 
/* Tags */
 
*, html { margin: 0px; padding: 0px; }
body { background: url('../images/bg_body.gif') left top repeat-x #FAFAFA; color: #444; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; }
div { float: left; }
p { line-height: 1.6em; }
ul { list-style-type: none; }
img { border: none; }
a { text-decoration: none; }
input, textarea { width: 300px; border: 1px solid #4072A5; }
select { width: 150px; }

/* Formulare */

input.form_button { width: 149px; background-color: #E4E4E4;}

/* Seiten layout - Definition der Seitenbereiche */

.header_gradient { background: url('../images/bg_body_gradient.gif') left top no-repeat; width: 100%; }
.wrapper { margin: 0px auto; width: 990px; float: none; } 
.left_column { width: 200px; }
.center_right_columns { width: 790px; }
.center_column { width: 604px; padding-top: 15px;}
.center_column div { float: none; } 
.right_column { float: left; width: 186px; }
.right_column .asset { margin-bottom: 20px; padding-left: 2px;}
.header_image { background: url('../images/header_center.gif') right bottom no-repeat; width: 790px; height: 130px; padding-top: 17px; text-align: right; font-size: 1.5em; font-weight: normal;}
.header_image a { display: block; width: 731px; height: 100%; color: #FFF; background-color: transparent; padding-top: 15px; padding-right: 45px;}
.footer { background: url('../images/footer_box_bg.gif') left top repeat-x; float: none; clear: left; width: 779px; margin: 10px 0px 0px 11px; height: 192px; font-size: 0.9em; color: #8C8C8C; }
.footer div { background: url('../images/footer_box_left.gif') left top no-repeat; width: 779px; }
.footer div div { background: url('../images/footer_box_right.gif') right top no-repeat; width: 749px; padding: 15px; }
.footer_bottom { background: url('../images/footer_bottom_bg.gif') center bottom no-repeat; width: 779px; height: 4px; margin: 0px 0px 20px 11px; }

/* Linke Spalte - Navigation und Image Links */

.left_column a { text-decoration: none; }
.left_column ul.nav { margin-top: 21px; background: url('../images/nav_header.gif') top left no-repeat; padding-top: 8px;}
.left_column ul.nav > li { min-height: 23px; padding-top: 5px; padding-left: 20px; }
.left_column ul.nav li a { color: #626262; display: block; }
.left_column ul.nav li a.active, .left_column ul.nav li a:hover { color: #4072A5; }
.left_column ul.nav li a.bullet { background: url('../images/nav_bullet.gif') center right no-repeat; width: 160px; }
.left_column ul.nav li ul { background-color: #D8D8D8; margin-top: 6px; margin-bottom: -8px; padding-bottom: 8px; display: block; margin-left: -20px; }
.left_column ul.nav > li > ul { border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; margin-bottom: 0px; }
.left_column ul.nav li ul li { margin: 3px 3px 3px 23px; padding-left: 10px; font-size: 0.9em; }
.left_column ul.nav li ul li a { line-height: 1.6em; }
.left_column ul.nav li ul li a:hover {color: #000;}
.left_column ul.nav li.one { background: url('../images/nav1.gif') top left no-repeat; }
.left_column ul.nav li.two { background: url('../images/nav2.gif') top left no-repeat; }
.left_column ul.nav li.three { background: url('../images/nav3.gif') top left no-repeat; }
.left_column ul.nav li.four { background: url('../images/nav4.gif') top left no-repeat; }
.left_column ul.nav li.five { background: url('../images/nav5.gif') top left no-repeat; }
.left_column ul.nav li.six { background: url('../images/nav6.gif') top left no-repeat; }
.left_column ul.nav li.seven { background: url('../images/nav7.gif') top left no-repeat; }
.left_column ul.nav li.eight { background: url('../images/nav8.gif') top left no-repeat; }
.left_column ul.nav li.nine { background: url('../images/nav9.gif') top left no-repeat; }
.left_column ul.nav li.ten { background: url('../images/nav10.gif') top left no-repeat; }
.left_column ul.nav li.eleven { background: url('../images/nav11.gif') top left no-repeat; }
.left_column ul.nav li.end { background: url('../images/nav_footer.gif') top left no-repeat; height: 10px;}
.left_column ul.image_buttons li { padding-bottom: 5px; }
.left_column ul.image_buttons li a img { border: none; }

/* Boxen und Inhalte */

.center_column > p ,.center_box { width: 579px; margin: 0px auto 10px auto; padding-bottom: 4px; }
.center_box { background: url('../images/center_box_foot.gif') left bottom no-repeat; }
.center_box h2, .center_box ul.tabs { background: url('../images/center_box_head.jpg') left top no-repeat; font-size: 1.0em; font-weight: normal; padding: 10px 12px 8px 12px; color: #2E2E2E; }
.center_box div p, .center_box p, .center_box ul, .center_box h3, .center_box h4, .center_box table { padding: 10px 15px 10px 15px; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; background-color: #FFF; }
.center_box .newswrapper ul { border:none; padding:10px 0 10px 0; }
.center_box div table { border: none; padding : 0px;}
.center_box > div { padding: 10px 15px 10px 15px; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; background-color: #FFF; }
.center_box h3 { padding-bottom: 0px; padding-top: 15px; }
.center_box h4 { padding-bottom: 0px; padding-top: 5px; }
.center_box ul { font-size: 0.9em; list-style-position: inside; }
.center_box ul li { padding: 5px 0px 5px 20px; background: url('../images/bullet_circle.gif') left 7px no-repeat; }
.center_box img { padding: 10px; border: 1px solid #e4e4e4; }
.center_box p img { margin: 0px 0px 10px 10px; float: right; }
.center_box p img.einstiegsgrafik { float: none; margin: 0px; }
.center_box table { width: 100%; font-size: 0.9em; }
.center_box th { width: 25%; text-align: left; vertical-align: top; }
.center_box th, .center_box td { padding: 4px; vertical-align: top;}
.center_column a { background-color: transparent; color: #3685CA !important; }
.center_column a:hover { text-decoration: underline; }
.center_box ul.tabs { padding: 0px; border: none; height: 33px;}
.center_box ul.tabs li { float: left; height: 33px; margin-right: 1px; padding: 0px;}
.center_box ul.tabs li { background: url('../images/tab_inactive_left.gif') left top no-repeat; }
.center_box ul.tabs li.active { background: url('../images/tab_active_left.gif') left top no-repeat; }
.center_box ul.tabs li a { display: block; height: 16px; background: url('../images/tab_inactive_right.gif') right top no-repeat; border-bottom: 3px solid #AFAFAF; padding: 7px 10px; color: #989898 !important; }
.center_box ul.tabs li a:hover { color: #2F2F2F !important; border-color: #6295C2; }
.center_box ul.tabs li.active a { background: url('../images/tab_active_right.gif') right top no-repeat; border-color: #6295C2; color: #2F2F2F !important; }
.center_box ul.news_listing { font-size: 0.9em; list-style-position: inside; }
.center_box ul.news_listing a {text-decoration: underline; color: #3685CA; }
.center_box ul.news_listing li { background: url('../images/bullet_circle.gif') left center no-repeat; border-bottom: 1px dotted #B1B1B1; padding: 10px 0px 10px 15px; }
.center_box ul.news_listing li.more_link { border-bottom: none; background: url('../images/bullet_arrow.gif') left center no-repeat; }
.center_box ul.horizontal li { font-size: 1.2em; font-weight: bold; float: left; padding: 0px 5px; border-right: 1px solid #444; background-image: none;}
.center_box ul.horizontal li.first { padding-left: 0px; }
.center_box ul.horizontal li.last { border: none; padding-right: 0px;}
.right_box { width: 186px; margin: 0px auto 10px auto; background: url('../images/right_box_foot.gif') left bottom no-repeat; padding-bottom: 4px; background-color: #FFF; }
.right_box h1 {	background: url('../images/right_box_head.jpg') left top no-repeat; font-size: 1.0em; font-weight: normal; padding: 10px 12px 8px 12px; color: #2E2E2E; }
.right_box ul {	margin: 0px auto; width: 182px; padding: 10px 0px; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; background-color: #FFF; text-align: center;}
.right_box ul li { width: 150px; margin: 0px auto; border-bottom: 1px solid #E4E4E4; padding: 10px 0px; }
.right_box ul li.last { border: none; }
.right_box #partnerbox { width:167px; padding-left: 15px; margin-left: 1px; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }

/* Footer Inhalte */

.footer a { color: #8C8C8C; text-decoration: none; }
.footer a:hover, .footer ul.links a:hover { color: #666666; text-decoration: none; }
.footer h2 { font-size: 1.1em; font-weight: normal; color: #666; letter-spacing: -0.05em; }
.footer ul { width: 560px; margin-right: 20px; }
.footer ul.zuwendungsgeber { border-bottom: 1px solid #D1D1D1; padding: 5px 0px 18px 0px;}
.footer ul.zuwendungsgeber li { display: inline; padding-right: 17px; }
.footer ul.zuwendungsgeber li.first { padding-left: 2px; }
.footer ul.zuwendungsgeber li.last { padding-right: 0px; }
.footer ul.links { border-top: 1px solid #FFF; padding-top: 17px; }
.footer ul.links a { color: #A1A1A1; }
.footer ul.links li { float: left; width: 98px; font-size: 0.9em; padding-bottom: 5px;}
.footer ul.links li.last { width: 70px; }
.footer p { background: url('../images/footer_address_bg.gif') left top repeat-x; float: right; padding: 10px 20px; font-size: 0.9em;}

/* Sitemap */

ul#sitemap_root { line-height: 20px; }
ul#sitemap_root li { padding: 0px 0px 0px 24px; margin: 0px; list-style-type: none; background: url(../images/extm.gif) no-repeat 0% 0%;}
ul#sitemap_root ul { border: none; padding : 0 0 0 24px; margin : 0 0 0 -24px; }
ul#sitemap_root ul#sitemap_lvl2 { margin : 0 0 0 0px; }
ul#sitemap_root li.last { background: url(../images/exlm.gif) no-repeat 0% 0%; }
ul#sitemap_lvl1, ul#sitemap_lvl2 { background: url(../images/exim.gif) repeat-y 0% 0%;} 

/* Picture overlay */

div.osp_gallery, img.osp_gallery { float: right; margin: 10px 0px 10px 10px; cursor: pointer; }

/* Google maps */

.center_box div p, .center_box div div { padding: 0px; border: none; }
div.gmap { width: 275px; height: 200px; float: right; margin: 0px 0px 0px 10px; border: 1px solid #e4e4e4; }


div.clearer { clear: both; height: 0px; border: none !important; }

/* our friend ie 6 */
* html .header_image { height: 115px;}
* html .center_column { }
* html .center_box { margin-bottom: 15px; margin-left: 15px; width: 579px; padding-bottom: 4px; }
* html .center_box ul.tabs li a { width : 90px; text-align: center; }
* html .footer_bottom { padding: 0px; margin: -11px 0px 20px 5px; }
* html .left_column ul.nav li { height: 23px; padding-top: 5px; padding-left: 20px; }
* html .left_column ul.nav li ul { border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; margin-bottom: -3px; padding-top: 5px; }
* html .left_column ul.nav li ul li { padding-top: 0px; margin: 0px 0px 0px 23px;}
* html .left_column ul.nav li ul li ul { border: none; }
* html .left_column ul.nav li ul li ul li { margin-top: 0px; }
* html .center_box div { padding: 10px 15px 10px 15px; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; background-color: #FFF; }
* html .center_box div div { border: none; padding: 0px;}
* html .gmap { padding: 0px; margin: 0px; width: 250px !important; }
* html .gmap div { border: none; }
* html .left_column ul.nav li.end { margin-top: -5px; }
* html .center_box ul.news_listing li, * html .center_box ul.list li { padding-left: 5px; }

/* Our friend ie7 */
*:first-child+html .left_column ul.nav li.end { margin-top: -3px; }
*:first-child+html .center_box ul.news_listing li, *:first-child+html .center_box ul.list li { padding-left: 5px; }