@charset "utf-8";
/* CSS Document
CAP - Agentur für Öffendlichkeitsarbeit
Alexander Geserick
2010-03-02
screen.css
*/

/************* Global Styles **********/
* { font-family:arial,helvetica,sans-serif; margin:0; padding:0; outline:0;}
img { border:0;}
/************* Allover ***************/
div#allover { width:958px; margin-left:auto; margin-right:auto; margin-top:11px;}
/************* Allover - Top ***************/
div#allover div#top { width:926px; height:293px; }
/************* Allover - Top - Top_left ***************/
div#allover div#top div#top_left { width:699px; height:293px; float:left; }
/************* Allover - Top - Top_left - Top_left_top ***************/
div#allover div#top div#top_left div#top_left_top { width:699px; height:86px; }
div#allover div#top div#top_left div#top_left_top ul { padding-top:45px;}
div#allover div#top div#top_left div#top_left_top ul li { float:left; list-style:none; }
div#allover div#top div#top_left div#top_left_top ul li a { display:block; color:#00567f; font-size:13px; text-decoration:none; text-transform:uppercase; padding:11px 8px 11px 8px; margin-right: 15px; }
div#allover div#top div#top_left div#top_left_top ul li a:hover { background:#0097d5; color:#FFF; }
div#allover div#top div#top_left div#top_left_top ul li a.active { background:#0097d5; color:#FFF; }
div#allover div#top div#top_left div#top_left_top img { float:left; padding-right:3px; }
/************* Allover - Top - Top_left - Top_left_bottom ***************/
div#allover div#top div#top_left div#top_left_bottom { width:699px; height:207px; margin-left:86px; }
/************* Allover - Top - Top_right ***************/
div#allover div#top div#top_right { width:211px; height:293px; float:right;}
div#allover div#top div#top_right img#logo_text { margin-bottom:3px; }
/************* Allover - Center ***************/
div#allover div#center { width:926px; min-height:420px; }
/************* Allover - Center - Center_left ***************/
div#allover div#center div#center_left { width:175px; float:left; }
div#allover div#center div#center_left ul { margin-top:113px; }
div#allover div#center div#center_left ul li { list-style:none; }
div#allover div#center div#center_left ul li a { color:#868889; text-decoration:none; font-size:13px; text-transform:uppercase; padding-left:8px; }
div#allover div#center div#center_left ul li a:hover { color:#00567f; padding-left:23px; background:url(../img/subnavi_bg.gif) no-repeat left; }
div#allover div#center div#center_left ul li a.active { color:#00567f; padding-left:23px; background:url(../img/subnavi_bg.gif) no-repeat left; }
/************************* TEMPORÄR  *****************************/
div#allover div#center div#center_left ul li a.inactive:hover { color:#868889; padding-left:23px; background:#fff; cursor:default; }
div#allover div#center div#center_left ul li a.inactive { color:#868889; padding-left:23px; background:#fff; cursor:default;}
/****************************************************************/


/************* Allover - Center - Content ***************/
div#allover div#center div#content { width:504px; float:left; padding-top:58px; }
div#allover div#center div#content h1 { padding-left:37px; font-size:18px; font-weight:bold; color:#00567f; text-transform:uppercase; background:url(../img/headline.gif) no-repeat bottom left; margin-bottom:15px; padding-bottom:5px; }
div#allover div#center div#content p { color:#515050; font-size:11px; margin-left:40px; padding-right:10px;}
div#allover div#center div#content p.contact_error { color:#B51334; font-weight:bold;}
div#allover div#center div#content a { color:#00567f; text-decoration:none;}
div#allover div#center div#content a:hover { text-decoration:underline;}
div#allover div#center div#content h2 { color:#00567f; font-size:13px; margin-left:40px; padding-right:10px;}
div#allover div#center div#content table.beitrag { color:#515050; font-size:11px; padding-right:10px;}
div#allover div#center div#content table.cms { color:#515050; font-size:11px; padding-right:10px;}
div#allover div#center div#content table.cms input { color:#00567f; font-size:12px; border:1px solid #00567f; padding:1px; }
div#allover div#center div#content table.cms textarea { color:#00567f; font-size:12px; border:1px solid #00567f;}
div#allover div#center div#content ol { color:#515050; font-size:11px; margin-left:57px; padding-right:10px;}
div#allover div#center div#content ol.alpha { list-style-type:lower-alpha; margin-left:17px; }
div#allover div#center div#content ul.striche { list-style:none;}
div#allover div#center div#content ul#medien { margin-left:40px;}
div#allover div#center div#content ul#medien li { list-style:none; font-size:13px; color:#515050;}
div#allover div#center div#content ul#medien li a { font-size:13px; color:#00567f; text-decoration:none;}
div#allover div#center div#content ul#medien li a:hover { text-decoration:underline;}

