@IMPORT url("tinymce.css");

/* Global reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}input,button{overflow:visible}strong{font-weight:bold}em{font-style:normal}

/* Paddings & margins */
.margin-top     { margin-top:    15px }
.margin-bottom  { margin-bottom: 15px }
.margin-left    { margin-left:   15px }
.margin-right   { margin-right:  15px }
.double-margin-top     { margin-top:    30px }

/* Floats */
.left           { float: left }
.right          { float: right }
.clear          { clear: both }
.clear-left     { clear: left; }
.clear-right    { clear: right; }

/* Positions */
.text-left      { text-align: left }
.text-right     { text-align: right }
.text-center    { text-align: center }
.middle         { vertical-align: middle }
.top            { vertical-align: top }

/* Basic selectors styles */
h1              { font: normal 22px Georgia, serif; } 
h2              { font: bold 12px "Trebruchet MS", Arial, sans-serif; }
h3              { font: bold 18px "Trebruchet MS", Arial, sans-serif; } 

a               { color: #fe6600; text-decoration: none; outline: none; cursor: pointer }
a:hover         { text-decoration: underline; }

html {
	background: #fafcfe url(../img/html.gif) repeat-x;
	height: 100%;
}

body {
	font: 12px/140% Arial, Tahoma, Helvetica, sans-serif;
	color: #2a2a2a;
	background: url(../img/body.jpg) center 0 no-repeat;
	height: 100%;
}
	
/* Header
---------------------------------------------- */
#header { width: 980px; height: 203px; margin: 0 auto; background: url(../img/header/bg.gif) 0 bottom no-repeat; }	
	
	/* Logo */
	#header h1 { float: left; width: 220px; height: 86px; padding: 70px 0 0 5px; }	
	#header h1 a { display: block; height: 100%; }
	#header h1 a img { border: 0px; }
	
	/* Advertise */
	#advert { float: right; width: 728px; /*650px; */ height: 90px; position: relative; top: 50px; right: 1px; border: 1px solid #adc9e1; overflow: hidden;}


/* Container
---------------------------------------------- */
#container { width: 962px; padding: 0 8px; margin: 0 auto; background: #e8eff8; border-left: 1px solid #fff; border-right: 1px solid #fff; }

	/* Main menu
	---------------------------------------------- */		
	#main-menu { height: 50px; padding-left: 15px; background: url(../img/menu/bg.gif) no-repeat; }
	#main-menu li { position: relative; z-index: 5; float: left; padding: 8px 15px 0; }
		
			
	
	#main-menu li .header { display: block; height: 25px; padding: 9px 0 0 10px; position: relative; font: bold 12px "Trebruchet MS", Arial, sans-serif; text-transform: uppercase; _width: 1px; white-space: nowrap; z-index: 10; }	
	#main-menu li .header strong { position: relative; top: 1px; left: 1px; z-index: 10; color: #fff; }
	#main-menu li .header span { position: absolute; top: 0; left: 10px; height: 25px; padding: 9px 10px 0 0; z-index: 1; color: #2f92c9; }
	#main-menu li .header:hover { text-decoration: none; color: #000; background: url(../img/menu/h.gif) no-repeat; }
	#main-menu li .header:hover strong { color: #000; }
	#main-menu li .header:hover span { color: #d1d1d1; background: url(../img/menu/h.gif) right bottom no-repeat; }
	
	#main-menu .submenu ul li { font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; }

	#main-menu li ul.submenu { display: none; position: absolute; top: 42px; left: 15px; width: 200px; padding: 0 0 6px; z-index: 5; }
	#main-menu li ul.submenu li { float: none; display: block; padding: 0; }
	#main-menu li ul.submenu li ul.subsubmenu { display: none; position: absolute; top: 0px; left: 180px; width: 200px; padding: 0 0 6px; z-index: 6; }
	#main-menu li ul.submenu li ul.subsubmenu li { float: none; display: block; padding: 0; }

		body:nth-of-type(1) #main-menu li { padding: 8px 12px 0; }
		body:nth-of-type(1) #main-menu li ul.submenu { left: 12px; }
	
	#main-menu .active { z-index: 10; }
	#main-menu .active .header, #main-menu .active .header:hover { padding-bottom: 4px; color: #000; background: url(../img/menu/a.gif) no-repeat; }
	#main-menu .active .header strong, #main-menu .active .header:hover strong { color: #000; }
	#main-menu .active .header span, #main-menu .active .header:hover span { padding-bottom: 4px; color: #d1d1d1; background: url(../img/menu/a.gif) right bottom no-repeat; }
	
	#main-menu .active ul.submenu { display: block; background: url(../img/menu/sub.gif) 0 bottom no-repeat; }
	#main-menu .active ul.submenu li { padding: 0 4px; min-height: 20px; _height: 20px; }
	#main-menu .active ul.submenu .first { padding-top: 4px; background: url(../img/menu/first.gif) no-repeat; }
	#main-menu .active ul.submenu .first a { border: 0; }
	#main-menu .active ul.submenu li a { display: block; padding: 5px 5px 5px 40px; color: #2a2a2a; border-top: 1px solid #ebebeb; background: url(../img/menu/arr.gif) 10px 5px no-repeat; }
	
	#main-menu ul.submenu li.active ul.subsubmenu { display: block; background: url(../img/menu/sub.gif) 0 bottom no-repeat; }
	#main-menu ul.submenu li.active ul.subsubmenu li { padding: 0 4px; min-height: 20px; _height: 20px; }
	#main-menu ul.submenu li.active ul.subsubmenu .first { padding-top: 4px; background: url(../img/menu/subfirst.gif) no-repeat; }
	#main-menu ul.submenu li.active ul.subsubmenu .first a { border: 0; }
	#main-menu ul.submenu li.active ul.subsubmenu li a { display: block; padding: 5px 5px 5px 40px; color: #2a2a2a; border-top: 1px solid #ebebeb; background: url(../img/menu/arr.gif) 10px 5px no-repeat; }

	/* Content
	---------------------------------------------- */
	#content { overflow: hidden; }
		
		/* Box */
		.box { margin-bottom: 10px; background: #fff; border: 1px solid #c9ced1; border-bottom-color: #888c91; border-top: 0; }
		.box h2 { position: relative; left: -1px; background: url(../img/content/box-tl.gif) no-repeat; }
		.box h2 strong { display: block; height: 42px; line-height: 42px; padding: 0 17px 0 15px; color: #000; position: relative; right: -2px; background: url(../img/content/box-tr.gif) right 0 no-repeat; }
		.box .c { position: relative; left: -1px; bottom: -1px; height: 11px; background: url(../img/content/box-bl.gif) no-repeat; font-size: 0; line-height: 0; }
		.box .c .r { height: 11px; position: relative; right: -2px; height: 11px; background: url(../img/content/box-br.gif) right 0 no-repeat; }
		.box .t { position: relative; left: -1px; height: 11px; background: url(../img/content/box-ctl.gif) no-repeat; font-size: 0; line-height: 0; }
		.box .t .r { height: 11px; position: relative; right: -2px; height: 11px; background: url(../img/content/box-ctr.gif) right 0 no-repeat; }
		.box .inside { padding: 5px 15px 0; }
		
		/* Headers */
		.box h2 em { float: left; padding-left: 45px; font-style: none; background: 0 center no-repeat; }
		.box .header-news em { background-image: url(../img/content/header/news.gif); }
		.box .header-tariff em { background-image: url(../img/content/header/tariff.gif); }
		.box .header-cloud em { background-image: url(../img/content/header/cloud.gif); }
		.box .header-newsletter em { background-image: url(../img/content/header/newsletter.gif); }
		
		/* Tabbed */
		.tabbed {}
		.tabbed .tabs, .box .top-header { position: relative; left: -1px; height: 44px; padding-left: 9px; background: url(../img/content/tabbed-left.gif) no-repeat; }
		.tabbed .tabs ul, .box .top-header strong { position: relative; right: -2px; height: 44px; background: url(../img/content/tabbed-right.gif) right 0 no-repeat; }
		.tabbed .tabs ul li { float: left; padding-top: 11px; margin-right: 8px; font: bold 12px "Trebruchet MS", Arial, sans-serif; text-transform: uppercase; }
		.tabbed .tabs ul li a { float: left; height: 33px; padding-left: 9px; color: #fff; text-decoration: none; }
		.tabbed .tabs ul li a strong { float: left; height: 33px; padding: 7px 15px 0 6px; }
		.tabbed .tabs ul li a:hover, .tabbed .tabs ul .current a { color: #000; background: url(../img/content/tabbed-hl.gif) no-repeat; }
		.tabbed .tabs ul li a:hover strong, .tabbed .tabs ul .current a strong { background: url(../img/content/tabbed-hr.gif) right 0 no-repeat; }
		.box .top-header strong { padding-left: 7px; padding-top: 17px; font: bold 12px "Trebruchet MS", Arial, sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; }
			body:nth-of-type(1) .tabbed .tabs ul li a strong { padding: 7px 10px 0 1px; }
		
		/* Breadcrumbs */
		#breadcrumbs { padding: 10px 0; color: #a6a6a6; font-size: 11px; }
		#breadcrumbs a { color: #ff6300; padding-left: 20px; padding-right: 5px; background: url(../img/content/bread.gif) 0 center no-repeat; }
		#breadcrumbs .home { padding: 5px; background: none; }
		
		/* Forms */
		.forms p { margin: 5px 15px; color: #747474; font-size: 11px; }
		.forms fieldset { overflow: hidden; height: 100%; }
		.forms ul { margin-bottom: 10px; }
		.forms ul li { padding: 5px 0 5px 15px; overflow: hidden; height: 100%; }
		.forms ul li label, .forms .radio span { float: left; width: 70px; line-height: 28px; padding-right: 10px; font-weight: bold; }
		.forms ul li .input { padding: 5px 10px; color: #aeaeae; border: 2px solid #f2f2f2; font: bold 12px Arial, sans-serif; background: #fff url(../img/content/dsl-input.gif) no-repeat; }
		.forms ul .even { background: #f9f9f9; } 
		.forms .radio label { float: left; font-weight: normal; white-space: nowrap; line-height: 28px; cursor: pointer; }
		.forms .radio label input { vertical-align: middle; }
		.forms .submit { float: right; height: 26px; margin-right: 10px; background: url(../img/content/forms-bl.gif) no-repeat; }
		.forms .submit button { padding: 4px 15px 6px; vertical-align: bottom; font: bold 12px Arial, sans-serif; color: #fff; border: 0; background: url(../img/content/forms-br.gif) right 0 no-repeat; cursor: pointer; }
		
		
		/* Left column
		---------------------------------------------- */
		#left-column { float: left; width: 630px; }
			
			/* Date */
			.date { float: left; font-size: 11px; border: 1px solid #e0e0e0; background: url(../img/content/news-date.gif) 0 bottom repeat-x; }
			.date em { float: left; padding: 0 3px; color: #636469; border-left: 1px solid #e0e0e0; }
			.date .time { padding-left: 20px; border: 0; background: url(../img/content/news-time.gif) 5px center no-repeat; }
			
			/* News list */
			.news-list {  }
			.news-list li { overflow: hidden; height: 100%; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 10px; }
			.news-list li h3, .free-content li h3 { margin-bottom: 10px; }
			.news-list li h3 a { color: #ff6300; }
			.news-list li img { float: left; border: 2px solid #e0e0e0; }
			.news-list li .body { /*float: right; width: 480px;*/ }			
			.news-list li .date { margin-right: 10px; }
			.news-list li .comments-link { font-size: 11px; color: #2b9bd1; }
			.news-list li p { clear: both; line-height: 160%; }
			.news-list li .body p { clear: none; line-height: 160%; margin-bottom: 1em; }
			
			.news-rss { padding-right: 15px; text-align: right; font-size: 11px; }
			.news-rss a { padding: 5px 0 5px 30px; background: url(../img/content/news-rss.gif) 0 center no-repeat; }
			
			/* Tabbed news */
			.tabbed-news { padding: 10px 0; overflow: hidden; height: 100%; }
			.tabbed-news li { float: left; width: 295px; overflow: hidden; height: 100%; }
			.tabbed-news li img { float: left; border: 2px solid #e0e0e0; }
			.tabbed-news li .body { float: right; width: 220px; line-height: 130%; }
			
			.tabbed-news .main-news { float: none; width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 10px; }
			.tabbed-news .main-news .body { width: 435px; line-height: 160%; }
			.tabbed-news .main-news .body h3 { font-size: 12px; margin-bottom: 10px; }
			
			.horizontal-links { }
			.horizontal-links li { display: inline; padding-right: 10px; margin-right: 5px; background: url(../img/content/horizontal.gif) right center no-repeat; }
			.horizontal-links .last { background: none; }
			
			/* Table */
			table { width: 100%; }
			table th { padding: 5px 15px; font-weight: bold; color: #000; text-align: left; border-left: 1px solid #ebebeb; vertical-align: middle; }
			table td { padding: 10px 15px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; /*vertical-align: middle;*/ }
			table .first { border-left: 0; }
			table .even td { background-color: #f9f9f9; }
			table tr .mark { background-color: #f0f0f0; }
			
			/* Tariff */
			#tariff .c { margin-top: -10px; }
			#tariff .first {  }
			#tariff .second { width: 110px; text-align: center; font-weight: bold; color: #000; }
			#tariff .more { text-align: center; }
			.more a { padding-left: 25px; margin-right: 25px; background: url(../img/content/tariff-more.gif) 0 center no-repeat; }
			
			/* List */
			.list { padding-bottom: 10px; }
			.list li { padding: 5px 25px; vertical-align: bottom; overflow: hidden; height: 100%; border-bottom: 1px solid #ebebeb; }
			.list li h3 { float: left; padding: 3px 0 0 15px; font-size: 12px; }
			.list li a.right { font-size: 11px; margin-top: 3px; color: #2b9bd1; }
			
			/* Cloud */
			#cloud ul { padding-bottom: 15px; overflow: hidden; height: 100%; }
			#cloud ul li { float: left; padding: 15px 15px 0 0; white-space: nowrap; line-height: 20px; }
			#cloud ul li a { color: #000; vertical-align: bottom; }
			#cloud ul .popular0 { }
			#cloud ul .popular1 { font-weight: bold; }
			#cloud ul .popular2 { font-size: 14px; }
			#cloud ul .popular3 { font-size: 18px; }
			#cloud ul .popular4 { font-size: 18px; font-weight: bold; }

		
		/* Right column
		---------------------------------------------- */
		#right-column { float: right; width: 321px; }
			
			/* DSL check */
			#dsl-check { margin-bottom: 10px; background: url(../img/content/dsl-bg.jpg) no-repeat; }
			#dsl-check form { padding: 14px 20px 20px; background: url(../img/content/dsl-bg.gif) 0 bottom no-repeat; }
			#dsl-check h2 { height: 45px; margin-bottom: 10px; text-indent: -999999px; background: url(../img/content/dsl-head.gif) no-repeat; }
			#dsl-check p { padding: 0 2px; margin-bottom: 10px; font-size: 11px; color: #d9f4ff; line-height: 120%; }
			#dsl-check fieldset { padding: 10px 10px 10px 10px; overflow: hidden; height: 100%; background: #fff; border: 2px solid #3cbaf2; }
			#dsl-check label { float: left; font-weight: bold; margin-right: 10px; }
			#dsl-check label.last { margin-right: 0px; }
			#dsl-check label input { display: block; padding: 5px 5px; color: #aeaeae; text-align: center; border: 2px solid #f2f2f2; font: bold 16px Arial, sans-serif; background: url(../img/content/dsl-input.gif) no-repeat; }
			#dsl-check .vorwahl { width: 60px; }
			#dsl-check .rufnummer { width: 157px; }
			#dsl-check button { float: right; width: 96px; height: 26px; border: 0; margin-top: 10px; text-indent: -999999px; font-size: 0; background: url(../img/content/dsl-button.gif) no-repeat; cursor: pointer; }	

			#dsl-check-site label { font-weight: bold; margin-right: 10px; }
			#dsl-check-site label.last { margin-right: 0px; }
			#dsl-check-site label input { padding: 5px 5px; color: #aeaeae; text-align: center; border: 2px solid #f2f2f2; font: bold 16px Arial, sans-serif; background: url(../img/content/dsl-input.gif) no-repeat; }
			#dsl-check-site .vorwahl { width: 60px; }
			#dsl-check-site .rufnummer { width: 157px; }
			#dsl-check-site button { width: 96px; height: 26px; border: 0; margin-top: 10px; text-indent: -999999px; font-size: 0; background: url(../img/content/dsl-button.gif) no-repeat; cursor: pointer; }	
			#dsl-check-site p { margin-top: 0.5em; margin-bottom: 0.5em; }

			/* Newsletter */
			#right-column .input { width: 188px; }
			
			/* Tabbed info */
			.listed li { padding: 10px 15px; border-bottom: 1px solid #ebebeb; }
			.listed .even { background-color: #f7f7f8; }
			.listed li h4 { font-weight: bold; font-size: 12px; }
			.listed li p { font-size: 11px; color: #908e94; }
			
			#tabbed-info .more { padding-top: 10px; text-align: right; }
			#tabbed-info .more a { margin: 0; }
			
			/* Ads */
			.ads { text-align: center; }
			.ads img { vertical-align: bottom; }

/* Footer
---------------------------------------------- */	
#footer { width: 950px; margin: 0 auto; padding: 20px 15px; height: 10px; background: url(../img/footer/bg.gif) no-repeat; }
#footer p { font-family: Arial,Tahoma,Helvetica,sans-serif; font-size: 11px; color: #908d93; }
#footer a { color: #908d93; }
#footer a:hover {  }

/* ron's mod's */

.zero_padding
{
	padding: 0px;
}


div.error_message ul, 
	div.warning_message ul, 
	div.info_message ul,
	div.float_site ul,
	ul.dotted_list
{
	padding-left: 1em;
	list-style-type: disc;
}

div.error_message ul li,
	div.warning_message ul li,
	div.info_message ul li,
	div.float_site ul li,
	ul.dotted_list li
{
	margin-left: 1em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 0px;
}

div.error_message
{
	/*border: 1px solid #F88;
	background-color: #FAA;*/
	font-weight: bold;
	color: #B55;
}

div.warning_message
{
	border: 1px solid #FF8;
	background-color: #FFA;
}

div.info_message
{
	border: 1px solid #88F;
	background-color: #AAF;
}

li.comment h2
{
	font: bold 20px Arial, sans-serif;
	
	margin-bottom: 0.5em;
}


li.comment
{
	/*border: 1px solid #c9ced1; border-bottom-color: #888c91;*/
	border-bottom: 0px;
	margin-bottom: 1em;
	/*padding: 0.5em;*/
}

li.comment div.comment_head
{
	/*background: url(../img/content/box-tl.gif) left 0 no-repeat;*/
	/*position: relative;
	top: -1px;
	left: -1px;*/
}

li.comment div.comment_head h3
{
	/*background: url(../img/content/box-tr.gif) right 0 no-repeat;*/
	font-weight: normal;
	font-size: 12pt;
	padding: 0.5em;
}

li.comment div.comment_meta
{
	padding: 0.5em;
}
	
li.comment div.comment_meta div.poster
{
	float: right;
	width: 400px;
	color: #888;
}

li.comment div.comment_body
{
	padding: 1em;
	padding-bottom: 0px;
	clear: both;
}

li.comment form
{
	padding: 0.5em;
}


div.float_site .box h2
{
	font-size: 14px;
}


div.float_site .box h3.boxtop
{
	font-size: 12px;
}

div.float_site .box h3.boxtop
{
	position: relative;
	left: -1px;
	background: url(../img/content/box-tl.gif) no-repeat
}

div.float_site .box h3.boxtop strong
{
	display: block;
	height: 21px;
	line-height: 21px;
	padding: 0 17px 0 15px;
	color: #000;
	position: relative;
	right: -2px;
	background: url(../img/content/box-tr.gif) right 0 no-repeat;
}


div.float_site h2
{
	font: bold 20px Arial, sans-serif;
}

div.float_site h2, h2.header-news
{
	margin-bottom: 0.5em;
}

div.float_site h3
{
	margin-top: 1em;
	font: bold 16px Arial, sans-serif;
}

div.float_site h3, div.float_site p
{
	margin-bottom: 0.5em;
}


div.float_site h3.inside
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0px;
	font: bold 13px Arial, sans-serif;
}

	
div.float_site table
{
	/*background: url(../img/content/box-tl.gif) no-repeat;*/
	border-bottom: 1px solid #ebebeb;
}

div.float_site table th
{
	border: 0px;
	padding: 5px 15px;
}

div.float_site table th.last
{
	/*background: url(../img/content/box-tr.gif) right 0 no-repeat;*/
}

div.float_site table td
{
	background-color: #FFF;
	padding: 5px 5px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb;
}

div.float_site table td.first
{
	border-left: 1px solid #c9ced1;
}

div.float_site table td.last
{
	border-right: 1px solid #c9ced1;
}

td.align-top
{
	vertical-align: top;
}


div.bookmark_bar
{
	
	padding: 3px;
}

div.bookmark_bar img
{
	float: none;
	border: 0px;
}

div#search
{
	background-color: #FFF;
}

div#search .forms
{
	background-color: #FFF;
}

div#search ul
{
	margin: 0px;
}

div#search li
{
	padding: 5px 10px 5px 10px;
	margin: 0px;
}
	
div#search h2
{
	height: 11px;
	background: url(../img/content/box-tl.gif) no-repeat;
}

div#search h2 strong
{
	background: url(../img/content/box-tr.gif) right 0 no-repeat;
}


#right-column div#search input
{
	display: inline;
	margin-right: 5px;
	width: 190px;
}

div#search button
{
	width: 74px;
	height: 26px;
	border: 0;
	text-indent: -999999px;
	font-size: 0;
	background: url(../img/content/search-button.gif) no-repeat;
	cursor: pointer;
	/*float: right;*/
}


div.rating
{
	text-align: right;
	padding-top: 0px;
	float: right;
	margin-bottom: 1em;
}

.news-list li p.rating img
{
	border: 0px;
	float: none;
	vertical-align: middle;
}


.tabbed .tabs ul li.nolink
{
	float: left;
	height: 33px;
	padding-left: 9px;
	color: #fff;
	text-decoration: none;
}


.tabbed .tabs ul li.nolink strong
{
	float: left;
	height: 33px;
	padding: 7px 15px 0 6px;
}


#doitflat
{
	margin-bottom: 10px;
}

#doitflat h2
{
	height: 42px;
	background: url(../img/content/doitflat-bg-head.jpg) no-repeat;
}

#doitflat h2 strong
{
	display: block; 
	height: 42px; 
	line-height: 42px; 
	padding: 3px 17px 0 26px; 
	color: #FFF; 
	position: relative;
	text-transform: uppercase;
}

#doitflat form
{
	height: 257px;
	background: url(../img/content/doitflat-bg.jpg) no-repeat;
}

#doitflat #doitflat-paytomuch
{
	/*border: 1px solid #000;*/
	height: 70px;
	background: url(../img/content/doitflat-paytomuch.jpg) 26px 20px no-repeat;
	text-indent: -99999px;
}

#doitflat .doitflat-text
{
	margin-top: 20px;
	margin-left: 26px;
	font-weight: bold;
	font-size: 12pt;
	/*line-height: 120%;*/
	color: #FFF;
}

#doitflat .doitflat-text-indent
{
	font-size: 12px;
	margin-top: 8px;
	margin-left: 52px;
}

#doitflat .doitflat-text div.label
{
	float: left;
	width: 180px;
	height: 39px;
}

#doitflat .doitflat-text div.label label
{
	margin-top: 9px;
	display: block;
	line-height: 110%;
}

div.reseller-group-select
{
	float: left;
	height: 39px;
	background:url(../img/content/dd-flat-bg.png) no-repeat 0 0;
}

#doitflat .doitflat-text-indent table
{
	width: 360px;
	border: 0px;
}

#doitflat .doitflat-text-indent table th
{
	width: 180px;
	height: 39px;
	padding: 0px;
	border: 0px;
	color: white;
}

#doitflat .doitflat-text-indent table td
{
	width: 180px;
	height: 39px;
	padding: 0px;
	border: 0px;
	vertical-align: top;
	background:url(../img/content/dd-flat-bg.png) no-repeat 0 0;
}

* html body #doitflat .doitflat-text-indent table td		/* darn IE hack */
{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/flat.de/img/content/dd-flat-bg.png', sizingMethod='crop', enabled=true);
}


#doitflat select
{
	width: 172px;
	padding: 5px 10px; 
	color: #aeaeae; 
	border: 0px; 
	font: bold 12px Arial, sans-serif; 
	background: #fff url(../img/content/dsl-input.gif) no-repeat;
}

/************** Skin 1 *********************/
.dd-flat {
	/*display:inline-block !important;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 150px;
	height: 30px;
	float:left;
}
.dd-flat .ddTitle {
	position: absolute;
	background:url(../img/content/dd-flat.png) no-repeat 0 0;
	padding:0px;
	text-indent:0;
	cursor:default;
	overflow:hidden;
	height:30px;
	width: 150px;
	color: #FFF;
	z-index: 20000;
}
.dd-flat .ddTitle span.arrow {
	background:url(../img/content/dd-flat-drop-down.png) no-repeat 0 0;
	/*float:right;*/
	/*display:inline-block;*/
	display: none;
	width:30px;
	height:30px;
	cursor:pointer; 
}

#ResellerGroup__0_titletext
{
	display: block;
	width: 120px;
}

.dd-flat .ddTitle span.ddTitleText {white-space: nowrap; overflow: hidden; line-height:30px;}
.dd-flat .ddTitle span.ddTitleText img{text-align:left; padding:0px 6px 0 8px;vertical-align: middle;}
.dd-flat .ddTitle img.selected {
	padding:2px 6px 0 8px;
	vertical-align: middle;
}

.dd-flat .ddChild {
	position:relative;
	top: 15px;
	border:1px solid #c3c3c3;
	border-top:none;
	padding-top: 19px;
	display:none;
	margin:0;
	width:auto;
	overflow:auto;
	overflow-x:hidden !important;
	background: #fff url(../img/content/dd-flat-bg.png) no-repeat 0 -15px;
}
.dd-flat .ddChild .opta a, .dd-flat .ddChild .opta a:visited {padding-left:10px}
.dd-flat .ddChild a {
	display:block;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color:#666;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	height: 29px;
}
.dd-flat .ddChild a span {
	display:block;
	float: left;
	width: 100px;
	height: 12px;
	padding:8px 0px 8px 0px;
	border-bottom: 1px solid #efefef;
}
.dd-flat .ddChild a:hover {
	background-color:#66CCFF;
}
.dd-flat .ddChild a img {
	border:0;
	margin:2px 6px 2px 8px;
	vertical-align:middle;
	float: left;
}
.dd-flat .ddChild a.selected {
	background-color:#66CCFF;
	
}
.hidden {display:none;}
/****************************************/


#doitflat input
{
	float: left;
	
	width: 110px;
	height: 20px;
	padding: 5px 30px 5px 10px; 
	color: #aeaeae; 
	border: 0px; 
	font: bold 12px Arial, sans-serif; 
	background: #fff url(../img/content/dsl-monthlyfee.gif) no-repeat;
}

#doitflat button, #doitflat input#input
{
	padding: 0px;
	
	vertical-align: middle;
	width: 150px;
	height: 30px;
	border: 0;
	/*text-indent: -999999px;
	/*font-size: 0;*/
	background: url(../img/content/doitflat-button-2.gif) no-repeat;
	cursor: pointer;
}


#inline_login button, #login button { vertical-align: middle; width: 93px; height: 26px; border: 0; text-indent: -999999px; font-size: 0; background: url(../img/content/login-button.gif) no-repeat; cursor: pointer; }	

#register button { vertical-align: middle; width: 106px; height: 26px; border: 0; text-indent: -999999px; font-size: 0; background: url(../img/content/register-button.gif) no-repeat; cursor: pointer; }	

#profile button { vertical-align: middle; width: 106px; height: 26px; border: 0; text-indent: -999999px; font-size: 0; background: url(../img/content/save-button.gif) no-repeat; cursor: pointer; }	

.comment .forms button { vertical-align: middle; width: 120px; height: 26px; border: 0; text-indent: -999999px; font-size: 0; background: url(../img/content/comment-button.gif) no-repeat; cursor: pointer; }


/*#inline_login_background
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	
	background-color: #889;
	opacity: 0.75;
	
	display: none;
}*/

#inline_login
{
/*	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	
	width: 570px;
	margin-left: -275px;
	*/
	display: none;
}
	

#register ul li label, #profile ul li label
{
	float: none;
	font-weight: normal;
}	

.forms h4
{
	padding-left: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
	border-bottom: 1px solid #F2F2F2;
}

.align-right
{
	text-align: right;
}


div.divrow
{
	padding: 5px 0 5px 15px;
}

div.form_row_even
{
	background: #f9f9f9;
}

.bold
{
	font-weight: bold;
}

.w60
{
	width: 60px;
}

.w80
{
	width: 80px;
}

.w120
{
	width: 120px;
}


.w170
{
	width: 170px;
}


.w200
{
	width: 200px;
}


.w220
{
	width: 220px;
}


.e160
{
	margin-left: 160px;
}

table.rate_list
{
	width: 490px;
}


td.no_border
{
	border: 0px;
}



.pagination
{
	font-size: 11pt;
}


.center
{
/*	margin: auto;*/
	text-align: center;
}


div.free-content p
{
	line-height: 160%;
	margin-bottom: 1em;
}


div.free-content table, table.border
{
	border-collapse: collapse;
	width: auto;
}

div.free-content table td, div.free-content table th, table.border td, table.border th
{
	border: 1px solid #ebebeb;
}


small.s80
{
	font-size: 80%;
}


.float_site .box h2.with-basics
{
	margin-bottom: 0;
}

.box .basics
{
	margin: 0px 2px 0px 2px;
	background-color: #fff;
}

.box .basics .basics-picture
{
	width: 250px;
	height: 250px;
	float: left;
}

.box .basics .basics-infos
{
	margin-left: 250px;
	background-color: #f2f2f2;
}

.box .basics .basics-infos table
{
	background-color: transparent;
	border: 0px;
}

.box .basics .basics-infos table.height-100
{
	height: 100%;
}

.box .basics .basics-infos table td
{
	background-color: transparent;
	border: 0px solid #000;
	padding: 0;
}

.box .basics .basics-infos .text
{
	position: relative;
	padding: 18px;
	height: 131px;
}

.box .basics .basics-infos .text .rating
{
	position: absolute;
	top: 110px;
	float: none;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px;
}
	
.box .basics .basics-infos .reseller-link
{
	height: 47px;
	padding: 18px;
	background-color: #e6e6e6;
}

.box .basics .basics-infos .clear
{
	margin-left: -253px;
	margin-bottom: 0px;
}


div.float_site table.order,
.news-list table.order,
div.free-content table.order
{
	border: 0px;
	background-color: #fff;
}

div.float_site table.order td,
.news-list table.order td,
div.free-content table.order td
{
	vertical-align: middle;
	text-align: center;
	padding: 2px;
	border: 0px;
}

.news-list li table.order img
{
	vertical-align: top;
	border: 0px;
}

.promotion .free-content ul
{
	clear: both;
}


table.goto td,
div.float_site table.contact, div.float_site table.contact th, div.float_site table.contact td
{
	border: 0px;
}

div.float_site table.contact th
{
	vertical-align: top;
	padding-top: 14px;
	width: 120px;
}

div.float_site table.contact td
{
	vertical-align: top;
}

div.float_site table.contact input, table.contact textarea
{
	display: block;
	padding: 5px 5px;
	color: #aeaeae;
	border: 2px solid #f2f2f2;
	font: bold 16px Arial, sans-serif;
	background: url(../img/content/dsl-input.gif) no-repeat;
}

div.float_site table.contact .captcha input
{
	background: white;
	color: black;
	display: inline;
}

div.float_site table.contact button
{
	/*float: right;*/
	text-indent: -9999px;
	background: transparent url(../img/content/send-button.png);
	border: 0px;
	cursor: pointer;
	font-size: 0;
	width: 214px;
	height: 48px;
}


div.has-paragraphs p
{
	margin-bottom: 0.5em;
}


div.author-box
{
	padding: 0.5em;
	border: 1px solid #B0B0F0;
	background-color: #F0F0F0;
}

div.author-box div.clear
{
	clear: both;
	height: 0px;
}

ul.subpagelist
{
}

ul.subpagelist li
{
	line-height: 29px;
	margin-bottom: 0.5em;
}

ul.subpagelist li div
{
	display: inline-block;
	padding-left: 35px;
	background: url(../img/content/icon-pfeil.gif) no-repeat;
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
}

ul.subpagelist li div h3
{
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	font-size: 15px;
}

.news-list li ul
{
	list-style: disc outside none;
	margin-left: 0.5em;
	margin-bottom: 1em;
}

.news-list li ol
{
	list-style: decimal outside none;
	margin-left: 0.5em;
    margin-bottom: 1em;
}

.news-list li ul li, .news-list li ol li
{
	overflow: visible;
	border: 0px solid #e6e6e6;
	padding: 0px;
	margin: 0px;
	margin-left: 2em;
}