#head { z-index:20; }

div.hr { margin:0; padding:0; height:5px; background:transparent url(../imgs/bg_rostrumdivider.gif); border:0; }
#main { z-index:1; margin:0 !important; padding:10px 0 0 0; background:#bbdff9 url(../imgs/bg_rostrum.jpg) top repeat-x; }
#foot { margin:0 0 10px 0; }

#rostrumHead { height:227px; margin:0; padding-left:10px; position:relative; z-index:4; }
#rostrumHead h2 { white-space:nowrap; font-size:18px; color:#145d80; font-weight:bold; margin-bottom:20px; }
#rostrumHead .testDetails { text-decoration:underline; cursor:pointer; }
#rostrumHead ul { list-style:none; }
#rostrumHead li { font-size:14px; font-weight:bold; padding-left:25px; margin:17px 0; color:#145d80; background:url(../imgs/icon_yes.png) no-repeat; }

#testDetailsTipp { display:none; position:absolute; width:250px; background:#fff; z-index:1000 !important; padding:10px 30px 10px 10px; border:1px solid #656565; }
#testDetailsTipp p { margin-bottom:0; }
#testDetailsTipp .arrow { display:block; position:absolute; top:-7px; left:10px; width:11px; height:7px; background:url(../imgs/bubble_arrow.gif); }
#testDetailsTipp .close { position:absolute; right:5px; top:5px; width:12px; height:12px; cursor:pointer; }

#rostrum { width:430px; position:relative; top:42px; margin-left: 295px;}
#rostrum .pos { float:left; width:100px; margin-right:1px; text-align:center; background:url(../imgs/bg_rostrumpos.jpg) no-repeat 0px 85px; }
#local #rostrum .logo { height:50px; }
#rostrum .pos h3 { font-size:24px; margin-top:-35px; color:#145d80; position:relative; }
#rostrum #pos1 h3, #rostrum #pos2 h3, #rostrum #pos3 h3, #rostrum #pos4 h3 { font-size:18px; margin-top:22px; padding-bottom:4px; }

#rostrum .pos .content { position:relative; width:100%; height:53px; overflow:hidden; }
#rostrum .pos .wrapper { position:absolute; top:0; left:0; width:200%; }
#rostrum .pos .content .part { width:90px; float:left; padding:0 5px; font-size:9px; }

#rostrum #pos2 .content { margin-top:5px; }
#rostrum #pos1 .content { margin-top:5px; }
#rostrum #pos3 .content { margin-top:5px; }
#rostrum #pos4 .content { margin-top:5px; }

#rostrum .pos .award p { color:#145d80; text-align:center; margin-bottom:5px; }
#rostrum .pos .award .seal { text-align:right; }
#rostrum .pos .award .seal img { border:1px solid #666; }

#rostrum .pos .price { font-size:28px; color: #145d80; margin-top:0px; }
#rostrum #pos2 .price, #rostrum #pos3 .price, #rostrum #pos4 .price{ font-size:20px; margin-top:8px; }

#rostrum .container { float:left;height:185px;width:100px;}
	

