/*-----------------------------------------------------------------------------
      Datei:   main.css                                          
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
      Datum:   9/25/2006
      Version: 1.0
      Autor:   AH, nbsp - non breaking space publishing
      Aufgabe: Styledefinition für IDG-Verlag
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/*------------------------------Allgemeine Elemente -------------------------*/
/*---------------------------------------------------------------------------*/

div{font:11px Verdana, serif;}
h1{font: bold 11px Verdana, serif;margin:0px;padding:0px}
h2{font: 11px Verdana, serif;margin:0px;padding:0px}
body{width:100%;margin:0px;padding:0px;background:url(/img/bg.jpg) repeat;}
p.copy{margin-bottom:10px;margin-top:0px;}
li{padding-bottom:10px;}
img.verlagslogo{margin-right:10px;margin-bottom:0px;}
div.joblogo{float:right;margin-left:10px;margin-bottom:0px;margin-top:10px;}

/*---------------------------------------------------------------------------*/
/*--------------------------Allgemeine Seitenaufteilung----------------------*/
/*---------------------------------------------------------------------------*/

div#thintopgraphic{position:absolute;top:0px;left:0px;margin:0px;padding:0px;width:1003px;height:21px;background:url(/img/bg_top.gif) no-repeat;} 
div#outer{position:absolute;top:21px;left:0px;width:1003px;margin:0px;padding:0px 0px 10px 0px;background:url(/img/bg_body.gif) repeat-y;}
div#page{margin:0px 92px 0px 30px;}
div.highlighted{margin:10px 10px 0px 10px;padding:3px 3px 3px 3px;border:2px solid #ff9900;background-color:white; font-size:larger; font-weight:900;}

/*---------------------------------------------------------------------------*/
/*--------------------------------------Header-------------------------------*/
/*---------------------------------------------------------------------------*/

div#idglogo{text-align:left;width:198px;height:132px;background-image:url(/img/logo_idg.gif);float:left;cursor:pointer;}
div#idglogo a{display:block;width:198px;height:132px;cursor:pointer;}
div#flashhead{text-align:right;width:682px;height:132px;float:right;}

/*---------------------------------------------------------------------------*/
/*-----------------------------Linke Spalte: Menü, Adresse;------------------*/
/*---------------------------------------------------------------------------*/

div#left{width:198px;background-color:#f7f7f7;float:left;}

/*---------------------------------------Menü--------------------------------*/

div#spacebeforemenu{width:198px;height:24px;background-color:#505050;float:left;margin:2px 2px 0px 0px;}
div#menu{width:198px;background: #f7f7f7 url(/img/nav_top.gif) repeat-x;float:left;padding-top:5px;border-top:2px solid white;}
div#menuend{background:url(/img/nav_bottom.gif) repeat-x;height:5px;width:198px;}

/*-------------------------------Menübutton----------------------------------*/

div.menubutton{width:198px;height:auto;border-top:1px solid white;background:#627e95 url(/img/arrow_nav.gif) no-repeat 5px 10px;}
div.submenubutton{position:relative;width:198px;height:auto;border-top:1px solid white;background:#627e95 url(/img/arrow_subnav.gif) no-repeat 8px 10px;}
div.firstmenubutton{width:198px;height:auto;background:#627e95 url(/img/arrow_nav.gif) no-repeat 5px 10px;vertical-align:bottom;}
/*Abweichende Größe bei dem Link erforderlich, weil sonst in IE das Menü breiter wird. (???)*/
a.menulink{font:bold 11px Verdana, serif; color:white; display:block;width:178px;height:100%;text-decoration:none;padding:8px 0px 8px 20px;}
a.submenulink{font:bold 10px Verdana, serif; color:white; display:block;width:178px;height:100%;text-decoration:none;padding:8px 0px 8px 20px;}

/*-------------------------------------Adressbox-----------------------------*/

div#addressbox{padding:10px 0px 10px 5px;font-size:11px;color:black;background-color:#f7f7f7;}

/*---------------------------------------------------------------------------*/
/*------------------------------Servicebar-----------------------------------*/
/*---------------------------------------------------------------------------*/

div#servicebar{width:680px;height:24px;background-color:#505050;float:right;margin-top:2px;}
div.sbbutton{float:right;height:24px;}
div.sbdate{font-size:11px;color:white;text-align:left;float:left;padding:4px 0px 0px 4px;}

/*-----------------------Servicebar-Button inaktiv---------------------------*/

a.sbsitemap{display:block;text-decoration:none;background:url(/img/btn_sitemap_off.gif);width:93px;height:24px;}
a.sbkontakt{display:block;text-decoration:none;background:url(/img/btn_kontakt_off.gif);width:89px;height:24px;}
a.sbimpressum{display:block;text-decoration:none;background:url(/img/btn_impressum_off.gif);width:110px;height:24px;}
a.sbhome{display:block;text-decoration:none;background:url(/img/btn_home_off.gif);width:77px;height:24px;}

/*------------------------Servicebar-Button aktiv----------------------------*/

a.sbsitemap:hover{background:url(/img/btn_sitemap_on.gif);cursor:pointer;}
a.sbkontakt:hover{background:url(/img/btn_kontakt_on.gif);cursor:pointer;}
a.sbimpressum:hover{background:url(/img/btn_impressum_on.gif);cursor:pointer;}
a.sbhome:hover{background:url(/img/btn_home_on.gif);cursor:pointer;}

/*--------------------------------Logoleiste---------------------------------*/

div#logos{width:680px;height:38px;float:right;border-top:2px solid white;}

/*---------------------------------------------------------------------------*/
/*----------------------------------Innerer Content--------------------------*/
/*---------------------------------------------------------------------------*/

div#outercontent{width:680px;float:right;background-color:white;}
div#innercontent{float:left;width:476px;background-color:#f7f7f7;}

/*------------------------------Teaserboxen----------------------------------*/

div.icteaserouterbox{border-bottom:2px solid #f7f7f7;}

/*----------------------------2spaltige Teaser-------------------------------*/

div.icteaser50{width:238px;float:left;padding-bottom:10px;border-top:1px solid white;}

/*----------------------------1spaltige Teaser-------------------------------*/

div.icteaser100{width:476px;float:left;padding-bottom:10px;border-top:1px solid white;}

/*----------------------------Teaserformatierung-----------------------------*/

/*Überschrift*/

div.icteaserhead{font-weight:bold;color:#505050;padding:10px 0px 0px 5px;}
div.icteaserhead a{text-decoration:none;color:#505050;display:block;}

/*Bild*/

div.icteaserimg{padding:5px 0px 0px 5px;}

/*Text*/

div.icteasertext{padding:5px 0px 0px 5px;width:224px;}

/*Textlink*/

div.icteasertext a{text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;}

/*------------------------------Rubrikbalken---------------------------------*/

div.icheader{width:476px;height:18px;background: #627E94 url(/img/arrow_headline.gif) no-repeat 5px 7px;border-top:2px solid white;border-bottom:1px solid white;}
div.icheadertext{text-transform:uppercase;color:#efefef;font-weight:bold;padding:2px 5px 2px 15px;}
/*-----------------------Pressemeldungen und Nachrichten---------------------*/

div.news{border:0px;padding:0px;margin:0px;}
div.newstextdate{font-size:9px;padding:10px 0px 0px 5px;}
div.newstextheadline{padding-left:5px;font-weight:bold;}
div.newstextheadline a{color:#000000; text-decoration:none;display:block;}
div.newstext{padding:0px 0px 10px 5px;}
div.newstext a{text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;}

/*---------------------------------------------------------------------------*/
/*----------------------------------Rechte Spalte----------------------------*/
/*---------------------------------------------------------------------------*/

div#rightcol{float:right;width:202px;}
div.rightcolheader{width:202px;height:24px;background:#505050 url(/img/arrow_teaser.gif) no-repeat 8px 9px;}
div.rightcolheadertext{color:#ffffff;font-weight:bold;padding:5px 0px 0px 15px;}
div.rightcolvariableheader{width:202px;background:#505050 url(/img/arrow_teaser.gif) no-repeat 8px 9px;}
div.rightcolvariableheadertext{color:#ffffff;font-weight:bold;padding:5px 0px 5px 15px;}
div.rightcolimg{width:202px;height:63px;float:right;border-top:2px solid white;background-color:#ffffff;}
div.rightcolimgvariable{width:202px;float:right;border-top:2px solid white;background-color:#ffffff;}
div.rightcolteaser{background-color:#ffffff;}

/*---------------------------------Events------------------------------------*/

div.events{padding:13px 0px 10px 10px; background-color:#d0d8df;}
div.events a{font-weight:bold;text-decoration:none;color:#000000;background-color:#d0d8df;display:block;}

/*----------------------------------Jobs-------------------------------------*/

div.jobs{padding:13px 0px 10px 10px;background-color:#d0d8df;}
div.jobs a{font-weight:bold;text-decoration:none;text-transform:uppercase;color:#000000;background-color:#d0d8df;display:block;}

/*----------------------------Weitere...-Links-------------------------------*/

div.rightcolmorelink{padding:0px 0px 10px 10px;background-color:#d0d8df;border-bottom:2px solid white;}
div.rightcolmorelink a{font: 10px bold;text-decoration:underline;color:#ff9900;background-color:#d0d8df;display:block;}

/*---------------------------------------------------------------------------*/
/*-------------------------------------Footer--------------------------------*/
/*---------------------------------------------------------------------------*/

div#footer{background-color:#d0d8df;width:881px;height:80px;text-align:center;padding:10px 0px 10px 0px;}
div#footer a{text-decoration:none;color:#000000;}

/*---------------------------------------------------------------------------*/
/*------------------------------Artikeldetailansicht-------------------------*/
/*---------------------------------------------------------------------------*/

div.articledetailheader{width:476px;min-height:18px;background: #627E94 url(/img/arrow_headline.gif) no-repeat 5px 7px;border-bottom:1px solid white;}
div.articleheader{width:476px;height:18px;background: #627E94 url(/img/arrow_headline.gif) no-repeat 5px 7px;border-top:2px solid white;border-bottom:1px solid white;}
div.articletext{padding:0px 5px 10px 5px;}
div.articletext a{text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;}

/*---------------------------------------------------------------------------*/
/*-------------------------------Sitemapdarstellung--------------------------*/
/*---------------------------------------------------------------------------*/
div.sitemapmain{height:auto;}
div.sitemapsub{position:relative;height:auto;}
a.sitemaplink{font:bold 11px Verdana, serif; color:black; display:block;height:100%;text-decoration:none;padding:8px 0px 8px 10px;}
a.sitemapsublink{font: 10px Verdana, serif; color:black; display:block;height:100%;text-decoration:none;padding:4px 0px 4px 30px;}

/*---------------------------------------------------------------------------*/
/*---------------------------------Publikationen-----------------------------*/
/*---------------------------------------------------------------------------*/
div.scopetitle{font-weight:bold;color:#505050;padding:10px 0px 10px 0px;}
div.publication{padding:0px 0px 10px 5px;}
div.publicationdescription{padding:0px 0px 10px 5px;}
div.publication a{text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;}
td.scopetable{padding-bottom:10px;}
tr.scopetablebottomline{margin-bottom:10px; border-bottom:1px solid black;}
div.publicationimage{position:relative; top:18px; left:-10px; float:right; padding-left:15px;padding-bottom:18px;}
div.publicationdescription a{text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;}
td.pubattribtable{padding-bottom:10px;}
/*---------------------------------------------------------------------------*/
/*------------------------------------PUBLIKOM-------------------------------*/
/*---------------------------------------------------------------------------*/
div.publikom{padding:0px 0px 10px 5px;}
div.publikom td{vertical-align:top; border-bottom:1px}
div.publikom a {text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;vertical-align:top;}
div.publikom span {font-size:9px;}
div.publikomdetailintro {font-weight:900;padding:0px 0px 10px 5px;}
td.publikomhead{background-color:#f7f7f7;}
/*---------------------------------------------------------------------------*/
/*-----------------------------------DISPOCENTER-----------------------------*/
/*---------------------------------------------------------------------------*/
div.dispo{padding:0px 0px 10px 5px;}
div.dispo a {text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;vertical-align:top;}
/*---------------------------------------------------------------------------*/
/*------------------------------------MEDIADATA------------------------------*/
/*---------------------------------------------------------------------------*/
div.mediadata{padding:0px 0px 10px 5px;}
div.mediadata a {text-decoration:underline;color:#ff9900;font-weight:bold;font-size:10px;vertical-align:top;}