/* 
Hinweis
- CSS-Datei für standardkonforme Browser (Gecko, Opera, Webkit)
- CSS-Definitionen und Hacks für Internet Explorer sind ausgelagert
- Stand: 16. Maerz 2007
- Gerrit van Aaken (gvanaaken@3st.de)
*/


/* ----------------------------------------- Grundsatzdefinitionen */

* {
margin: 0;
padding: 1;
list-style: none;
}

img, fieldset {
border: none;
}

html {
min-height: 101%;
}

html > body {
font-size: 10px;
}

body {
color: #000;
background: #fff;
min-height: 101%;
font-family: arial, sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#wrapper {
width: 876px;
margin: 0 auto;
height: auto;
}

a:link, a:visited {
color: #343434;
text-decoration: none;
}

a:focus, a:hover, a:active {
color: #de622a;
text-decoration: none;
}

p.preheadline,
h6.ad {
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9em;
color: #727272;
border-bottom: 1px solid #a1a1a1;
margin-bottom: 0.6em;
}

h6.ad {
border: none;
margin: 0 0 0.1em 0;
}

p.subline {
font-size: 1.1em;
color: #000;
margin-bottom: 0.5em;
}

h1,
.bigselect label {
clear: both;
font-size: 1.8em;
color: #343434;
font-weight: bold;
}

#footer h1 {
clear: none;
}

.spacetop {
padding-top: 15px;
}

h2 {
font-size: 1.2em;
font-weight: bold;
}

h2 a:link,
h2 a:visited {
color: #000;
text-decoration: none;
}

h2 a:focus,
h2 a:hover,
h2 a:active {
color: #e55e18;
text-decoration: none;
}

p {
color: #434343;
line-height: 1.4em;
font-size: 1.1em;
}


/* ----------------------------------------- Header + Navi */

#header {
position: relative;
width: 886px;
height: 158px;
margin: 0 -5px;
background: url(/images/header_back.gif) 0 0 no-repeat;
}

#header .badge{
	color: #DC571B;
	font-size: 15px;
	font-weight: bold;
	left: 118px;
	position: absolute;
	top: 25px;
}

#header .badge:hover {
	color: #343434;
}

#logo a {
text-indent: -1000em;
display: block;
height: 100%;
}

#logo {
position: absolute;
bottom: 5px;
left: 5px;
background: url(/images/logo.gif) 0 0 no-repeat;
width: 392px;
height: 117px;
}

#navi {
position: relative;
top: 124px;
right: 5px;
float: right;
}

#navi li {
float: left;
height: 29px;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
background: url(/images/header_navi_line.gif) 0 0 no-repeat;
}

#navi li a {
line-height: 12px;
display: block;
padding: 8px 18px 9px 18px;
}

#navi li a:link,
#navi li a:visited {
color: #333433;
text-decoration: none;
}

#navi li a:focus,
#navi li a:hover,
#navi li a:active,
#navi li.active a {
color: #fff;
text-decoration: none;
background: url(/images/header_navi_hoverback.gif) 0 0 repeat-x;
}

li#languages {
padding-left: 20px;
padding-right: 14px;
}

#navi li#languages a {
float: left;
text-indent: -1000em;
width: 23px;
height: 16px;
overflow: hidden;
padding: 0;
margin: 6px 7px 0 0;
background: url(/images/lang.png) 0 -16px no-repeat;
}

li#languages #deutsch a:link,
li#languages #deutsch a:visited { background-position: 0 -16px; }
li#languages #deutsch a.active,
li#languages #deutsch a:focus,
li#languages #deutsch a:hover,
li#languages #deutsch a:active { background-position: 0 0; }


li#languages #english a:link,
li#languages #english a:visited { background-position: -23px -16px; }
li#languages #english a.active,
li#languages #english a:focus,
li#languages #english a:hover,
li#languages #english a:active { background-position: -23px 0; }

#navi li#languages a.active:hover {
cursor: default;
}

/* ----------------------------------------- Login-Box */

#login {
position: absolute;
width: 468px;
height: 60px;
top: 50px;
right: 27px;
padding: 5px 0 0 16px;
}

/* ----------------------------------------- Spalten-Layouts */

#main {
clear: both;
margin-top: 2.2em;
}

.col {
float: left;
margin-right: 12px;
}

.w432 { width: 432px; }
.w744 { width: 744px; }
.w300 { width: 300px; }
.w120 { width: 120px; }
.w181 { width: 181px; }
.w546 { width: 546px; }
.w750 { width: 742px; }
.w457 { width: 457px; }
.w277 { width: 238px; }

.adcol {
height: 600px;
float: right;
}


/* ----------------------------------------- Content Elemente */

.contentbox {
}

.edge_top_300 {
background: url(/images/edge_top_300.gif) 0 0 no-repeat;
margin: 0.6em -7px;
padding: 1.2em 13px;
}

.edge_top_432 {
background: url(/images/edge_top_432.gif) 0 0 no-repeat;
margin: 0.6em -7px;
padding: 1.2em 13px;
}


.contentbox table {
width: 100%;
border-collapse: collapse;
}

.contentbox table td {
padding: 2px 10px 4px 10px;
font-size: 11px;
background: url(/images/dotted.gif) bottom left repeat-x;
}

#wrapper table tr.last-child td {
background: none;
}

