/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background:url(../images/body_bg.gif) top center #d7d7d7 repeat-y;
}

abbr {
	
}

hr {
    border: 1px solid #59B204;
	padding:0px;
	margin:0px;
}

img {
	border:none;
}



h1 .autolink_link, h2 .autolink_link, h3 .autolink_link, h4 .autolink_link, h5 .autolink_link, h6 .autolink_link  {
	background:none;
	cursor:default;  	
}


h2 {
	font-size:1.1em;
}

h3, h4, h5, h6 {
	font-size:1.0em;
}


h4 {
    font-size:1.0em;
}


h1 {
	font-size:1.3em;
	margin:10px 0px 10px 0px;
	padding:0px;
}

h2, h3, h4, h5, h6 {
	margin:15px 0px 10px 0px;		
	
}


a:hover {
	text-decoration:none;
	cursor:pointer;
}


p {
	line-height:1.5em;	
	margin:3px 0px 10px 0px;
}

div {
	font-size:1.0em;	
}


#container {
		
}

#wrap {
	position:relative;
	width:934px;
	text-align:left;
}

#header {
	height:91px;
	background:url(../images/header.jpg) 0px 0px no-repeat;
}

#title {
	position:relative;
	text-align:left;
}


#search {
	position:absolute;
	left:260px;
	top:30px;

}

#ajaxSearch_submit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#248900;
	background-color:#f6ffed;
	border:1px solid #248900;

}

#ajaxSearch_input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#154f00;
	border:1px solid #248900;
	padding-left:4px;
}

#ajaxSearch_output {
	width:440px;
	background-color:#ffffff;
	font-size:0.7em;
	color:#777777;
}

.AS_ajax_resultsIntroFailure {
	text-indent:5px;

}

#ajaxSearch_output a {
	color:#248900;
	font-weight:bold;

}

.AS_ajax_highlight, .AS_ajax_highlight1 {
	color:#154f00;
	background-color:#f6ffed;
	font-weight:bold;

}

#current-search-results {
	border:1px solid #b3ff2f;
	padding:5px;
}


#searchClose {
	position:absolute;
	margin-top:2px;

}

.topnav {
	margin:0px 0px 0px 25px;
	padding:0px;
	list-style:none;
}

.topnav li {
	float:left;
}

.anbieternav {
	padding:0px;
	list-style:none;
	margin:0px;
}

.anbieternav li {
	float:left;		
}


/*--- Mainmenu ----*/
#mainmenu {
	position:relative;
	font-size:0.7em;
	border-top:1px solid #b3ff2f;
	background-color:#248900;
	text-align:center;
	height:20px;
	z-index:5px;
}

#mainmenu .topnav a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../images/main_menu_bg.gif);
	display:block;
	padding:2px 6px;
	border:1px solid #248900;
	border-right-color:#ffffff;
}

#mainmenu .current a, .topnav a:hover {
	background-image:url(../images/main_menu_bg_o.gif);
	color:#248900;
}

#mainmenu .topnav a:hover {
	background-image:url(../images/main_menu_bg_o.gif);
	color:#248900;
}
/*---- Mainmenu Ende -----*/




/*---- Contentbereich ----*/


/*---- Detailansicht ----*/

.contentright {
	position:relative;
	float:right;
	width:300px;
	top:15px;
}

.dt_features, .dt_ofeatures, .dt_afeatures {
	width:300px;
	font-size:0.9em !important;
}

.dt_features a {
		
}


.dt_features th, .dt_ofeatures thead th  {
	background:url(../images/tarif-details-features.png) no-repeat;
	color:#9f652f;
	height:27px;
	padding-left:10px;
	font-size:1.1em;
}

.dt_afeatures thead th  {
        background:url(../images/tarif-details-afeatures.png) no-repeat;
        color:#fff;
        height:27px;
        padding-left:10px;
        font-size:1.1em;
}

.dt_features td, .dt_ofeatures td, .dt_afeatures td {
	height:35px;
	border-bottom:1px solid #c6c6c6;
	border-top:1px solid #eeeeee;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	background:#FFFFFF;
	text-align:left;
	padding:0px 5px;
}

.dt_featureitem {
	padding-left:20px !important;
	background:url(../images/tarif-details-bullet.png) no-repeat 8px 13px !important;
	font-size:0.9em;
	text-align:left !important;
}


.dt_features, .dt_ofeatures, .dt_afeatures  {
	border-top:1px solid #ffc711;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	margin-bottom:30px;
	font-size:0.8em;
	text-align:left;
}