/* local */
.rostrum2 { top:92px !important; }
.rostrum2 .vendor { position:relative; top:-55px; }
.rostrum2 .pos h3 { margin-top:-40px !important; color:#f60 !important; font-size:14px !important; padding-bottom:0 !important; }
.rostrum2 .pos .price { font-size:24px !important; color: #145d80; margin-top:0px !important; margin-bottom:0 !important; }
.rostrum2 #pos1 { height:100px !important; margin-top:35px !important; }
.rostrum2 #pos2 { height:100px !important; margin-top:35px !important; }
.rostrum2 #pos3 { height:100px !important; margin-top:35px !important; }
.rostrum2 #pos4 { height:100px !important; margin-top:35px !important; }

.rostrum2 #pos2 .content { margin-top:15px !important; height:30px; }
.rostrum2 #pos1 .content { margin-top:15px !important; height:30px; }
.rostrum2 #pos3 .content { margin-top:15px !important; height:30px; }
.rostrum2 #pos4 .content { margin-top:15px !important; height:30px; }
/* end local */

#awardLady { position:absolute; right:0; bottom:0; width:237px; height:192px; background:url(../imgs/awardlady.jpg) no-repeat right bottom; }
* html #awardLady { bottom:-1px; }

#testTitle { position:absolute; top:0; left:0; padding:0px 10px; }
#testTitle h2 { margin-bottom:0.5em; }
#testPromo { position:absolute; bottom:10px; left:10px; width: 100px; height: 133px; background:url(../imgs/portaltest_dsl_testsieger.png) no-repeat; }
#testInfo { position:absolute; bottom:10px; left:20px; width:270px; color:#1e1e1e;}
#testInfo p { margin-bottom:0;}

.rostrumForm { padding:10px; background-color:#d3eafa; border-bottom:1px solid #90c6ec; }
.rostrumForm h2 { color:#145d80; font-size:14px; margin-right:0px; }
.rostrumForm1 h2 { margin-top:0px; }

.rostrumForm { color:#145d80; position:relative; height:1%; }
.rostrumForm .headers { height:1%; }
.rostrumForm .forms { overflow:hidden; }
.rostrumForm2 .forms { height:40px; }
.rostrumForm .formsToggle { display:none; }
.rostrumForm dl { float:left; }

.rostrumForm dl.areacode { width:185px; margin-top:8px; margin-left:16px; }
#rostrumForm2 dl.areacode { padding-left:480px; margin-top:19px; }
.rostrumForm dl.areacode dt { width:100px; }
.rostrumForm dl.areacode dd { width:auto; padding-top:5px; }
.rostrumForm dl.areacode input { width:50px; padding-left:2px; }

.rostrumForm dl.speed { width:205px; padding-top:12px; }
.rostrumForm dl.speed dt { width:85px; padding-top:3px; }
.rostrumForm dl.speed dd { width:auto; }

.rostrumForm dl.contractperiod { width:180px; padding-top:12px; }
.rostrumForm dl.contractperiod dt { width:85px; padding-top:3px; }
.rostrumForm dl.contractperiod dd { width:auto; }

.rostrumForm dl.features { width:100px; margin-top:12px; }
.rostrumForm2 dl.features { padding-top:13px; }
.rostrumForm dl.features dt { width:70px; margin-top:2px; text-align:right; }
.rostrumForm dl.features dd { width:20px; }

#rostrumForm2 { position:relative; padding:0 10px 10px 10px; }
#rostrumForm2 h2 { position:absolute; height:42px; width:320px; top:15px; left:80px; }
#rostrumForm2 form { height:1%; }
#rostrumForm2 .providers { margin-top:15px; width:80px; }
#rostrumForm2 .providers dt { width:60px; text-align:right; margin-top:2px; }
#rostrumForm2 .providers dd { width:15px; }
#rostrumForm2 dl.features { width: 100px; margin-top:23px; }
#rostrumForm2 input.button { margin-top:20px; }

.formTopLeft { float:left; width:450px; }
.formTopRight { float:right; width:450px; }

.rostrumForm2 .formTopLeft { width:445px; }
.rostrumForm2 .formTopRight { width:450px; }
.rostrumForm2 h2.formTopRight { width:480px !important; }

#rostrumForm1 .toggle h2 { padding-left:18px; background:url(../imgs/foldout.gif) 0 2px no-repeat; cursor:pointer; }
#rostrumForm1 .toggle h2.in { background-image:url(../imgs/foldin.gif); }
.rostrumForm2 .toggle h2.formTopRight { padding-left:0 !important; background:none !important; }

#rostrumForm1 { z-index:3; }
.rostrumForm dl.usage { margin-top:12px; }
#rostrumForm1 dl.usage { padding-left:23px; }
#rostrumForm1 input.buttonIcon { float:left; margin-top:7px; }
.rostrumForm dl.usage dt { width:100px; margin-top:2px; }
.rostrumForm dl.usage dd { width:125px; }
.rostrumForm dl.usage input { width:30px; padding-left:2px; }
* html .rostrumForm dl.usage dt, * + html .rostrumForm dl.usage dt { margin-top:6px; }

.rostrumForm em { position:absolute; left:626px; bottom:2px; width:300px; }
.rostrumForm2 em { left:156px; }
.rostrumForm dl dt, .rostrumForm dl dd { margin-bottom:0; }
.rostrumForm .example { display:block; }
.rostrumForm input.button { float:right; margin-top:10px; margin-right:10px; }

.rostrumSub { position:relative; clear:both; margin:10px; color:#1e1e1e; z-index:2; }
.rostrumSub h2 { color:#145d80; font-size:14px; margin-bottom:10px; }
.rostrumSub h2 a { color:#145D80; }
.rostrumSub a { text-decoration:underline; }
.rostrumSub a:hover { text-decoration:none; }

#rostrumForm2 input.buttonIcon { float:left; margin-top:7px; }

#tooltip { display:none; position:absolute; bottom:75px; width:250px; margin:0; background-color:#FFF; padding:10px; border:1px solid #666; text-align:center; }
#tooltip p { margin:5px 0 0 0; font-weight:bold; }
#tooltip span { display:block; position:absolute; bottom:-12px; left:10px; width:13px; height:12px; background:url(../imgs/tooltip_arrow.gif) no-repeat; }

#local #tabelle { margin-bottom:20px; }

#local table { border-collapse: separate; border-spacing:0; width:100%; margin-bottom:5px; color:#1e1e1e; font-size:12px; border:1px solid #666; }

#local table td, #local table th { padding:5px 10px; text-align:left; }
#local table td.col_vendor, #local table td.col_vendor { padding-right:0; }
#local table td.col_details, #local table td.col_details { padding-left:0; padding-right:0; text-align:center; }
#local table td.col_price { text-align:center; white-space:nowrap; }
#local table td.col_speed { font-weight:bold; text-align:right; white-space:nowrap; }
#local table td.col_monthly, #local table td.col_once { text-align:right; white-space:nowrap; }
#local table th.col_once { text-align:center; }
#local table td.col_once { padding:5px 20px; }
#local table .col_hasDsl, #local table .col_hasPhone, #local table .col_hasStick, #local table .col_hasTv { padding:5px 7px; font-size:11px; padding-top:0; text-align:center; width:27px; font-weight:normal; }
#local table tr.details th { background-image:url(../imgs/bg_th_features.gif); font-size:11px; padding:0 0 5px 0; }
#local table .col_hasFeature { text-align:center; border-bottom:none; white-space:nowrap; }

#local table p { margin-bottom:0; }

#local .vendor { margin-bottom:0;margin-top:25px;}
#local .price_old { background:url(../imgs/bg_linethrough.png) no-repeat; width:38px; }
#local .price_old span { position:absolute; left:0; top:0; height:12px; }
#local .price { font-size:18px; font-weight:bold; }
#local .price a { color:#145d80; }
#local .price a:hover { text-decoration:none; }
#local table .logo { height:25px; }

#local thead tr th { background:#d4d4d4 url(../imgs/bg_th.gif) top repeat-x; border-bottom:1px solid #bbb; }
#local tr.even td { background-color:#fff; }
#local tr.odd td { background-color:#d3eafa; }
#local tbody tr.hover td { background-color:#fff !important; }
#local tbody td { vertical-align:middle; }
#local thead th { vertical-align:top; }
#local tbody .category th { background:#d4d4d4 url(../imgs/bg_th.gif) bottom repeat-x; border-top:1px solid #ccc; border-bottom:1px solid #bbb; }


#local .continueButton { position:relative; margin-bottom:0; padding:5px 13px 5px 0; }
#local .continueButton a { position:relative; display:block; padding:4px 20px; background:url(../imgs/bg_main_boxes.gif) -20px -50px; border-left:1px solid #656565; border-right:1px solid #656565; border-bottom:1px solid #656565; text-align:center; font-weight:bold; color:#fff; text-decoration:none; }
#local .continueButton a:hover { background-position:-20px -100px; text-decoration:none; color:#fff; }
#local .continueButton span { display:block; width:17px; height:23px; padding:0; margin:0; position:absolute; right:-13px; top:-1px; background:url(../imgs/bg_teaserbutton.gif) right no-repeat; }
* html #local .continueButton span { right:10px; }

#moreInfo .cBox { background-color:#fff; }
#moreInfo .cBox h2 { border-top:1px solid #656565; border-left:1px solid #656565; background:#d4d4d4 url(../imgs/bg_th.gif) bottom repeat-x; color:#1E1E1E; border-bottom:1px solid #bbb; margin-bottom:0; }
#moreInfo a.more { position:relative; display:block; border-bottom:1px dashed #656565; margin-bottom:10px; padding-bottom:10px; }
#moreInfo .content h3 { font-size:12px; }
#moreInfo .cBox a.lastMore { border-bottom:0; margin-bottom:0; padding-bottom:0; }

#colL a.more { position:relative; display:block; border-bottom:1px dashed #656565; margin-bottom:10px; padding-bottom:10px; }
#colL .knowledge { display:none; }

#tooltip { height:15px; z-index:1000; }
#tooltip h3 { color:#656565; }