table tr .value,
table tr .change {
text-align: right;
padding-right: 30px;
color: #d74300;
font-weight: bold;
}
table tr .value span {
	display: block;
	text-align: center;
	float: right;
}

table tr .change {
color: #789a00;
}

.newsitem {
margin-bottom: 0.8em;
padding-bottom: 0.8em;
background: url(/images/dotted.gif) bottom left repeat-x;
}

.newsitem p {
margin-bottom: 0.75em;  
}

/* ----------------------------------------- Toplist */

.toplist {
background: url(/images/tabelle432_back.gif) 0 0 no-repeat;
margin: 0 -6px 20px -6px;
padding-top: 2.6em;
position: relative;
}

.toplist #table_indicator {
	background-color: transparent;
	width: 430px;
	left: 8px;
	top: 93px;
}

.toplistslider {
height: 7.5em;
}

.sliderbox {
float: left;
padding: 0 0 0 30px;
}

.sliderbox h2,
.providers .selector label {
text-transform: uppercase;
font-weight: bold;
font-size: 1.2em;
margin-bottom: 0.3em;
}

.sliderbox .value {
display: block;
text-align: center;
margin-top: -5px;
font-size: 1.1em;
font-weight: bold;
}

#track1 .entity {
background-image: url("/images/slider_availability.gif");
}

#track2 .entity {
background-image: url("/images/slider_bandwidth.gif");
}

#track3 .entity {
background-image: url("/images/slider_testtype.gif");
}

.toplist #toplistslider {
	overflow:hidden;
	height: 75px;
}

.toplist table {
z-index: 1000;
clear: both;
margin: 0 0 0 20px;
width: 405px;
border-collapse: collapse;
}

.toplist table td {
text-align: right;
padding: 2px 10px 2px 0;
background: url(/images/dotted.gif) bottom left repeat-x;
}

.toplist table td.tbl_title {
text-align: left;
}

.toplist table td.first-child {
width: 20px;
padding-left: 3px;
padding-right: 10px;
}

.toplist tr.first td {
font-size: 1.2em;
font-weight: bold;
}

.toplist tr.second td,
.toplist tr.third td {
font-size: 1.1em;
font-weight: bold;
}

.toplist table .first-child span {
display: block;
font-weight: bold;
text-align: center;
width: 22px;
height: 16px;
padding-top: 1px;
background: url(/images/rankingback_grey.gif) 1px 0 no-repeat;
}

.toplist table .first .first-child span {
padding-top: 2px;
width: 24px;
height: 17px;
background-position: 0 0;
background-image: url(/images/rankingback_yellow.gif);
}

.toplist table .second .first-child span {
background-image: url(/images/rankingback_orange.gif);
}

.toplist table .third .first-child span {
background-image: url(/images/rankingback_red.gif);
}

.toplist table .ninth .first-child span,
.toplist table .tenth .first-child span {
background-image: url(/images/rankingback_light.gif);
}

.toplist #bottom {
margin: 0 0 0 7px;
background: url(/images/tabelle432_bottom.gif) 0 0 no-repeat;
height: 11px;
}


/* ----------------------------------------- Registerblock */

#registerblock {
position: relative;
background: url(/images/registerblock_back.gif) right bottom no-repeat;
margin: 0 -7px 1.5em 0;
width: 307px;
overflow: hidden;
padding-bottom: 1.5em;
}

#registerblock ul {
width: 47%;
float: left;
}

#registerblock li {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 0.2em 13px;
background: url(/images/tick.gif) 0 0 no-repeat;
padding: 1px 0 2px 22px;
}

#registerblock a,
#reg a,
#premium a {
position: absolute;
bottom: 5px;
right: 10px;
display: block;
width: 140px;
height: 33px;
text-align: center;
background: url(/images/button_reg.gif) 0 0 no-repeat;
line-height: 29px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
}

#premium a {
width: 220px;
background-image: url(/images/button_premium.gif);
}

.providers #premium a {
background-image: url(/images/button_premium_grey.gif);
}

#registerblock a:link,
#registerblock a:visited,
#reg a:link,
#reg a:visited,
#premium a:link,
#premium a:visited {
color: white;
text-decoration: none;
cursor: pointer;
}

#registerblock a:focus,
#registerblock a:hover,
#registerblock a:active,
#reg a:focus,
#reg a:hover,
#reg a:active,
#premium a:focus,
#premium a:hover,
#premium a:active {
color: white;
text-decoration: none;
font-size: 15px;
}

/* ----------------------------------------- Result */

#result {
width: 756px;
margin: -20px -6px 2em -6px;
background: url(/images/result_back.gif) 0 0 no-repeat;
position: relative;
min-height: 56px;
}

.stats #result { background-image: url(/images/result_back2.gif); }
.providers #result { background-image: url(/images/result_back3.gif); }
.profile #result,
.account #result { background-image: url(/images/result_back4.gif); }

.account a:link, .account a:visited {
text-decoration: underline;
}

#result form,
#result h1 {
display: block;
padding: 19px 0 0 6px;
}

.bigselect label {
float: left;
}

.bigselect select {
margin: 0 5px 0 15px;
width: 128px;
float: left;
font-size: 1.2em;
height: 18px;
}

#reg a,
#premium a {
position: absolute;
top: 14px;
right: 29px;
}