.detailstarife {
	width:380px;	
}

.detailstarife	{
	border-top:1px solid #298c06;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	margin-bottom:30px;
	font-size:0.9em;
	text-align:left;
}

.dt_name, .dt_preis, .dt_bb, .dt_tarifart, .dt_telefon, .dt_egebuehr, .dt_tanschluss, .dt_laufzeit {
	font-weight:bold;	
} 


.detailstarife thead th {
	background:url(../images/tarif_thead_bg.png) no-repeat;
	color:#FFF;
	height:27px;
	padding-left:10px;
	font-size:1.1em;
}

.detailstarife thead th a {
	color:#FFF !important;
	background:none !important;	
}


.detailstarife td  {
	height:35px;
	border-bottom:1px solid #c6c6c6;
	border-top:1px solid #eeeeee;
	border-left:1px solid #c6c6c6;
	border-right:1px solid #c6c6c6;
	background:#FFFFFF;
	padding-left:10px;
}


.tarif-preis, .tarif-name, .tarif-name-simple  {
	font-weight:bold !important;              
}


.detailstarife tfoot td, .dt_features tfoot td, .dt_ofeatures tfoot td, .dt_afeatures tfoot td  {
	background:url(../images/tarif_tfoot_bg.png) no-repeat;
	height:20px;
	padding-left:10px;
}

.detailstarife tfoot a, .dt_features tfoot a, .dt_ofeatures tfoot a, .dt_afeatures tfoot a  {
	color:#248900 !important;	
	height:20px;
}


.tarif-detail {
	background:url(../images/details_bg.png) repeat-x;	
	border-bottom:1px solid #5ea53e !important;
	border-top:1px solid #80c04a !important; 
	width:90px;
}

/* Tariftabelle Details Ende */





.contentleft {
	position:relative;
	float:left;
	width:370px;
	z-index:2;
}

.contentleft .detailstarife {
	width:370px !important;
	z-index:
}


.contentleft .logoSmallTarif {
	float:right;
}

.clear {
	clear: both; 
}


.headerleft{
	position:relative;
}

.headerleft h1 .autolink_link, .headerleft h1, .headerleft h1  abbr  {
	color:#248900 !important;	
	border-bottom:none !important;
}

.tarifHead {
	color:#8b8b8b;
	text-decoration:underline;
	font-weight:bold;
	border-bottom:none;
	padding:2px 0px;
}

.logoSmallTarif {

}


.tarifHead a, tarifHead {
	border-bottom:none !important;
	color:#FF00FF !important;
}

.tarifHead .autolink_link, .tarifHead abbr  {
	text-decoration:none !important;
	color:#8b8b8b !important;
	border:none !important;
}

/*---- Detailansicht Ende ----*/



#contentfull  {	
	position:absolute;
	z-index:2;
	left:200px;
	top:150px;
	width:700px;
	min-height:680px;
	max-height:2000px;
}

#contentfull  ul {
	list-style:none;
	padding-bottom:20px;
}


#contentfull p {
	text-align:left;
	font-size:0.9em;
}



.greenBox {
	margin:10px 0px 0px 10px;
	padding:5px;
	border-right: 1px solid #59B204;
	border-bottom: 1px solid #59B204;
	border-left: 1px solid #65cc04;
	border-top: 1px solid #65cc04;
	width:270px;
	background:url(../images/greenbox-bg.png) left bottom repeat-x #FFF;
}


.greenBoxFooter {
	background:url(../images/greenbox-bg.png) left bottom repeat-x #FFF;
	border-right: 1px solid #59B204;
	border-bottom: 1px solid #59B204;
	border-left: 1px solid #65cc04;
	border-top: 1px solid #65cc04;
	text-align:center;
	height:20px;
	font-size:0.8em;
	padding:3px 0px 0px 10px;
}


.greenBoxFooter .goback {
	float:left;	
}

.greenBoxFooter .ditto_page, .greenBoxFooter .ditto_currentpage  {
	padding:0px 3px;
	margin:0px 3px;
}

.ditto_page {
	
}


.greenBoxFooter a {
	color:#248900;
	font-weight:bold;
}

.greenBoxFooter span {

}

#sideMenuBar {
	position:absolute;
	top:150px;
	left:25px;
	width:150px;
	height:600px;
}

#submenu_link{
	display:block;
	margin-bottom:10px;
}
	
