/** * Style Sheet * @package CoMa * @subpackage inc * @author Birgit Kohl , Stefan Lingler * @copyright Pixelwings Medien GmbH */ /* * GENERAL */ /* General Layout */ body{padding: 0px; margin: 0px; background-color: #3472AB; background-image:url(/_inc/site/images/bg18.jpg); background-repeat:repeat-x;color: #333; font-size: 12px; line-height: 150%;} #container{ width:975px; padding:0px; margin-left:0px;} #li{ background-color:transparent; padding-top:36px; line-height:160%; width:153px; float:left;} #logo{ background:url(/_inc/site/images/logo.jpg) -14px 0px no-repeat; width:153px; height:153px; float:left;} #li02{ background-color: #FFF; line-height:160%; width:153px; height:463px; float:left; margin-top:37px; overflow:hidden;} #re{ width:822px; float:right; min-height:689px;} #re_l,#re_r{background:repeat-y;} #re_l{background:url(/_inc/site/images/bg_content_l.png);} #re_r{background:url(/_inc/site/images/bg_content_r.png);} #re_c{background:#FFF;} #content{width:498px;padding: 0px 50px 34px 15px;float:left;} #content{ min-height:560px;} #content.wide{ width:776px; padding-right:15px; padding-bottom:0px; margin-bottom:15px; min-height:594px;} #content_bg{ min-height:681px; float:left;} #f_l{ width:45px;} .index{width:535px;} /* Font Definition */ *{font-family: Arial;} #copytext,#copytext *,#copytext p a,#copytext li a,#copytext .copytext,#copytext .copytext *{font-family:Verdana;} #copytext a,#copytext a *,#copytext .form_action *,#map_canvas *{font-family:Arial;} #map_canvas span {font-size:9px;display:none;} /* Link Definition for -Navigation Left -Filter -Watchlist -Service Box -Login/Logout */ #snav a, #ssnav a, #filter a, #watchlist a, #servicebox a, #user.root a{color: #6092C1; font-size: 12px; font-weight:bold; text-decoration:none; outline:0px;} #content a, #center a, #re a, #cross a{ outline:0px;} #snav a:hover, #snav a.lihi, #content a.lihi, #ssnav a:hover, #filter a:hover, #related #servicebox a:hover, #user.root a:hover{color: #65B233; font-size: 12px; font-weight:bold; text-decoration:none;} #related #servicebox a{ line-height:120%;} #snav a.lihi, #content a.lihi, #filter a.lihi{color: #65B233; font-size: 12px; font-weight:bold; text-decoration:none;} .lihi{ color: #65B233; font-weight:bold;} /* * LAYOUT BLOCKS */ /* Navigation Top */ #nav{ width:769px; background-image: url(/_inc/site/images/bg_nav.jpg); background-repeat: repeat-x; margin-left: 15px;margin-top: 24px; margin-bottom: 12px; float:left; height:34px;} #nav a{color: #FFF;font-size: 15px;text-decoration: none; outline:0px;} #hnav td{ padding:0px; vertical-align:top; text-align:center; height:24px; } #hnavhi td{ height:3px;} .hilite{ background-image: url(/_inc/site/images/nav_hi.jpg); background-repeat:repeat-x;} .bg1{ background-image:none;} .bg2{ background-image:url(/_inc/site/images/nav_hi.jpg); background-repeat:repeat-x;} /* Navigation Left */ #snav{ background-color:#FFF; width:150px; height:378px; vertical-align:top; float:left;} #snav.root{ height:216px;} #snav div, #filter div{ padding-bottom:3px; white-space:nowrap;} .ssnav td{ padding-left:18px; float:left; padding-bottom:3px;} .indent{ margin-left:9px;} /* Navigation Left: Filter */ #filter{ background-color:#FFF; width:150px; padding-bottom:24px; float:left;} /* Bottom Left: Login/Logout */ #user{ background-color:transparent; width:150px; margin-top:10px; float:left; margin-bottom:10px;} #user{ color:white;} #user.root{ margin-top:5px;} .login td{ padding: 2px 0px 2px 0px;} .formlogin{ border:none; color: #FFF;} .login a, #user a{color: #FFF; font-size: 11px; font-weight:bold; text-decoration:none; outline:0px;} .login a:hover, #user a:hover{ text-decoration:underline;} .loginsmall{ line-height:120%;} #user .loginsmall a, #user.root .loginsmall a, #user.root .loginsmall a:hover{color: #FFF; font-size: 11px; font-weight:normal; text-decoration:none;} #user.root .loginsmall a{ color: #6092C1;} #user.root .loginsmall a:hover{ color: #65B233;} #user .loginsmall a:hover , #user.root .loginsmall a:hover{ text-decoration:underline;} #user.root{ color:#8AB6DD;} /* Bottom Left: Copyright */ #copyright{ margin-top:10px; background-color:transparent; width:150px; color:#8AB6DD; font-size:14px; float:left;} #copyright a{ color:#8AB6DD; font-size:10px; font-weight:normal; text-decoration: none; outline:0px;} #copyright a:hover{ color:#FFF; font-size:10px; font-weight:normal; text-decoration:none;} /* Content: Link, Font, Image and List Definition */ #content a, #content a *, #center a, #content02 a, .list_label{ text-decoration: none; color: #2F699D; font-size: 12px; font-weight:bold;} #content a:hover, #content a:hover *, #center a:hover, #content02 a:hover, .lbcontent a:hover{ text-decoration: none; color: #65B233; font-size: 12px; font-weight:bold;} p{ margin-top:0px;} h1{ /*font-size: 24px; font-weight:normal; margin:8px 0px 5px 0px;*/ /*font-size: 18px; font-weight:bold; line-height:120%; padding:0px; margin:15px 0px 5px 0px;*/ font-size: 22px; font-weight:normal; margin:10px 0px 8px 0px;line-height:100%;} h1.wide{ /*margin-top:13px;*/ margin-top:20px; margin-bottom:11px;} h2{ font-size: 16px; font-weight:bold; margin:0px; padding:0px;} h3, #intro, #intro *{ font-size: 13px; font-weight: bold;} h4{ font-size: 14px;} .h5{ font-size: 11px;} .h6{ font-size: 13px;} .h7{ font-size: 15px;} .h8{ font-weight:bold; padding-bottom:10px;} .h9{ font-weight:bold; color:#2F699D;} .txtrot{ color: #CC0000; font-weight:bold;} .nw{ white-space:nowrap;} .hidden{ display:none;} img{ border:none;} ul{ list-style-type: none; margin-left:0px; margin-top:5px; padding-left:15px;} li{ background:url(/_inc/site/images/li.gif) .3em .5em no-repeat; padding-left: 15px;} .hr{margin:5px 0px;background:url(/_inc/site/images/hr.gif) repeat-x;} /* Navigation Body */ #page_nav{position:relative;} #page_nav.loaded{margin:10px 0px;} #page_nav td.pn1, #page_nav td.pn2{ padding:2px 2px 2px 4px; vertical-align:center; line-height:125%;} #page_nav td.pn1{ background-color:#C4D9ED;} #page_nav td.pn2, #page_nav div.pn2_sub{ background-color:#E4EEF7;} #page_nav div.pn2_sub{ padding:8px 4px 8px 3px; width:508px; border-bottom:1px solid #FFF;} #page_nav td.pn3{ padding:2px 2px 3px 4px; width:239px;} /* Messages (Error and Success) */ #message, div#http_request_message{ margin-bottom:10px;} .success, .success *, div#http_request_message.success{ color:#65B233; font-weight:bold;} .error, .error *, div#http_request_message.error{ color:#CC123A; font-weight:bold;} /* Forms */ input, textarea, select{ background-color: #9DC0E1; color: #FFF; border:none; padding:1px 5px 1px 5px;} input.button {font-weight:bold;} input, textarea, select{color: #FFF; font-size:13px;} select{ padding-right:0px;} span.c1{color:#CC123A;} form{ display:inline;} #content form td{ padding-bottom:8px;} #content form.form{ padding-bottom:20px; float:left; clear:both;} #content table.form td{ vertical-align:top;} .nb{ border:none; background-color:transparent;} #content .dim a,#content .dim a *{color:#ADCAE6;} #content .dim a:hover,#content .dim a:hover *{color:#65B233;} div.datechooser_out{ float:left;} .form_header{margin:10px 0px 5px 0px;} /* Forms: Glossary */ .balkenbg{ background-image: url(/_inc/site/images/liste_balken.jpg); background-repeat: no-repeat; height: 37px;} #content td.balken a{color: #FFF; font-size: 18px; font-weight:bold; text-decoration:none;} #content .listeblaubg{ padding:5px; background-color:#E4EEF7;} #content .listeblaubg td{ padding:0px;} #content td.balken a:hover, #content td.balken a.hi{color: #65B233; font-size: 18px; font-weight:bold; text-decoration:none;} p.fn,p.fn *{font-size:10px;} #alpha_prev, #alpha_next{ width:40px;} #content #glossary td{ padding:5px; width:234px; vertical-align:top;} #content #glossary{ margin-bottom:10px;} /* Feature List Teasers (Index and Topics Overview) */ #content .teaser, #content .teaser *{font-size: 11px;padding:0px;line-height:135%;} #content .teaser .image{padding-top:3px;padding-bottom: 5px;} #content .teaser .label a, #content .teaser .label a:hover{ font-size:13px; font-weight:normal; color:#333;} #content .teaser .more a, #content .teaser .more a *{ color: #2F699D; font-weight:bold; font-size: 11px;} #content .teaser .more a:hover, #content .teaser .more a:hover *{ text-decoration:none; color: #65B233;} /* List */ .list{ width:497px;} .list p{ margin:0px; padding:0px;} .list td, .list th{ padding:10px; vertical-align:top;} .odd{ background-color:#E4EEF7;} .even{ background-color:#FcFdFe;} .list th{ text-align:left; background-color:#FCFDFE;} .sort{ font-size:10px;} /* List Browser */ .browser{ margin-top:15px; text-align:center;} #content .browser .current{ color: #000;} #content .browser, .browser{ font-weight:bold; color:#F0F0F0;} /* Search Result */ #content .path a{ color:#666666; font-weight:normal;} #content .path a:hover{ color: #65B233; font-weight:normal;} span.hi{ color:#6092C1;} /* Hotel Search */ img.features{margin:0px 2px 2px 0px;} /* Google Map */ #map_canvas{ width:498px; height:300px; margin-bottom:10px;} #map_canvas.fs{ width:100%; height:735px; margin:0px; padding:0px;} /* Google Map: Routes */ #map_canvas.routes{ width:530px; height:564px; margin-left:10px;} #map_directions_route{ display:none;} #map_route_debug{ float:right;} #r_distance{ color:#65B233; font-weight:bold; font-size:18px;} /* Print Information */ #print_logo, #print_info{ display:none;} /* Page Actions */ #page_actions td{ line-height:180%;} #page_actions{ padding-top:20px; float:left; clear:both;} /* Content Bottom */ #bottom{ padding-bottom:15px; float:none; clear:both;} #bottom td{ vertical-align:top;} #boxes{ width:498px;padding: 0px 58px 0px 15px;} #teaser{ width:220px; padding: 25px 15px 0px 0px;} #teaser div{ width:220px;} #related #teaser{ padding:0px; padding-top: 0px; padding-left: 0px;} #page_box_list.empty{ float:left; margin-top:25px; width:498px;} .date {font-size:xx-small;margin-top:20px;} /* Content Bottom Box (Further Articles, Postings) */ .box{ width:498px;} .box_header{text-align:right;} .box_body{ background-color:#8AB6DD; background-image: url(/_inc/site/images/bg_postings.jpg); background-repeat: repeat-x; background-position:bottom; padding:15px 15px 15px 15px; min-height:225px;} .box_body, .box_body td, .box_body a, .box_body a *, .box_body div{ color:#FFF; font-size:11px;} .box_body a{ text-decoration:none;} .box_body a:hover{ text-decoration:underline;} .box_body .more{ font-weight:bold;} .box_body span.label a, .box_body span.label a:hover{ font-size: 13px;} .box .postings{ font-size:13px;} .box .postings div{ padding-bottom:10px;} .box .postings a, .box .postings a *, .browser a{ font-size: 12px; font-weight:bold; text-decoration:none;} .box .postings a:hover, .box .postings a:hover *, .box .browser .current{ color: #03549C; text-decoration:none;} /* Content Bottom Box Index (Further Articles) */ #boxes.index{width:545px;padding-right:0px;} #boxes.index .box{width:535px;} #boxes.index .box a{color:#6191BF;} #boxes.index .box a:hover{color:#65B233;} #boxes.index .browser a{color:#2F699D;} #boxes.index .browser a:hover, #boxes.index .browser .current{color: #65B233;} #boxes.index .box_header{text-align:left;color:#6191BF;font-weight:bold;font-size:14px;} #boxes.index .box .postings div{padding-bottom:5px;} /* Block Right: Related (Search, Service Box, Teaser */ #related{ width:220px; padding: 0px 23px 0px 0px; float:right;} #related a,#teaser .teaser_user a{ text-decoration: none; color: #2F699D; font-size: 12px; font-weight:bold;} #related a:hover{ text-decoration: underline;} #related.wide{padding:0px; margin:19px 0px 0px 0px; float:right;} #search, #servicebox, #servicebox.visible, #teaser div{ margin-bottom:15px;} #servicebox.hidden{ padding-bottom:0px;} #servicebox {background-color:#E1ECF6;padding:10px 5px;line-height:120%;} #servicebox .delimiter{height:15px;}; #teaser p{ padding:0px; margin:0px;} /* Block Right: Service Box */ .block{ margin: 0px; width:210px;} .block a{color: #07569F; font-size: 11px; font-weight:normal; text-decoration:none;} .block a:hover{color: #07569F; font-size: 11px; font-weight:normal; text-decoration:underline;} #servicebox .headline{color:#6191BF;font-weight:bold;font-size:14px;} /* Block Right: Teaser User (Manualle Assigned) */ #teaser .teaser_user *,#teaser .teaser_user a{font-size:11px;} #teaser .teaser_user{width:auto;background-color:#E1ECF6;padding:10px 5px;line-height:120%;} #teaser .teaser_user a{line-height:120%;text-decoration:none;} #teaser .teaser_user a:hover{color:#65B233;} #teaser .teaser_user div{width:auto;padding:0px;margin-bottom:5px;} #teaser .teaser_user .headline{color:#6191BF;font-weight:bold;font-size:14px;} /* Navigation Bottom */ #cross{ width:776px; padding: 15px 23px 30px 23px; text-align:center; float:right;} #cross a{color: #FFF; font-size: 13px; font-weight:bold; text-decoration:none;} #cross a:hover{color: #FFF; font-size: 13px; font-weight:bold; text-decoration:underline;} /* * ADDITIONAL DEFINITIONS */ /* Lottery */ .lottery{background:#E4EEF7;padding:5px;} #content form .lottery td,.lottery p,.lottery img{padding:0px;} /* Loading Overlay */ #sp_overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 10px; background-color: #FFF; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8;} #sp_overlay_loading{ position:absolute;} /* WAI Links */ a.skip{color:#000;position:absolute;left:-1000em;top:-1000em;} a.skip:focus,a.skip:active{position:absolute;z-index:1;top:4px;left:4px;height:auto;width:auto;padding:0 2px;line-height:1.6em;text-decoration:underline;color:#F00;background-color:#eee;outline:1px solid #999;} /* Debug Output: Role Models, Login Info */ #li .role_models{ margin-top:10px; line-height:150%;} #re .role_models, #re .role_models *{ margin:0px; padding:0px; line-height:100%;} #li .role_models, #li .role_models a, .role_models, .role_models a{ font-size:9px; color:#CCCCCC; line-height:100%;} #li .role_models a:hover{ text-decoration:underline;} .role_models .hi, #li .role_models a, #li .role_models a:hover{ color:#555555;} .role_models img{ border:1px solid;} #login_info{ display:block; padding-bottom:10px; margin-left: 15px; float:left; background-color:#ADCAE6; padding:2px 22px;} #login_info, #login_info *{ color:white; font-size:11px;} /* Obsolet */ /* .abstand02{ padding-top: 18px;} .abstand03{ padding-bottom: 5px;} #content02{ width:822px; float:right; font-size: 12px; padding: 20px 0px 34px 0px;} .related02 td{ padding: 18px 0px 15px 0px;} .lbleft{ background-image:url(/_inc/site/images/lb_left_TRANS.png); background-repeat:repeat-y;} .lbright{ background-image:url(/_inc/site/images/lb_right_TRANS.png); background-repeat:repeat-y;} .lbcontent{ background-color:#FFF; background-image: url(/_inc/site/images/lb_bg.jpg); background-repeat:repeat-x; vertical-align:top;} .lbcontent td{ vertical-align:top;} a.liste td{color: #6092C1; font-size: 12px; font-weight:bold; text-decoration:none;} a:hover.liste td{color: #65B233; font-size: 12px; font-weight:bold; text-decoration:none;} .lihi19{ color: #65B233; font-size:19px; font-weight:bold;} */ /* Debug */ #gm_output td,#gm_output th{background-color:#FFF;} #gm_output tr.warn td{background-color:#F00;color:#FFF;}