#premium a {
right: 12px;
}

#result table {
margin-top: 1.2em;
width: 744px;
}

#result table td {
height: 4em;
vertical-align: middle;
background: url(/images/dotted.gif) bottom left repeat-x;
}

#result table label {
color: #de622a;
font-size: 1.2em;
font-weight: bold;
}

#result table th {
height: 2.3em;
font-size: 1.3em;
font-weight: bold;
color: #343434;
text-align: left;
background: url(/images/dotted.gif) bottom left repeat-x;
}

#result table th.resultvalues {
  width: 200px;
}

#result table th.status {
  width: 220px;
}  

#result table td input {
float: left;
margin-right: 8px;
}

#result table .bar {
position:relative;
z-index: 0;
float: left;
margin-right: 10px;
}

#result table .indicator {
margin-top: 3px;
}

#result table dt {
float: left;
width: 40px;
height: 1.3em;
margin: 0 6px 0 0;
padding: 4px 7px 0 0;
background: #e5e5e5;
font-size: 1.4em;
font-weight: bold;
text-align: right;
line-height: 1em;
}

#result table dd {
float: left;
margin: 0.3em 10px 0 0;
font-size: 1.1em;
}

#result .good,
#result .medium,
#result .poor,
#result .none {
display: block;
width: 100%;
height: 31px;
text-indent: -1000em;
background: url(/images/result-none.png) 0 0 no-repeat;
}

#result .good { background-image: url(/images/result-good.png); }
#result .medium { background-image: url(/images/result-medium.png); }
#result .poor { background-image: url(/images/result-poor.png); }

#resultfooter {
margin-top: 1em;
}

#resultfooter a.start,
#resultfooter a.stop {
text-indent: -1000em;
background: url(/images/result-buttonstartstop.gif) 0 0 no-repeat;
float: left;
width: 253px;
height: 101px;
cursor:pointer;
}

#resultfooter a.stop {
background-position: 0 -101px;
}

#resultfooter div.container {
margin-left: 253px;
height: 95px;
background: url(/images/result_backbottom.gif) 0 0 no-repeat;
position: relative;
padding: 1.2em 0 0 26px;
}

#resultfooter div.container p {
font-size: 1.3em;
font-weight: bold;
color: #343434;
}

#resultfooter div.container p.additional {
font-size: 1.1em;
font-weight: normal;
}

#resultfooter div.container span {
width: 200px;
display: block;
position: absolute;
top: 17px;
left: 320px;
text-indent: 50px;
padding-top: 0.3em;
font-size: 1em;
font-weight: bold;
}

a#clipboard {
position: absolute;
bottom: 0;
padding: 12px 0 0 45px;
right: 7px;
display: block;
width: 163px;
height: 24px;
background: url(/images/recyclingbar.gif) 0 0 no-repeat;
font-weight: bold;
}

.footnote {
margin-top: 0.5em;
font-style: italic;
text-align: right;
color: #858585;
}

/* ----------------------------------------- Stats Overview Page */

.sidebarbox {
background: url(/images/sidebarbox-top.gif) 0 0 no-repeat;
margin: 0.5em -4px 0 -9px;
padding: 14px 12px 0 14px;
}

.sidebarboxbottom {
background: url(/images/sidebarbox-bottom.gif) 0 0 no-repeat;
height: 13px;
margin: -4px -4px 0 -9px;
clear: both;
}

.sidebarbox h2 {
font-size: 1.8em;
font-weight: bold;
margin: 0 0 0.15em 4px;
color: #343434;
}

.sidebarbox p {
font-size: 1.1em;
margin-left: 4px;
color: #000;
}

.sidebarbox p strong {
margin-left: 3px;
color: #d74300;
}

.sidebarbox ul {
margin-top: 0.5em;
}

.sidebarbox ul li {
padding: 5px 0 2px 5px;
background: url(/images/dotted.gif) 0 0 repeat-x;
position: relative;
}

.sidebarbox li label { 
font-weight: bold;
font-size: 1.1em;
vertical-align: top;
}

.sidebarbox .testprofiles li a.edit { 
display: block;
text-indent: -1000em;
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: 1px;
background: url(/images/icon-delete.gif) 0 0.3em no-repeat;
}

.sidebarbox #newprofile {
padding-top: 6px;
background: transparent url(/images/dotted.gif) 0 0 repeat-x;
}

.sidebarbox #newprofile a {
cursor: pointer;
display: block;
width: 112px;
padding: 2px 0 0 20px;
height: 24px;
margin-left: 32px;
background: url(/images/button-add.gif) 0 0 repeat-x;
}

.sidebarbox #new_test_profile{
		background: transparent url(/images/dotted.gif) top left repeat-x;
		padding-top: 15px;
}

.sidebarbox #new_test_profile div{
	background: transparent url(/images/dotted.gif) bottom left repeat-x;
	padding: 4px 0;
}
.sidebarbox #new_test_profile label {
	width: 65px;
	display: block;
	float: left;
}
.sidebarbox #new_test_profile .text,
.sidebarbox #new_test_profile .select {
	border: 1px solid #787878;
	font-size: 1em;
	width: 100px;
}
.sidebarbox #new_test_profile .button{
	background:url("/images/button_create_profile.gif") no-repeat left top;
	height: 20px;
	font-size: 10px;
	width: 60px;
	text-align:center;
	line-height: 20px;
	float: right;
	margin-top: 4px;
	margin-bottom:10px;
	cursor: pointer;
}