#submenu_link a {
	font-size:0.7em;
	font-weight:bold;
	color:#248900;
	line-height:1.0em;
}

#submenu_link a:hover {
	color:#68c113;
}

.menulabel, .menulabel2  	{
	background-color:#248900;
	font-size:1.2em;
	font-weight:bold;
	color:#FFFFFF;
	top:185px;
	width:135px;
	height:21px;
	padding:4px 4px 0px 9px;
}

.menulabel2 {
	border-left:1px solid #248900;
	border-right:1px solid #248900;
}

.submenu {
	background-color:#299b00;
	font-size:0.6em;
	font-weight:normal;
	width:148px;
	border:1px solid #248900;
	margin-bottom:20px;
}

.submenu a {
	font-size:11px;
	font-variant:small-caps; 
	color:#ffffff;
	font-weight:normal;
	line-height:20px;
	text-decoration:none;
	padding: 0px 10px 0px 9px;
	display:block;
	border-bottom:1px solid #248900;
	width:129px; 
}

.submenu a:hover {
	background-color:#e9ffd3;
	height:20px;
	color:#248900;
	text-decoration:underline;
	background-image:url(../images/main_menu_bg_o.gif);
}

.submenu2 {
	background-color:#299b00;
	font-size:0.6em;
	font-weight:normal;
	width:138px;
	height:276px;
}


.submenu2 li {
	background:#59b204;
	border-left:1px solid #248900;
	border-right:1px solid #248900;
}

.submenu2 a {
	font-size:11px;
	font-variant:small-caps; 
	color:#ffffff;
	font-weight:normal;
	line-height:20px;
	text-decoration:none;
	padding: 0px 10px 0px 9px;
	display:block;
	border-bottom:1px solid #248900;
	width:119px; 
}


.submenu2 a:hover {
	background-color:#e9ffd3;
	height:20px;
	color:#248900;
	text-decoration:underline;
}




#accordion { 
	color:#FFFFFF;	 
	margin: 0; 
	padding: 0;
}

#accordion ul { 
	font-size:11px;
	font-variant:small-caps;
	list-style:none;
	margin:0px;
	padding:0px;

}

#sideMenuBar .toggler {	
	font-size:11px;
	font-variant:small-caps; 
	line-height:20px;
	text-indent:9px;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #248900;
	width:138px; 

}

li.toggler:hover{
	cursor:pointer;
	color:#248900;
	background-image:url(../images/main_menu_bg_o.gif);
	padding:0px;

}

.toggler .active  {
	background-color:#4bc121;

}

a.toggler:hover{
	cursor:pointer;
	height:20px;
	color:#248900;
	background-image:url(../images/main_menu_bg_o.gif);

}

.toggleractive {
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	background-color:#76c52a;
	line-height:22px;
	padding: 0px 0px 0px 9px;
	border:2px dotted #00f;
	height:100px;
}

.toggleractive .element {
	height:50px;
	display:block;
	background-color:#ccf;
	border:1px solid #f00;
	overflow:visible;
	width:100px;
}

.element li{
	background-color:#34aa0a;
	
}

.element li a {
	padding:0px !important;
	margin:0px !important;	
	width:100% !important;
}


.autolink_link {
	/*color:#000 !important;*/
	background:url(../images/autolink_line.gif) repeat-x bottom left;
	text-decoration:none;
	font-weight: bold;
}

#contentfull p a {
	color:#238935;
	background:url(../images/autolink_line.gif) repeat-x bottom left;
	text-decoration:none;
	
}


#adMedRect {
	width:300px;
	height:250px;
	position:relative;
    	float:right;
	margin:0px 0px 10px 15px;
}


/* Tariftabelle Uebersicht */

.tariftabelle {
	width:100%;
	border-top:1px solid #298c06;
	border-left:1px solid #c6c6c6;
	border-right:2px solid #c6c6c6;
	margin:30px 0px;
	font-size:0.8em;
	text-align:left;
}

.tariftabelle td a{
	color:#333333;
	text-decoration:none;
	display:block;
}

.tariftabelle thead th {
	background:url(../images/tarif_thead_bg.png) no-repeat;
	color:#FFF;
	height:25px;
	padding-left:10px;
	font-size:1.1em;
}

.tariftabelle thead th a {
	color:#FFF !important;
	background:none !important;	
	diplay:inline !important;
}


.tariftabelle td {
	height:30px;
	border-bottom:1px solid #c6c6c6;
	border-top:1px solid #eeeeee;
	border-left:1px solid #c6c6c6;
	background:#FFFFFF;
	padding-left:10px;
}

