
/* handy-flarate24         */

/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* common */
body {
        font-family:Arial;
        font-size:13px;
        background:url(../img/body_bg.jpg);
}

a{ text-decoration:none; color:#f08a00;}
a:hover{ text-decoration:underline; color:#f08a00;}
h1{font-size:32px; letter-spacing:0.03em;}
h2{font-size:14px;}
h3{}
h4{}
#olayer {position:relative;}
#mlayer {position:relative; top:150px;}
#homecontainer{ background:url('../img/bg_01.jpg') repeat-x; height:100%; padding-top:59px;}
#restcontainer{ background:url('../img/content_header_bg.jpg') repeat-x; height:100%; padding-top:70px; }
.centercontainer{ margin:0px auto; width:960px; position: relative; }

/*.horiz{ display:inline-block;}*/

/* titelcontainer */
#titelcontainer{ background:url('../img/bg_05.jpg'); position: relative; z-index:999;}
#logo{ width:175px; height:160px; top:-56px; left:-31px; position:absolute; z-index:999}

#anbietermenu{ height:37px; margin-left:178px; padding-top:23px;}
#anbietermenu ul li{ float:left;   }
#anbietermenu ul li a{ color:#ff9100; font-size:17px; font-weight:bolder; display:block; background:url('../img/bg_07.png'); margin:5px; padding:2px 8px;}

#socialmenu{ position:absolute; top:-42px; right:17px;}
#socialmenu ul li{ float: left;}
#socialmenu ul li a{ display:block; width:21px; height:22px; margin:5px;  }
#twitter_b{ background:url('../img/buttons_05.jpg');}
#facebook_b{background:url('../img/buttons_07.jpg');}
#rss_b{background:url('../img/buttons_09.jpg');}
#mail_b{background:url('../img/buttons_11.jpg');}
#blogger_b{background:url('../img/buttons_13.gif');}
#youtube_b{background:url('../img/buttons_14.png');}

#title_img{ background:url('../img/title_img.jpg'); width:960px; height:330px; position:relative; z-index:1}

#orageline{background:#f08b00; position:relative; padding-left:70px;   }
#orangeline_small{background:#f08b00; position:relative; height:26px; z-index:0}
#oragelinecontainer{ background:url('../img/orange_border.png') no-repeat top;height:120px; }
#oragelinecontainer h1{ color:#fff; padding:10px 0px; }
#titletext{display:block; margin-left:270px; color:#fff;}
#zumvergleich_button{position:absolute; top:60px; width:229px; height:56px; border:0px; cursor:pointer;}

#titlecontainer_button{ width:960px; height:24px; background:url(../img/title_border.jpg) repeat-x -81px 0; position:relative;}

/* menu */
#mainmenu{height:150px; width:970px; position:absolute;  top:0; }
#mainmenu_border_top{ background:url(../img/mainmenu_border_top.jpg); height:9px;}
#mainmenu_border_bottom{ background:url(../img/mainmenu_border_bottom.jpg); height:9px;}
#mainmenu_rest_border_bottom{ background:url(../img/content_menu_08.jpg) no-repeat; height:9px; margin-bottom:11px; position: relative; top:440px;}

#mainmenu_nav ul li{ float:left;}
.home_nav ul li a{display:block; width:241px; height:110px;}
.rest_nav{ height:440px; position:absolute; width:235px; top:0px; left:0px;}
.rest_nav ul li a{display:block; width:241px; height:110px;}

.home_nav #full_flat{ background:url(../img/bg_11.png); }
.home_nav #kombi_flat{ background:url(../img/bg_12.png);}
.home_nav #festnetz_flat{ background:url(../img/bg_13.png);}
.home_nav #flatrate_blog{ background:url(../img/bg_14.png);}
.rest_nav #full_flat{ background:url(../img/bg_11.png); }
.rest_nav #kombi_flat{ background:url(../img/bg_12.png);}
.rest_nav #festnetz_flat{ background:url(../img/bg_13.png);}
.rest_nav #flatrate_blog{ background:url(../img/bg_14.png);}


/* content */


#contentcontainer{ min-height:300px; position:relative;}
#cse-search-results iframe { width:580px;}
#content{float:left;}
#contentbody{margin-left:10px; margin-bottom:45px; background:#d6edff; width:701px; padding:20px 0px 5px;}
#content h2{ background:url('../img/bg_22.png'); padding:0px 10px; line-height:38px; color:#23608f;  font-weight:bolder; margin-bottom:14px; width:500px}
#content h3{ padding:0px 10px; line-height:38px; color:#23608f;  font-weight:bold; margin-bottom:0px}
.textbox h2{margin-top:30px}
.textbox h3{margin-top:20px}
.textbox .text{margin:20px; color:#23608f;text-align: justify; line-height: 140%;}
.text p{margin:20px; color:#23608f;text-align: justify; line-height: 140%;}
.textbox li{list-style:disc; margin:5px 0px 0px 20px;}

table#tarife{ margin:10px;}
table#tarife td{ background:#c7e2f5; border-right:2px solid #d6edff; color:#23608f; padding:10px;}
table#tarife td.odd{ background:#c3dcf0;}
table#tarife td.head{color:#82a6c0}


.base{background:url(../img/bg_26.png); width:82px; height:32px;}
.congstar{background:url(../img/bg_28.png); width:108px; height:32px;}
.o2{background:url(../img/bg_30.png); width:82px; height:32px;}
.t_icon{ border:#bad1e3 solid 3px;}
a.bestellen{background:url(../img/bg_36.png); width:80px; height:26px; display:block;}

div.highlight_l {
        padding:0.6em 0.8em;
        background:none repeat scroll 0 0 #c3dcf0;
        border:1px solid #DDDDDD;
        width: 325px;
        float: left;
}

div.highlight_m {
        margin:0 auto;
        padding:0.6em 0.8em;

        background:none repeat scroll 0 0 #c3dcf0;
        border:1px solid #DDDDDD;
        width: 335px;

}

div.highlight_r {
        padding:0.6em 0.8em;
        background:none repeat scroll 0 0 #c3dcf0;
        border:1px solid #DDDDDD;
        width: 325px;
        float: right;
}




/* sidebar */
#leftsidebar{ float:left; width:249px;padding-bottom:20px; position: relative; }
#sidebarbody{background:#cfe6f8; padding:5px 0px;margin-bottom:440px;}
.sidebarbox{
        background:#fff;
        border:1px solid #a5c5dc;
        margin:15px;
        padding:5px 5px 10px;
        font-size:12px;
}
.sidebarbox h3{ font-size:13px; background:url('../img/bg_18.png'); padding:0px 10px; line-height:38px; color:#23608f; text-transform:uppercase; font-weight:bolder; margin-bottom:14px;}
#vergleichmenu ul{padding:0px 10px 5px; }
#vergleichmenu a{ color:#23608f; display:block; line-height:18px; padding-left:3px; font-size:12px;}
#vergleichmenu a:hover{ color:#f08a00; text-decoration:underline; background:#d6edff;}

#vergleichsuche{ position:relative;}
#vergleichsuche a{ color:#666; text-decoration:underline; text-transform:uppercase; font-size:11px; padding-left:10px}
#vergleichsuche a:hover{ color:#000;}
#sucheinput{ background:url('../img/input_suche.gif'); width:167px; height:23px; border:0px; padding:5px; font-size:18px; margin-bottom:30px;}
#suchesubmit{ background:url('../img/los.png'); width:84px; height:37px; border:0px; border-left:1px solid #a5c5dc; border-top:1px solid #a5c5dc; position:absolute; right:0px; bottom:0px;}

#anbieter li{ color:#23608f; padding:0px 10px 15px; display:block;}
#anbieter a{ color:#23608f; font-weight:bolder; display:block;}

#actualactions span{ color:#23608f; padding:0px 10px 5px; display:block;}
#news li{ color:#23608f; padding:0px 10px 15px; display:block;}
#news a{ color:#23608f; font-weight:bolder; display:block;}
#morenews{ text-decoration:underline;}
/* footer */
#footer{ background:url('../img/footer_bg.jpg'); height:266px;}
#footer_border_top{background:url('../img/footer_border_top.png'); height:10px;}
.footerbox{ float:left; width:190px; }
.footerbox h3{ color:#fff; text-transform:uppercase; margin:15px 0px 10px; font-size:18px;}
.footerbox a{ line-height:18px; }
.footerbox a:visited{ color:#c27102;}

#footer_bottom{  margin-top:174px; background:url('../img/footer_overlay.png') no-repeat; height:44px;color:#fff; padding-top:38px;}

#footermenu li{ float:left; }
#footermenu a{ color:#fff; padding-right:3px;}

#copywrite{ position:relative; left:214px; top:-16px; width:555px;}
#copywrite, #copywrite a{color:#50a3c8;}