.sidebarbox #new_test_profile div {
	position: relative;	
}

.sidebarbox #new_test_profile div .indicator {
	position: absolute;
	left: 43px;
	top: 4px;
}

.sidebarbox #new_test_profile .error {
	width: 155px;
	padding-left: 13px;
}
.sidebarbox #new_test_profile .error li {
	font-size: 10px;
	list-style-position: outside;
	padding-left: 0;
}

.w546 {
margin: -20px -12px 0 -7px;
width: 560px;
}

.statsbox {
position: relative;
padding: 16px 0 1.3em 25px;
background: url(/images/stats-header-back.png) 0 0 no-repeat;
}

#h1-3 a.lWOn {
  display: block;
  width: 90px;
  overflow:hidden;  
}

#total.statsbox {
position: relative;
background: url(/images/stats-header1-back.gif) 0 0 no-repeat;
}

#total .good,
#total .medium,
#total .poor,
#total .none {
position: absolute;
top: 14px;
right: 5px;
z-index: 49;
display: block;
height: 31px;
padding: 7px 0 0 50px;
background: url(/images/result-none.png) 0 0 no-repeat;
width: 90px;
font-size: 12px;
}

#total .good { background-image: url(/images/result-good.png); color: #789a00; }
#total .medium { background-image: url(/images/result-medium.png); color: #343434; }
#total .poor { background-image: url(/images/result-poor.png); color: #d60000}
#total .none { background-image: url(/images/result-none.png); color: #343434;}


#total .quarter {
position: relative;
float: left;
margin: 10px -9px 0 -19px;
width: 280px;
padding-right: 0;
background: url(/images/stats-quarter-back.gif) 0 0 no-repeat;
}

#total .quarter2 {
float: right;
margin: 10px 0 0 -19px;
}

#total .quarter img {
position: absolute;
top: 20px;
left: 42px;
}

#total .quarter h2 {
position: absolute;
top: 60px;
left: 10px;
width: 100px;
text-align: center;
font-size: 1.1em;
color: #dc571b;
}

#total .quarter table {
float: right;
width: 150px;
margin: 1.4em 17px 0 0;
}

#total .quarter table td {
font-size: 1.1em;
padding: 0 4px 3px 4px;
background: transparent url(/images/dotted.gif) left bottom repeat-x;
text-align: right;
}

#total .quarter table td.first-child {
text-align: left;
}

#total .quarter table td span {
font-weight: bold;
margin-right: 0.4em;
width: 2em;
}

.comparison {
width: 100%;
border-top: 5px solid #fff;
padding-top: 20px;
overflow: hidden;
clear: both;
background: url(/images/divider.gif) 50% 0 no-repeat;
}

.comparison .left {
clear: both;
margin: 0 20px 0 0;
}

.comparison .left,
.comparison .right {
font-size: 1.1em;
width: 255px;
float: left;
}

.comparison span {
font-size: 15px;
font-weight: bold;
padding: 0 0.2em;
}

.comparison .best { color: #789a00; }
.comparison .worst { color: #d60000; }

#thirds {
clear: both;
margin-top: 1em;
}

#thirds div.statsbox {
float: left;
margin: 0;
}

#h2-3.statsbox {
width: 320px;
background: url(/images/stats-header2-3-back.gif) 0 0 no-repeat;
}

#h1-3.statsbox {
width: 186px;
background: url(/images/stats-header1-3-back.gif) 0 0 no-repeat;
}

.stats .toplist table {
margin: 5px 0 0 -3px;
}

.stats #h2-3.toplist table { width: 300px; }
.stats #h1-3.toplist table { width: 170px; }

.stats .toplist table td,
#wrapper .stats .toplist table tr.last-child td,
.stats .toplist table th {
text-align: left;
font-size: 1.1em;
font-weight: normal;
background: transparent url(/images/dotted.gif) left bottom repeat-x;
}

.stats .toplist table th {
text-align: left;
font-weight: bold;
text-transform: uppercase;
font-size: 1em;
padding-bottom: 0.3em;
}

#mytests {
clear: both;
}

#mytests #table_indicator {
	top: 40px;
	left: 10px;
	width:540px;
	height: 16px;
}


#mytests fieldset {
position: absolute;
top: 16px;
right: 15px;
}

#mytests fieldset select {
width: 160px;
}

#wrapper #mytests table {
width: 514px;
margin: 4px 0 0 -5px;
}

#mytests table td {
font-size: 1.1em;
text-align: center;
padding: 1px 4px 4px 4px;
background: transparent url(/images/dotted.gif) left bottom repeat-x;
font-weight: bold;
}

#mytests table th {
padding: 0 0 3px 4px;
text-align: center;
font-size: 1em;
text-transform: uppercase;
background: transparent url(/images/dotted.gif) left bottom repeat-x;
}

table th .sort {
padding: 0 10px;
background: transparent url(/images/sort.gif) 100% 50% no-repeat;
}

table th.sortasc a.sort { 
	background-image: url(/images/sortup.gif); 
}
table th.sortdesc a.sort { 
	background-image: url(/images/sortdown.gif); 
}