.tariftabelle-narrow td {
	padding:0 5px !important;
}

.tarif-title, .tarif-preis, .tarif-detail {
	text-align:center;	
	padding-left:0px !important;
	vertical-align:center;
}

.tarif-preis, .tarif-name  {
	font-weight:bold !important;            
}


.tarif-anbieter {
	width:75px;
	padding:0 2px !important;
}

.tarif-preis {
	width:90px;
}
.tarif-preis-narrow {
        width:40px;
	text-align:right;
}


.tarif-title {
        width:110px;
}
.tarif-title-narrow {
        width:75px;
}

.tarif-einrichtung {
	width:40px !important;
	text-align:right;
}


.tarif-tipp td a {
	color:#9f6501;
}

.tarif-tipp td {
	background:url(../images/tarif-details-angebot-bg.png) -50px 0px;
	height:50px;
	font-size:1.3em;
	vertical-align:middle;
}

.tarif-tipp .tarif-name {
	background-position:0px 0px;
}

.tarif-tipp .tarif-name a {
	padding-left:45px;
}

.tarif-tipp .tarif-detail {
	color:#fff;
}

.tarif-tipp, .tarif-detail a {
	color:#fff !important;	
}

.tarif-aktion .tarif-name {
	background:url(../images/aktion.png) center right no-repeat !important ;
}

.tarif-aktion td a {
	color:#000;
}

.tarif-aktion .tarif-name strong {

}



.tariftabelle tfoot td {
	background:url(../images/tarif_tfoot_bg.png) no-repeat;
	height:20px;
	padding-left:10px;
	vertical-align:middle;
}

.tariftabelle tfoot a {
	color:#248900 !important;	
}


.tarif-detail {
	background:url(../images/tarif_details_bg.png) top left repeat-x #7dc254 !important ;	
	border-bottom:1px solid #5ea53e !important;
	border-top:1px solid #80c04a !important; 
	width:90px;
}

.tarif-detail a {
	background:url(../images/tarif_details_arrow.png) no-repeat 13px 5px;
	padding:0px 0px 0px 10px;
	color:#FFF;
	font-weight:bold;
	display:block;
	text-decoration:underline;
}


/* Tariftabelle Uebersicht Ende */




.footer	{
	color:#888888;
	font-size:0.7em;
	margin:20px 0px 10px 0px;
	vertical-align:bottom;
}

.footer	span {
	padding-left:6px;

}

.footer a {
	color:#888888;
	padding:0px 3px;
}

.ditto_box_grey {
	padding:10px;
	width:465px;
	background:#f7f7f7;
}

.ditto_box_grey h3 {
	margin-top:0px;	
}

.ditto_documentInfo {
	color:#888888;	
	font-size:0.9em;
}

.ditto_top_news .ditto_documentInfo {
	float:left;	
	margin-right:5px;
}

.ditto_top_news {
	margin:0px 0px 20px 0px;	
}


.ditto_item h3 a {
	display:block;
}

.ditto_item, .ditto_item_home {
	padding:5px 5px;
	margin:10px 0px;
}

.ditto_item_home {
	background:url(../images/ditoitem_bg.png) repeat-x #FFF bottom left;
	border:1px solid #c6c6c6;	
}


.ditto_item_home h3 {
	margin:5px 0px 10px 0px !important;
}

.ditto_item_home div {
	top:5px !important;	
}

.ditto_star {
	margin:15px 0px 0px 10px;
	font-size:0.7em;
	color:#888888;

	color:#888888;
}
.anbieter_pm {
	margin:0px 10px 5px 10px;
}


.anbieter_pm a, .anbieter_actual_pm a, .greenBox a {
	color:#248900;
}


.anbieter_pm, .anbieter_actual_pm  {
	font-size:0.9em;

}

.anbieter_actual_pm  {
	width:380px;
	margin:15px 10px 5px 10px;
}

.anbieter_actual_pm h4 {
	margin-top:0px;	
} 


.ditto_more a {
	color:#248900;	
	font-size:0.9em;
	font-weight:bold;
}

.ditto_pageTitle, .ditto_pageTitle a, #anbieterAdress a {
	color:#248900;
}


.topNewsHome {
    background:url(../images/greenbox-bg.png) bottom left #fff repeat-x;
	padding:0px;
	border: 1px solid #248900;
	margin-bottom:15px;
	-width:250px;
}