div#allover div#center div#content ul.newsletter { margin-left:40px; margin-bottom:10px; margin-top:10px;}
div#allover div#center div#content ul.newsletter li { list-style:none; font-size:11px; color:#515050;}
div#allover div#center div#content ul.newsletter li a { font-size:11px; color:#00567f; text-decoration:none;}
div#allover div#center div#content ul.newsletter li a:hover { text-decoration:underline;}

div#allover div#center div#content div.vorstand { padding-top:5px; height:100px;border-bottom:1px solid #008dd1; padding-bottom:5px;}
div#allover div#center div#content div.vorstand img { float:left; margin-right:15px; padding-left:40px;}
div#allover div#center div#content div.vorstand p {}

div#allover div#center div#content span.error { font-size:11px; margin-left:40px; color:#B51334; }
div#allover div#center div#content form.login { margin-left:40px;}
div#allover div#center div#content form.login label { display:block; float:left; width:90px; margin-top: 12px; color:#515050; font-size:12px;}
div#allover div#center div#content form.login input { width:150px; margin-top: 10px; color:#00567f; font-size:12px; border:1px solid #00567f; }
div#allover div#center div#content form.login input.login { background:none repeat scroll 0 0 #FFFFFF; border:medium none; color:#00567f; cursor:pointer; float:right; font-size:12px; font-weight:300;margin-right:170px;margin-top:6px;}
div#allover div#center div#content form.login input.login:hover { font-weight:bold;}
/************* Allover - Center - Content - Form ***************/
div#allover div#center div#content div#form { margin-left:40px; width:400px; font-size:12px;}
div#allover div#center div#content div#form div#contact_label { width:115px; float:left;}
div#allover div#center div#content div#form div#contact_label label.label { display:block; margin-top: 12px; color:#515050;}
div#allover div#center div#content div#form div#contact_label label.error { color:#B51334; font-weight:bold;}
div#allover div#center div#content div#form div#contact_input label.label { color:#515050;}
div#allover div#center div#content div#form div#contact_input label.error { color:#B51334; font-weight:bold;}
div#allover div#center div#content div#form div#contact_input { width:275px; float:right; padding-top:3px;}
div#allover div#center div#content div#form div#contact_input p.pflicht {  float:right; font-size:9px; color:#00567f; margin:0; margin-top:20px; padding:0; height:2px;}
div#allover div#center div#content div#form div#contact_input input.error { border:1px solid #B51334;}
div#allover div#center div#content div#form div#contact_input input { width:150px; margin-top: 10px; color:#00567f; font-size:12px; border:1px solid #00567f; }
div#allover div#center div#content div#form div#contact_input input:hover { border:1px solid #008ACC; }
div#allover div#center div#content div#form div#contact_input input.herr { width:20px; margin-right:5px; border:none; }
div#allover div#center div#content div#form div#contact_input input.frau { width:20px; margin-left:5px; margin-right:5px; border:none;}
div#allover div#center div#content div#form div#contact_input input#send { width:100px; float:right; background-color:#00567f; border:1px solid #00567f; color:#FFFFFF;}
div#allover div#center div#content div#form div#contact_input input#send:hover { background-color:#008ACC;}
div#allover div#center div#content div#form div#contact_input input#reset { width:100px; float:left; background-color:#00567f; border:1px solid #00567f; color:#FFFFFF;}
div#allover div#center div#content div#form div#contact_input input#reset:hover { background-color:#008ACC;}
div#allover div#center div#content div#form div#contact_input textarea {  margin-top: 10px; width:275px; height:120px; float:left; color:#00567f; font-size:12px; border:1px solid #00567f;}
div#allover div#center div#content div#form div#contact_input textarea.error { border:1px solid #B51334;}
div#allover div#center div#content div#form div#contact_input textarea:hover { border:1px solid #008ACC;}
/************* Allover - Center - Content - Sort_alph ***************/
div#allover div#center div#content div.sort_alph { border-bottom:1px solid #40aadd; padding-bottom:10px; padding-top:10px;}
div#allover div#center div#content div.sort_alph a { color:#008cd1; text-decoration:none; font-size:11px;}
div#allover div#center div#content div.sort_alph a:hover { text-decoration:underline;}
/************* Allover - Center - Content - Branchen_info ***************/
div#allover div#center div#content div#branchen_info { padding-left:40px; border-bottom:1px solid #008dd1; padding-bottom:10px; padding-top:10px;}
div#allover div#center div#content div#branchen_info table#branche { font-size:11px; color:#515050;}
div#allover div#center div#content div#branchen_info table#branche span { text-transform:uppercase; }
div#allover div#center div#content div#branchen_info table#branche .lightblue { color:#008dd1; }
div#allover div#center div#content div#branchen_info table#branche a { text-decoration:none; color:#00567f; }
div#allover div#center div#content div#branchen_info table#branche a:hover { text-decoration:underline; }
/************* Allover - Center - Content - Branchen_inhalt ***************/
div#allover div#center div#content div#branchen_inhalt { padding-top:20px; padding-left:0px; border-bottom:2px solid #008dd1; padding-bottom:30px; }
div#allover div#center div#content div#branchen_inhalt img { float:left; margin-right:15px; padding-left:40px;}
/************* Allover - Center - Content - News_box ***************/
div#allover div#center div#content div.news_box { height:98px; padding:23px 0px 23px 37px; border-bottom:1px solid #40aadd;}
div#allover div#center div#content div.news_box h2 { color:#00567f; font-size:13px; font-weight:normal; padding-bottom:10px;}
div#allover div#center div#content div.news_box img.news { float:left; margin-right:20px; }
div#allover div#center div#content div.news_box p { color:#515050; font-size:11px; }
div#allover div#center div#content div.news_box a { color:#008dd1; font-size:11px; text-decoration:none; background:url(../img/news_link_bt.gif) no-repeat right; padding-right:10px; }
div#allover div#center div#content div.news_box a:hover { text-decoration:underline; }
/************* Allover - Center - Content - News_box_full ***************/
div#allover div#center div#content div#news_box_full { padding:23px 0px 23px 37px; }
div#allover div#center div#content div#news_box_full h2 { color:#00567f; font-size:13px; font-weight:normal; padding-bottom:10px;}
div#allover div#center div#content div#news_box_full img.news { float:left; margin-right:20px; }
div#allover div#center div#content div#news_box_full p { color:#515050; font-size:11px; padding:0; margin:0;}
div#allover div#center div#content div#news_box_full a { display:block; color:#008dd1; font-size:13px; text-decoration:none; margin-top:20px; }
div#allover div#center div#content div#news_box_full a:hover { text-decoration:underline; }
/************* Allover - Center - Content - Newsletter ***************/
div#allover div#center div#content div#newsletter { color:#515050; font-size:11px; margin-left:40px; padding-right:10px; padding-top:20px; float:left;}
div#allover div#center div#content div#newsletter label { color:#515050; font-size:11px; font-weight:bold; display:block; margin-bottom:5px;}
div#allover div#center div#content div#newsletter input { font-size:11px; color:#00567f; width:150px; height:16px;}
div#allover div#center div#content div#newsletter div#newsletter_left { float:left; width:240px;}
div#allover div#center div#content div#newsletter div#newsletter_right { float:left; }
div#allover div#center div#content div#newsletter span.newsletterlabel { display:block; float:left; width:240px; }
div#allover div#center div#content div#newsletter div#newsletter_radio { display:block; float:left; width:150px;}
div#allover div#center div#content div#newsletter div#newsletter_radio label { display:inline;}
div#allover div#center div#content div#newsletter div#newsletter_radio input { width:15px; height:15px;}
div#allover div#center div#content div#newsletter div#newsletter_buttons { display:block; float:right; margin-top:10px; margin-right:40px;}
div#allover div#center div#content div#newsletter div#newsletter_buttons input.send { width:90px; height:20px; float:right;}
div#allover div#center div#content div#newsletter div#newsletter_buttons input.reset { width:90px; height:20px; float:right;}
/************* Allover - Center - Content - Overview_years ***************/
div#allover div#center div#content ul#overview_years { margin-top:15px; margin-left:40px;  }
div#allover div#center div#content ul#overview_years li { list-style:none; float:left; color:#00567f; font-size:13px; padding-right:5px; }
div#allover div#center div#content ul#overview_years li a { color:#00567f; font-size:13px; text-decoration:none; }
div#allover div#center div#content ul#overview_years li a:hover { color:#0097d5; }
/************* Allover - Center - Content - Overview_month ***************/
div#allover div#center div#content div#overview_month { width:443px; height:102px; background:url(../img/veranstaltungen_bg.gif) no-repeat; margin-top:50px; margin-left:20px;}
div#allover div#center div#content div#overview_month ul { float:left; margin-top:3px;}
div#allover div#center div#content div#overview_month ul li { list-style:none; margin-top:6px;}
div#allover div#center div#content div#overview_month ul#month_1-3 li a { width:47px; height:16px; padding:3px 20px 5px 20px;  margin-right:22px;}
div#allover div#center div#content div#overview_month ul#month_4-6 li a { width:40px; height:16px; padding:3px 20px 5px 20px;  margin-right:22px;}
div#allover div#center div#content div#overview_month ul#month_7-9 li a { width:65px; height:16px; padding:3px 20px 5px 30px;  margin-right:18px;}
div#allover div#center div#content div#overview_month ul#month_10-12 li a { width:57px; height:16px; padding:3px 20px 5px 20px;}
div#allover div#center div#content div#overview_month ul li a { display:block; color:#00567f; font-size:13px; text-decoration:none;}
div#allover div#center div#content div#overview_month ul li a:hover { color:#FFF; background-color:#0097d5;}
/************* Allover - Center - Content - Overview_events ***************/
div#allover div#center div#content div#overview_events { border-top:1px solid #40aadd; margin-top:10px;}
div#allover div#center div#content div#overview_events div.event { border-bottom:1px solid #40aadd; padding:15px 10px 10px 0px; }
div#allover div#center div#content div#overview_events div.event h2 { color:#00567f; font-size:13px; padding-bottom:5px;}
div#allover div#center div#content div#overview_events div.event p { color:#515050; font-size:11px; margin-bottom:5px;}
div#allover div#center div#content div#overview_events div.event p span { text-transform:uppercase;}
div#allover div#center div#content div#overview_events div.event p span.lightblue { color:#0097d5; }
/************* Allover - Center - Center_right ***************/
div#allover div#center div#center_right { width:211px; float:right; }
/************* Allover - Center - Center_right - Metanavi ***************/
div#allover div#center div#center_right ul#metanavi { width:211px; height:27px; color:#000000; font-size:11px; margin-top:10px; }
div#allover div#center div#center_right ul#metanavi li { float:left; list-style:none; }
div#allover div#center div#center_right ul#metanavi li a { color:#000000; font-size:11px; text-decoration:none; text-transform:uppercase; padding-left:3px; padding-right:3px;}
div#allover div#center div#center_right ul#metanavi li a.no_pl { padding-left:0px; }
div#allover div#center div#center_right ul#metanavi li a.no_pr { padding-right:0px; }
div#allover div#center div#center_right ul#metanavi li a:hover { color:#089bd7;}
div#allover div#center div#center_right ul#metanavi li a.active { color:#089bd7;}
/************* Allover - Center - Center_right - Mainnavi2 ***************/
div#allover div#center div#center_right ul#mainnavi2 { }
div#allover div#center div#center_right ul#mainnavi2 li { list-style:none;}
div#allover div#center div#center_right ul#mainnavi2 a { display:block; width:161px; height:21px; color:#FFF; font-size:13px; text-transform:uppercase; text-decoration:none; padding-left:50px; padding-top:7px; border-bottom:5px solid #FFF; }
div#allover div#center div#center_right ul#mainnavi2 a.active { font-weight:bold;}
div#allover div#center div#center_right ul#mainnavi2 a.darkblue { background:#00567f;}
div#allover div#center div#center_right ul#mainnavi2 a.darkblue:hover { font-weight:bold;}
div#allover div#center div#center_right ul#mainnavi2 a.red { background:#b51334;}
div#allover div#center div#center_right ul#mainnavi2 a.red:hover { font-weight:bold;}
div#allover div#center div#center_right ul#mainnavi2 a.lightblue { background:#008acc; border-bottom:2px solid #FFF; cursor:default;}
div#allover div#center div#center_right ul#mainnavi2 a.lightblue2 { background:#008acc;}
div#allover div#center div#center_right ul#mainnavi2 a.lightblue2:hover { font-weight:bold;}
/************* Allover - Center - Center_right - Mainnavi2 - Subnavi2 ***************/
div#allover div#center div#center_right ul#mainnavi2 li ul#subnavi2 { background:url(../img/subnavi2_bg.gif) no-repeat top #00567f; padding-top:10px;}
div#allover div#center div#center_right ul#mainnavi2 li ul#subnavi2 a { text-transform:none; margin:0px; font-size:12px; padding-top:3px; border:0; }
div#allover div#center div#center_right ul#mainnavi2 li ul#subnavi2 a:hover { color:#00567f; background:#FFF; font-weight:normal;}
div#allover div#center div#center_right ul#mainnavi2 li ul#subnavi2 a.active { color:#00567f; background:#FFF; font-weight:normal;}
/************* Allover - Bottom ***************/
div#allover div#bottom {clear:both;}
/************* Allover - Center - Content - Job_box ***************/
div#allover div#center div#content div.job_box { padding:23px 0px 23px 37px; border-bottom:1px solid #40aadd;}
div#allover div#center div#content div.job_box h2 { color:#00567f; font-size:13px; font-weight:normal; padding-bottom:10px;}
div#allover div#center div#content div.job_box img.jobs { float:left; margin-right:20px; border-bottom:solid 10px #fff;}
div#allover div#center div#content div.job_box p { color:#515050; font-size:11px; }
div#allover div#center div#content div.job_box a { color:#008dd1; font-size:11px; text-decoration:none; background:url(../img/news_link_bt.gif) no-repeat right; padding-right:10px; }