#mytests table tr .first-child,
#mytests table tr .last-child {
text-align: left;
}

#mytests table tr td.first-child {
font-weight: normal;
}


#mytests table th.first-child .sort,
#mytests table th.last-child .sort {
padding-left: 0;
}


table td .star {
background: url(/images/star0.gif) 0 50% no-repeat;
font-weight: bold;
display: block;
line-height: 13px;
float: left;
width: 45px;
height: 13px;
text-indent: -100px;
}

table td .n0 { color: #d60000; background-image: url(/images/star0.gif); }
table td .n1 { color: #d60000; background-image: url(/images/star1.gif); }
table td .n2 { color: #d60000; background-image: url(/images/star2.gif); }
table td .n3 { color: #343434; background-image: url(/images/star3.gif); }
table td .n4 { color: #343434; background-image: url(/images/star4.gif); }
table td .n5 { color: #789a00; background-image: url(/images/star5.gif); }

td.best span { color: #789a00; }
td.worst span { color: #d60000; }

a#export {
float: right;
width: 112px;
height: 2em;
margin: 0.2em 27px 1.1em 0;
background: url(/images/button-export.gif) 0 0 no-repeat;
padding: 8px 0 0 40px;
}





/* ----------------------------------------- Footer */

#footer {
position: relative;
clear: both;
width: 886px;
height: 6em;
border-top: 2em solid #fff;
margin: 0 -5px;
padding-top: 14px;
background: url(/images/footer_back.gif) 0 0 no-repeat;
}

#footer div {
float: left;
margin: 0 0 0 75px;
width: 550px;
}

#footer h1 {
text-transform: lowercase;
color: #656565;
font-size: 1.2em;
font-style: italic;
}

#footer ul li {
display: inline;
padding-right: 20px;
}

#footer li, 
#footer p {
color: #6a6a6a;
font-size: 11px;
}

#footer h1 span {
color: #656565;
font-weight: normal;
}

/* ----------------------------------------- Providerliste */
.providers {
	position: relative;
}
.providers .w750 {
margin-top: -20px;
padding: 0 0 0 6px;
background: url(/images/providers-back.gif) 0 0 repeat-x;
}

.providers .sliderbox {
padding: 10px 30px 12px 0;
}

.providers fieldset {
float: right;
width: 230px;
}

.providers .selector {
width: 50%;
float: left;
padding-top: 7px;
}

.providers .selector select {
font-size: 1.1em;
margin: 3px 0 0 0;
width: 95%;
}

#main.providers #table_indicator,
#table_indicator {
	z-index: 100;
	position: absolute;
	top: 85px;
	background: #fff url("/images/indicator.gif") 50% 50% no-repeat;
	text-indent: -1000px;
	width: 748px;
	height: 27px;
	left: 0px;
}

.providers table {
border-top: 3px solid #a1a1a1;
clear: both;
width: 748px;
margin: 0;
position: relative;
left: -6px;
background: url(/images/listheader-back.gif) 0 0 repeat-x;
z-index: 1;
}


#wrapper .providers table th {
text-transform: uppercase;
color: #343434;
text-align: left;
padding: 0 0 0 6px;
height: 28px;
background: url(/images/listheader-dividor.gif) 0 0 no-repeat;
}

.providers table th a {
padding-left: 0;
text-align: left;
cursor:pointer;
}

.providers table th.first-child {
background: none;
}

#wrapper .providers table td.first-child {
text-align: center;
}

#wrapper .providers table td {
padding-left: 6px;
padding-right: 0;
font-weight: bold;
font-size: 1.1em;
text-align: left;
height: 1.8em;
}

#wrapper .providers table td.updown {
font-weight: normal;
}

#wrapper .providers table td.right {
text-align: right;
padding-right: 0.9em;
}


table td a.comments {
float: right;
background: url(/images/bubble.gif) 0 0.3em no-repeat;
margin-left: 10px;
padding-left: 11px;
font-weight: normal;
}

.simplebutton {
width: 50px;
height: 20px;
text-align: center;
float: right;
margin-top: 10px;
background: url(/images/button.gif) 0 0 no-repeat;
cursor: pointer;
}

.simplebutton a {
display: block;
padding-top: 1px;
height: 100%;
}

/* ----------------------------------------- Providerprofil */

.profile .facts {
margin-top: -17px;
width: 462px;
float: left;
}

.profile .facts div {
background: transparent url(/images/dotted.gif) 0 0 repeat-x;
overflow: hidden;
width: 100%;
padding: 0.5em 0 0.5em 4px;
}

.facts .first-child h2,
.facts .first-child p,
.facts .first-child form {
float: left;
width: 147px;
}

.facts h2 {
font-size: 1.1em;
font-weight: normal;
}

.facts div h2 span {
font-size: 1.2em;
line-height: 1.7em;
font-weight: bold;
}

.facts .first-child form {
margin-left: 20px;
}

.facts .first-child select {
display: block;
font-size: 1.1em;
width: 142px;
margin-top: 3px;
}

.facts .first-child a {
display: block;
padding: 5px 0 0 37px;
margin-top: 12px;
width: 145px;
height: 25px;
background: url(/images/button-availibility.gif) 0 0 no-repeat;
}