.topNewsHome h2 {
	margin:0px;
	padding:0px;
	font-size:0.85em;
}


.topNewsHome ul {
	list-style:none !important;
	margin:0px;
	padding:0px;
}


.topNewsHome li {
	padding:0px 5px 0px 20px;
	margin:10px 0px;
	list-style:none !important;
	background:url(../images/topnews-bullet.png) 6px 4px no-repeat;
}


SM_0 {
	font-size:0.7em;
			
}	

.LSM_0 a {
	color:#666666;
	padding:0px 10px 0px 0px;
	line-height:25px;
	font-weight:bold;
	
}

.LSM_0 a:hover {
	color:#59b204;
}

.LSM_description{
	color:#aaaaaa;
	font-size:0.8em;

}

.LSM_1 a {
	color:#888888;
}

.LSM_2 a {
	color:#aaaaaa;
	
}

#search {
	position:absolute;
	z-index:100;	
}

#breadcrumb {
	position:absolute;
	left:200px;
	top:130px;
	font-size:0.8em;
	color:#000;
}

#breadcrumb a{
	text-decoration:none;
	color:#A2A2A2!important;
}

#breadcrumb a:hover{
        text-decoration:underline;
}

.frameBar {
	float:left;
	width:63px;
	display:block;
	text-align:center;
	margin-top:5px;
	margin-left:7px;
	padding:0px 0px 0px 0px ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	height:37px;
	background:url(../images/ditoitem_bg.png) repeat-x #FFF bottom left;
	font-weight:bold;
}



.faqExpand {
	
}

.tarifList table{
	font-family:Arial, Helvetica, sans-serif;
    font-size:0.95em;
	color:#000;
	width:100%;
	margin-bottom:10px;
	background:url(../images/ditoitem_bg.png) repeat-x #FFF bottom left;
	border:2px solid #C6C6C6;
}

.tarifList tr {
}

.tarifList td {
	border-bottom:1px solid #C6C6C6;
	padding-left:5px;
	height:25px;
}

.tarifList a {
    color:#000;
	text-decoration:none;
	display:block;
}

.tarifList a:hover {
    color:#000;
    text-decoration:underline;
}

.bar-tarif {
	background:url(../images/loaderbar.jpg) no-repeat !important;
}


/* Speedtest  */ 
.speedtestchart {
	position:relative;
	z-index:10;
	height:20px;
	width:312px;
}


#st_downstream, #st_anbieter, #st_zip {
	width:145px;
}

.st_input {
	margin:10px 0px;	
}

.st_input label {
	width:65px;
	float:left;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;	
	margin:3px 12px 0px 0px ;
}

#st_submit_button {
	margin-left:76px;	
}


.speedtest_user {
	position:absolute;
	top:12px;
	right:25px;
}

.tospeedtest {
	position:relative;
	border:1px solid #c6c6c6;
	width:700px;
	background:url(../images/tst-bg.png) repeat-x;
	height:168px;
}

.tst-middle, .tst-left {
	position:relative;
	float:left;
}

.tst-middle {
	width:277px;	
}

.tst-right {
	float:right;
}


.colbar, .colbar_active {
	position:relative;
	width:100%;
	height:20px;
	margin:10px 0px;
	background:url(../images/bar_bg2.png) repeat-y top right;
}

.colbar_active {
	font-size:1.1em;
	font-weight:bold;
}	

.col_title {
	position:relative;
	float:left;
	width:114px;
	padding-right:11px;
	text-align:right;
}

.col_marker {
	position:absolute;
	z-index:15;
	top:-108px;
	right:-60px;
	width:97px;
	height:108px;
	background:url(../images/ihre-geschwindigkeit.png) no-repeat;
}

.col_bar {
	position:relative;
	float:left;
	border:1px solid #c6c6c6;
	height:17px;
	background:url(../images/bar_bg.png) repeat-x left bottom #FFF;
}



.colbar_active .col_bar {
	position:relative;
	background:url(../images/bar_bg_active.png) repeat-x left bottom #FFF;
	border:1px solid #248900;
}


.speedtestbox #accordion {
	width:280px;
	margin-bottom:10px;
	text-align:left;
}


.speedtestbox #accordion h3 {
	margin:0px !important;
	background:url(../images/speedtestbutton-bg.png) no-repeat;
	height:53px;
	padding: 12px 10px 0px 53px !important;
	color:#34aa0a;
	cursor:pointer;
	font-size:1.1em;
}