.facts li {
float: left;
width: 72px;
height: 4em;
padding-left: 20px;
background: url(/images/up-down.gif) 0 0.5em no-repeat;
}

.facts li span {
font-size: 1.1em;
font-weight: bold;
display: block;
line-height: 1.6em;
}

.profile .address {
margin-top: -17px;
float: right;
width: 257px;
}

.profile .address img {
margin-bottom: 6px;
}

.profile .address div {
float: left;
margin: 5px 20px 0 0;
}

#profileresults {
background: url(/images/profileresults-back.gif) 50% 0 no-repeat;
height: 100px;
}

#profileresults li {
width: 88px;
float: left;
font-size: 1.2em;
font-weight: bold;
position: relative;
padding: 37px 0 0 53px;
background: url(/images/icon-download.gif) 11px 17px no-repeat;
}

#profileresults li.upload { background-image: url(/images/icon-upload.gif); }
#profileresults li.connect { background-image: url(/images/icon-connect.gif); }
#profileresults li.ping { background-image: url(/images/icon-ping.gif); }
#profileresults li.total { background-image: none; }

#profileresults li span {
position: absolute;
top: 56px;
left: 3px;
color: #dc571b;
font-size: 11px;
}

#profileresults li.upload span { left: 10px; }
#profileresults li.connect span { left: 0px; }
#profileresults li.ping span { left: 17px; }

#wrapper #profileresults li span.divisor {
position: absolute;
left: auto;
right: 8px;
top: 17px;
text-indent: -1000em;
height: 60px;
width: 1px;
background: url(/images/divisor.gif) 0 0 no-repeat;
}

#wrapper #profileresults li span.bar {
top: 23px;
left: 15px;
padding: 8px 0 0 47px;
background: url(/images/result-good.png) 0 0 no-repeat;
}

#wrapper #profileresults li span.good {
background-image: url(/images/result-good.png);
color: #798900;
}

#wrapper #profileresults li span.medium {
background-image: url(/images/result-medium.png);
color: #343434;
}

#wrapper #profileresults li span.poor {
background-image: url(/images/result-poor.png);
color: #d60000;
}

#wrapper #profileresults li span.none {
background-image: url(/images/result-none.png);
color: #343434;
}

#comments {
position: relative;
margin: 0 -7px;
padding: 18px 0 0 30px;
background: url(/images/comments-back.gif) 0 0 no-repeat;
}

#comments h1 {
margin-bottom: 0.2em;
}

#comments dl {
margin: 10px 0 5px 0;
background: url(/images/hr.gif) left bottom no-repeat;
overflow: hidden;
padding-bottom: 20px;
}

#comments .bigstars span {
width: 92px;
height: 16px;
margin-top: -1px;
background: url(/images/bigstar0.gif) 0 0 no-repeat;
}

#comments .s1 span { background-image: url(/images/bigstar1.gif); }
#comments .s2 span { background-image: url(/images/bigstar2.gif); }
#comments .s3 span { background-image: url(/images/bigstar3.gif); }
#comments .s4 span { background-image: url(/images/bigstar4.gif); }
#comments .s5 span { background-image: url(/images/bigstar5.gif); }

#comments dt,
#comments dd {
float: left;
width: 115px;
font-size: 1.1em;
font-weight: bold;
color: #dc571b;
height: 2em;
}

#comments dd {
width: 100px;
}

#comments dd span {
display: block;
text-indent: -1000em;
width: 0;
background: url(/images/plus.gif) 0 0 repeat-x;
height: 17px;
}

#comments .p5 span { width: 50px; }
#comments .p4 span { width: 34px; }
#comments .p3 span { width: 17px; }
#comments .p0 span { width: 50px; background-image: url(/images/minus.gif); }
#comments .p2 span { width: 34px; background-image: url(/images/minus.gif); }
#comments .p1 span { width: 17px; background-image: url(/images/minus.gif); }

#newsbox {
margin: 0 -7px 0 -12px;
padding: 18px 20px 0 30px;
background: url(/images/news-back.gif) 0 0 no-repeat;
}

#newsbox h1 {
margin-bottom: 7px;
}

#newsbox ul li {
	background: url(/images/dotted.gif) repeat-x left bottom;
	padding: 3px 0;
}

.single_news {
	width: 420px;
}
.single_news p {
	margin-bottom: 1em;
}
.single_news h2 span {
	color: #aaa;
	font-style: italic;
	font-size: 0.9em;
	padding-left: 10px;
}

#writecomment {
position: absolute;
top: 5px;
right: 30px;
background: url(/images/newcomment.gif) 0 0 no-repeat;
padding: 10px;
}

#writecomment a {
display: block;
padding: 4px 0 0 16px;
cursor: pointer;
}

#newcomment {
	overflow: hidden;
	clear: both;
	background:transparent url(/images/dotted.gif) repeat-x scroll left bottom;
	width: 430px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	
}

#newcomment a {
	color: #DC571B;
}

#newcomment fieldset div {
	background:transparent url(/images/dotted.gif) repeat-x scroll left bottom;
	margin-bottom:0.4em;
	margin-right:5px;
	clear: both;
	overflow: hidden;
}

#newcomment label {
	display: block;
	font-size:1.1em;
	margin:2px 10px 2px 0;
	width: 55px;
}

#newcomment input,
#newcomment textarea {
	border:1px solid #787878;
	font-size:1.1em;
	margin-bottom:5px;
	padding:2px 0pt 2px 3px;
	font-family: arial, sans-serif;
	width: 200px;
}
#newcomment textarea {
	height: 126px;
}

#newcomment input.button {
	width: 100px;
	background: #F0F0F0;
	border-left: 1px solid #fafafa;
	border-top: 1px solid #fafafa;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
	cursor: pointer;
}
#newcomment input.button:hover {
	background: #dedede;
}

#newcomment fieldset {
	float: left;
}

#newcomment fieldset.left{
	/*margin-right: 10px;*/
}
#newcomment fieldset.right {
	padding-top: 55px;
	float: right;
}

#newcomment fieldset.right div {
	width: 205px;
	height: 25px;
}

#newcomment fieldset.right span {
	float: left;
	line-height: 18px;
}

#newcomment fieldset.right li a {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	top: 0;
	cursor: pointer;
	text-indent: -1000px;
	z-index: 0;
	background: url("/images/transparent.gif");
}
/*----------*/
#newcomment fieldset.right ul a.star_rating1{
	z-index: 5;
	left:0;
}

#newcomment fieldset.right ul.not_rated a.star_rating1:hover,
#newcomment fieldset.right ul.rated a.star_rating1_active{
	width:19px;
	background: url("/images/bigstar1.gif") no-repeat;
}
/*----------*/
#newcomment fieldset.right ul a.star_rating2{
	z-index: 4;
	left:18px;
}
#newcomment fieldset.right ul.not_rated a.star_rating2:hover,
#newcomment fieldset.right ul.rated a.star_rating2_active{
	left: 0;
	width: 38px;
	background: url("/images/bigstar2.gif") no-repeat;
}
/*----------*/
#newcomment fieldset.right ul a.star_rating3{
	z-index: 3;	
	left:38px;
}
#newcomment fieldset.right ul.not_rated a.star_rating3:hover,
#newcomment fieldset.right ul.rated a.star_rating3_active{
	left: 0;
	width:56px;
	background: url("/images/bigstar3.gif") no-repeat;
}
/*----------*/
#newcomment fieldset.right ul a.star_rating4{
	z-index: 2;
	left:56px;
}
#newcomment fieldset.right ul.not_rated a.star_rating4:hover,
#newcomment fieldset.right ul.rated a.star_rating4_active {
	left: 0;
	width: 75px;
	background: url("/images/bigstar4.gif") no-repeat;
}
/*----------*/
#newcomment fieldset.right ul a.star_rating5{
	z-index: 1;
	left:75px;
}
#newcomment fieldset.right ul.not_rated a.star_rating5:hover,
#newcomment fieldset.right ul.rated a.star_rating5_active {
	left: 0;
	width: 92px;
	background: url("/images/bigstar5.gif") no-repeat;
}



#newcomment fieldset.right ul {
	width: 92px;
	height: 16px;
	float: right;
	position: relative;
	background: url("/images/bigstar0.gif") no-repeat;
}

.commentitem {
width: 430px;
margin-bottom: 10px;
overflow: hidden;
position: relative;
background: transparent url(/images/dotted.gif) left bottom repeat-x;
}

.commentitem p.meta{
position: absolute;
right: 0;
top: 0;
float: right;
font-size: 1em;
}

.commentitem p.meta span a{
color: #dc571b;
}

.commentitem h2 {
padding: 0 220px 6px 0;
margin-bottom: 4px;
background: transparent url(/images/dotted.gif) left bottom repeat-x;
}

.commentitem p.body {
float: left;
width: 290px;
margin-bottom: 10px;
}

#comments .commentitem dl {
background: none;
float: right;
width: 134px;
margin-top: 1px;
}

#comments .commentitem dl dt {
font-size: 1em;
font-weight: normal;
color: #343434;
width: 84px;
height: 16px;
}

#comments .commentitem dl dd {
width: 50px;
padding-right: 0;
height: 16px;
}

p#morecomments, #lesscomments{
float: right;
width: 112px;
text-align: center;
margin-right: 27px;
background: url(/images/button-long.gif) 0 0 no-repeat;
position: relative;
}


p#morecomments a, #lesscomments a {
display: block;
padding: 1px 0 4px 0;
}

#comments .indicator {
	position:absolute;
	right: 150px;
	bottom: 2px;
}

/* ----------------------------------------- Account */

.account fieldset {
margin: 1em 0 -1em 0;
padding: 0 0 1em 0.5em;
}

.account h2 {
padding: 0.3em 0 0 0.5em;
color: #dc571b;
}

.account label {
float: left;
width: 78px;
font-size: 1.1em;
margin: 2px 10px 0 0;
clear: both;
}

.account fieldset div{
background: url(/images/dotted.gif) left bottom repeat-x;
margin-bottom: 0.4em;
margin-right: 5px;
}

.account fieldset hr {
	display: block;
	border: none;
	height: 1.8em;
	margin-bottom: 0.4em;
	margin-right: 5px;
}


.account input.text {
width: 180px;
border: 1px solid #787878;
margin-bottom: 5px;
font-size: 1.1em;
padding: 2px 0 2px 3px;
}

.account select {
width: 184px;
border: 1px solid #787878;
margin-bottom: 5px;
font-size: 1.1em;
height: 1.6em;
}