.speedtestbox .st_element atStart {
	margin:0px 4px ;
	padding:0px;
	border:1px solid;
	border-top:none;
}



.speedtestbox #accordion .st_element {
	padding:0px ;
	margin:0px 5px;
	border:1px solid #efeded;
	border-top:none;
}

.speedtestbox #accordion .st_element table {
	font-size:0.8em;
	font-weight:bold;
	background:#FFF;	
}

.speedtestbox #accordion .st_element table a:hover {
	text-decoration:underline;
}


.speedtestbox #accordion .st_element table td a {
	color:#000;
	text-decoration:none;
	height:100%;
	display:block;
	padding:8px 0px;
}

.speedtestbox #accordion .st_element table td {
	border-bottom:1px solid #d3d3d3;
	border-top:1px solid #edebeb;
}

	
.speedtestbox {
	border:1px solid #c6c6c6;
	float:left;
	background:#fafafa;
}


.st_raster {
	position:absolute;
	z-index:3;
	width:185px;
	height:20px;
	right:0px;
	top:0px;
	background:url(../images/stat_bar.png) repeat-y right top;
	border:none;	
}

.speedtestbox .st_element_no {
	width:34px;
	text-align:center;
	font-size:1.2em;
}

.tool-tip {
	z-index:20;
	background:url(../images/tooltipp-arrow.png) no-repeat !important;
	width:244px;
	height:91px;
	padding:4px 0px 0px 3px;
	font-size:0.7em;
}

.tool-tip strong, .tool-tip a{
	color:#34aa0a;	
	font-weight:bold;
}


.tool-tip strong {
	font-size:1.2em;	
}



.tool-tip ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

.tool-tip li {
	padding:1px 0px 0px 5px !important;
}


.st_logo {
	float:left;
	margin:4px 4px 0px 0px;	
}

.tool-text {
	
}


.speedtestbox .st_element_no a, .speedtestbox .st_element_price a {
	color:#34aa0a !important;
} 

.speedtestbox .st_element_title {
	font-weight:bold;
	width:179px;
}

.speedtestbox .st_element_title span {
	color:#aaaaaa;	
}


.speedtestbox .st_element_price {
	width:55px;
	font-size:1.2em;
	text-align:center;
}



/* Speedtest Ende */

/* Empfehlungsbox Anfang */

.recommendation {
	position:relative;
	width:723px;
	height:271px;
	font-family:arial;
	font-size:12px;
}

.recommendation-left {
	width:197px;
	height:220px;
	float:left;
	background:url(../images/left2.png) no-repeat;
}

.recommendation-middle {
	width:477px;
	height:211px;
	margin:9px 0 0 0;
	float:left;
	background:url(../images/middle2.png) repeat-x;
}

.recommendation-right {
	width:46px;
	height:220px;
	float:left;
	background:url(../images/right2.png) no-repeat;
}

.recommendation-headline {
	width:361px;
	height:65px;
	margin:3px 0 0 0;
	background:url(../images/head.png) no-repeat;
}

.recommendation-detail {
	width:365px;
	height:125px;
	overflow:hidden;
	margin:0 0 0 5px;
	float:left;
}
.recommendation-detail-fullwidth {
	width:465px;
}

.recommendation-detail span {
	font-weight:bold;
	font-size:13px;
	display:block;
}
.recommendation-detail ul {
	margin:5px 0 0 0;
	padding:0;
	display:block;
/*	overflow:hidden;*/
}

.recommendation-detail li {
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 0 20px;
	background:url(../images/bulletpoint2.gif) no-repeat;
/*	font-size:15px;*/
	font-weight:bold;
	width:162px;
	height:14px;
	overflow:hidden;
	float:left;
}

.recommendation-image {
	position:absolute;
	right:30px;
	top:30px;
	width:120px;
	height:160px;
	overflow:hidden;
}

.recommendation-image img {
	width:120px;
	height:160px;
	behavior: url("assets/templates/dslreport/js/pngbehavior.htc");
}

.recommendation-button {
	position:relative;
	top:-15px;
	width:341px;
	height:51px;
	background:url(../images/button2.png) no-repeat top left;
	margin:0 auto;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
	display:block;
}
.recommendation-button:hover {
	background:url(../images/button2.png) no-repeat bottom left;
	color:#272;
}
.recommendation-button span {
	width:310px;
	padding:9px 0 0 0;
	margin:0 auto;
	display:block;
	cursor:pointer;
	overflow:hidden;
}

/* Empfehlugnsbox Ende */