.account option {
margin: 2px 0 2px 4px;
}

.account :focus {
background: #eee;
}

.account option {
padding: 2px 0 2px 0;
background: white;
}

.account p.preheadline {
margin: 0 0 0.5em 0;
}

.account input.button,
.account a.button {
font-size: 1.1em;
margin-top: 0.4em;
width: 80px;
cursor: pointer;
}
.account a.button {
	text-decoration: none;
	color: #000;
	background: #f0f0f0;
	text-align: center;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
	border-left: 1px solid #fafafa;
	border-top: 1px solid #fafafa;
	height: 14px;
	line-height: 14px;
	margin-top: 0;
}
.account input.button_wide {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
}

.account .spaceleft {
margin-left: 88px;
}

.account .radios * {
width: auto;
display: inline;
vertical-align: top;
float: none;
margin-bottom: 0.6em;
}

.lWindow {
	position: relative;
	padding-top: 30px;
	width: 640px;
}

.lWindow .lWAction {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 640px;
	height: 20px;
	background: #DC571B;
	text-align: right;	
	line-height: 20px;
	padding-right: 10px;
	color: #fff;
	font-size: 15px;
}

.lWAction:hover {
	background:#CF5119;
}

.lWindow textarea {
	border:1px solid #787878;
	font-size:1.1em;
	margin-bottom:5px;
	font-family: arial, sans-serif;
	width: 188px;
	height: 100px;
}

.lWindow h2 {
	padding-left:0;
}

.lWindow dl{
	width: 100%;
	padding-top: 10px;
	line-height: 20px;
}
.lWindow dd {
	float: left;
	width: 120px;
	font-weight: bold;
	background: url(/images/dotted.gif) repeat-x left bottom;
}
.lWindow dt {
	float: left;
	background: url(/images/dotted.gif) repeat-x left bottom;
	width: 160px;
}

#clipboardLWindow h1 {
	margin-bottom: 5px;
}

#clipboardLWindow .text {
	width:448px; 
	margin-bottom:10px;
	font-family:arial,sans-serif;
	padding:3px;
	border:1px solid #787878; 
	font-size:11px;
}
#clipboardLWindow textarea {
	width: 448px; 
	height: 8.2em;
	padding:3px; 
	line-height:15px;
}



.provprofiles fieldset {
margin-bottom: 2em;
}

.provprofiles div {
	position: relative;
}
.provprofiles .indicator {
	position: absolute;
	left: 280px;
	top: 3px;
	z-index: 100;
}

#wrapper .profile_edit {
	padding: 3px 0;
}
#wrapper .profile_edit form {
	padding: 0;
}

#wrapper .profile_edit table td{
	padding: 0;
}

#wrapper .profile_edit table * {
	background-image: none;
}
#wrapper .profile_edit .button {
	margin-top: 0;
}
#wrapper .profile_edit .profile_edit {
	background: none;
	padding-bottom: 4px;
	overflow: hidden;
	width: 100%;
}
#wrapper .profile_edit div{
	margin: 0;
	background: none;
}


/* ----------------------------------------- Spezialzeug */

h1 span,
.bigselect label span {
color: #dc571b;
}

.newsitem p a:link,
.newsitem p a:visited {
color: #de622a;
text-decoration: underline;
}

.newsitem p a:focus,
.newsitem p a:hover,
.newsitem p a:active {
color: #343434;
text-decoration: underline;
}

.wortmarke {
font-style: italic;
}

.wortmarke span {
font-weight: normal;
}

a#startnow2 {
display: block;
margin-top: -17px;
}

a.info {
float: left;
position: relative;
z-index: 10;
text-indent: -1000em;
height: 11px;
width: 11px;
margin: 3px 0 0 4px;
background: url(/images/info.gif) 0 0 no-repeat;
cursor: pointer;
}

a.info:hover {
background-position: 0 -11px;
}

a.info span {
background: #fff;
padding: 4px 6px;
position: absolute;
z-index: 10;
border: 1px solid #a2a2a2;
display: none;
text-indent: 0;
top: 7px;
left: 15px;
width: 133px;
}

a.info:hover span {
display: block;
color: #000;
}

.withinfo {
float: left;
}

a.button {
float: left;
margin-right: 5px;
height: 16px;
padding: 2px;
width: 16px;
background: url(/images/buttonback.gif) 0 0 no-repeat;
cursor:pointer;
}

a.button:link,
a.button:visited {
background-position: 0 0;
}

a.button:focus,
a.button:hover,
a.button:active {
background-position: 0 -20px;
}


/*errors ------------------------------------------*/
.error {
	clear: both;
	float: none;
}
.error ul{
	padding-bottom: 10px;
}

.error ul li{
	color: #7F0000;
	background: url("/images/dotted-red.gif") bottom repeat-x;
	padding: 5px 0;
	line-height: 14px;
	margin-bottom: 2px;
	list-style: square inside;
	font-size: 12px;
	padding-left: 3px;
	font-weight: bold;
}

fieldset .error li {
	font-size: 11px;
	padding: 2px 0;
}

.error_inline {
  clear: both;
	float: none;
	color: #7F0000;
	background: url("/images/dotted-red.gif") bottom repeat-x;
	font-size: 12px;
	font-weight: bold;
}

.noline {
	text-decoration: none;
}