@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font:12px Tahoma, Geneva, sans-serif;
	color:black;
	background:url('../images/body-back.png');
	line-height:16px;
}
a {
	outline:none;
	text-decoration:underline;
	color:#80001E;
}
a:hover {
	text-decoration:none;
}
input {
	outline:none;
}
input::-moz-focus-inner /*Remove button padding in FF*/ {
border:0;
padding:0;
}
#mama {
	margin:0 auto;
	width:950px;
}
#head {
	width:950px;
	float:left;
	clear:both;
	height:141px;
	padding:0;
	margin:0;
	position:relative;
	background:url('../images/bestedienstleister.png') white 1px 1px no-repeat;
	border:1px solid #D7D7D7;
	border-width:0 1px 1px 1px;
}
#head h1 {
	font-size:21px;
	float:right;
	width:auto;
	position:absolute;
	left:36px;
	top:75px;
	color:#80001E;
	text-shadow:white 0 1px;
	line-height:24px;
}
#head h1 a {
	text-decoration:none;
}
/* Legendary <legend>-Hack for all other IEs */
#head h1 {
	top:80px\9
}



/* ------------------
    Content 
--------------------- */
#content {
	background:white;
	float:left;
	clear:both;
	width:950px;
	min-height:450px;
	border:1px solid #D7D7D7;
	border-width:0 1px;
	padding-bottom:20px;
	padding-top:30px;
}
/* -- Generell -- */
#content h2 {
	background:url('../images/bestedienstleister.png') -903px -140px no-repeat;
	margin:30px 0 0 30px;
	padding:10px 0 20px 55px;
	float:left;
	clear:both;
	width:800px;
	color:#80001E;
	font-size:18px;
	line-height:23px;
}
#content h3 {
	margin:0 0 0 30px;
	padding:10px 0 0 55px;
	float:left;
	clear:both;
	width:850px;
	color:#80001E;
	font-size:15px;
	line-height:23px;
}
#content h4 {
	margin:0 0 0 30px;
	padding:10px 0 0 55px;
	float:left;
	clear:both;
	width:850px;
	color:black;
	font-size:15px;
	line-height:23px;
}
#content p {
	float:left;
	clear:both;
	width:700px;
	margin:0 0 5px 87px
}
#content ul {
	float:left;
	clear:both;
	width:650px;
	margin:5px 0 10px 87px;
	padding:0 0 0 5px;
}
#content ul li {
	float:left;
	clear:both;
	margin:0 0 8px 0;list-style-type:none;
	padding:0 0 0 15px;background:url('../images/listenpunkt.png') 0 0 no-repeat;
}
*+html #content ul li {
	width:700px;
}/* IE7-Hack */
#content ol {
	float:left;
	clear:both;
	width:500px;
	margin:5px 0 10px 97px;
	padding:0 0 0 20px;
}
#content ol li {
	clear:both;
	margin:0 0 8px 0;
	padding:0;
}

#content .toplist {margin:10px 0 0 85px;width:450px;}
#content .toplist li {padding:0 0 0 0;margin:0 0 2px 10px;}

#content .olnormal {margin:10px 0 0 95px;width:650px;}
#content .olnormal li {padding:0 0 0 0;margin:0 0 5px 10px;}

#content .content-pic {
	margin:20px 25px 0 0;
	border:1px solid #80001E;
	float:left;
}
#content .content-pic2 {
	margin:20px 5px 0 0;
	border:1px solid #80001E;
	float:left;
}
/* -- Speziell -- */
#content p.gewinner {width:780px; margin:0 0 25px 80px;}

#content #home {
	background:url('../images/home.jpg') no-repeat;
	width:854px;
	height:368px;
	margin:38px 0 0 38px;
	padding:0;
}
#content #home h2 {
	background:none;
	float:right;
	clear:right;
	width:auto;
	color:black;
	text-align:right;
	margin:10px 15px 0 0;
	padding:0;
	text-shadow:white 0 1px;
	font-size:16px;
}
#content #home ol {
	float:left;
	margin:0;
	padding:21px 0 0 39px;
	color:#80001E;/*text-shadow:black 0 1px;*/
	line-height:17px;
	list-style-type:none;
	width:255px !important;
}
#content #home ol li {
	margin:0 0 14px 4px;
	padding:0 0 0 0;
	width:255px;
	font-size:14px;
	font-weight:bold;
	display:list-item;
	width:255px !important;
}
#content #home ol li a {
	color:#80001E;text-decoration:none;display:block;height:55px;text-indent:-9999px;
}
*+html #content #home ol li {
	margin:0 0 14px 6px;
}/* IE7-Hack */
#content #home ol li span {
	font-size:12px;
	padding:0;
	margin:0;
	font-weight:bold;
	display:block;
}


/* ------------------
    Table Preisliste 
--------------------- */
#content .preisliste {
	float:left;
	clear:both;
	width:780px;
	padding:0;
	margin:0 0 0 85px;
}
#content .preisliste .top1 {
	background:url('../images/table-top.png') 0 0 no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	/*border-right:1px solid #9F9F9F;*/
}
#content .preisliste .top2 {
	background:url('../images/table-top.png') -10px 0 no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
}
#content .preisliste .top3 {
	background:url('../images/table-top.png') -10px 0 no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .top4 {
	background:url('../images/table-top.png') right 0 no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
}
/* -- Top Highlighted -- */
#content .preisliste .top1highlight {
	background:url('../images/table-top.png') 0 -166px no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	
}

#content .preisliste .top2highlight {
	background:url('../images/paket-highlight.png') 0 0 no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;font-size:13px;
	padding:6px 0 6px;
	color:white;
}
#content .preisliste .top3highlight {
	background:url('../images/table-top.png') -10px -166px no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .top4highlight {
	background:url('../images/table-top.png') right -166px no-repeat;
	width:100px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
}
#content .preisliste .headline {
	background:url('../images/bestedienstleister.png') 0 -302px no-repeat;
	width:780px;
	height:26px;
	font-size:13px;
	padding:0 10px 0 10px;
	color:white;
	font-weight:bold;
}
#content .preisliste .text {
	border-bottom:1px solid #9F9F9F;
	padding-left:10px;
}
#content .highlight {
	background:url('../images/table-top.png') -10px -110px no-repeat;
}
#content .preisliste span.good {
	display:block;
	width:100px;
	height:18px;
	background:url('../images/good-bad-optional.gif') 0 -16px no-repeat;
	padding:4px 0;
}
#content .preisliste span.bad {
	display:block;
	width:100px;
	height:18px;
	background:url('../images/good-bad-optional.gif') 0 7px no-repeat;
	padding:4px 0;
}
#content .preisliste span.optional {
	display:block;
	width:100px;
	height:18px;
	background:url('../images/good-bad-optional.gif') 0 -36px no-repeat;
	padding:4px 0;
}
/* Icons Highlights Table-Column */
#content .preisliste .thirdhighlight span.good {
	display:block;
	width:100px;
	height:18px;
	background:url('../images/good-bad-optional-highlighted.gif') 0 -16px no-repeat;
	padding:4px 0;
}
#content .preisliste .thirdhighlight span.bad {
	display:block;
	width:100px;
	height:18px;
	background:url('../images/good-bad-optional-highlighted.gif') 0 7px no-repeat;
	padding:4px 0;
}
#content .preisliste .thirdhighlight span.optional {
	display:block;
	width:100px;
	height:18px;
	background:url('../images/good-bad-optional-highlighted.gif') 0 -36px no-repeat;
	padding:4px 0;
}
#content .preisliste .bottom1 {
	vertical-align:top;
	background:url('../images/table-top.png') 0 -34px no-repeat;
	height:124px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .bottom2 {
	vertical-align:top;
	background:url('../images/table-top.png') -10px -34px no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .bottom3 {
	vertical-align:top;
	background:url('../images/table-top.png') -10px -34px no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .bottom4 {
	vertical-align:top;
	background:url('../images/table-top.png') right -34px no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
}
/* -- Bottom Highlighted -- */
#content .preisliste .bottom1highlight {
	vertical-align:top;
	background:url('../images/table-top.png') 0 bottom no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .bottom2highlight {
	vertical-align:top;
	background:url('../images/table-top.png') -10px bottom no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .bottom3highlight {
	vertical-align:top;
	background:url('../images/table-top.png') -10px bottom no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	border-right:1px solid #9F9F9F;
}
#content .preisliste .bottom4highlight {
	vertical-align:top;
	background:url('../images/table-top.png') right bottom no-repeat;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
}
#content .preisliste .mehrdetails-blau {
	display:block;
	width:83px;
	height:35px;
	background:url('../images/buttons-mehr-details.png') 0 0 no-repeat;
	color:white;
	padding:3px 0 0 6px;
	text-align:left;
	text-decoration:none;
	margin:20px 0 2px 6px;
}
#content .preisliste .margtop {margin-top:8px;}
#content .preisliste .blau2ie {margin-top:22px;}
#content .preisliste .mehrdetails-rot {
	display:block;
	width:84px;
	height:35px;
	background:url('../images/buttons-mehr-details.png') -90px 0 no-repeat;
	color:white;
	padding:3px 0 0 6px;
	text-align:left;
	text-decoration:none;
	margin:20px 0 2px 6px;
}
#content .preisliste .second {
	text-align:center;
	border-left:none;
	background:url('../images/table-top.png') 0 -30px no-repeat;
	border-right:1px solid #9F9F9F;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .third {
	text-align:center;
	border-left:none;
	background:url('../images/table-top.png') -10px -30px no-repeat;
	border-right:1px solid #9F9F9F;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .fourth {
	text-align:center;
	border-left:none;
	background:url('../images/table-top.png') -10px -30px no-repeat;
	border-right:1px solid #9F9F9F;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .fifth {
	text-align:center;
	border-right:none;
	background:url('../images/table-top.png') right -30px no-repeat;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
/* -- Normal TD Highlighted -- */
#content .preisliste .secondhighlight {
	text-align:center;
	border-left:none;
	background:url('../images/table-top.png') 0 -180px no-repeat;
	border-right:1px solid #9F9F9F;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .thirdhighlight {
	text-align:center;
	border-left:none;
	background:url('../images/table-top.png') -10px -220px no-repeat;
	border-right:1px solid #9F9F9F;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .fourthhighlight {
	text-align:center;
	border-left:none;
	background:url('../images/table-top.png') -10px -180px no-repeat;
	border-right:1px solid #9F9F9F;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .fifthhighlight {
	text-align:center;
	border-right:none;
	background:url('../images/table-top.png') right -180px no-repeat;/*border-left:1px solid white;*/
	border-bottom:1px solid #9F9F9F;
}
#content .preisliste .blank {
	height:20px;
}
#content .preisliste .last {
	width:6px;
	background-color:white;
}
#content .preisliste .neutral {
	padding:6px 0;
}
#content .preisliste .good2 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
	background:url('../images/bestedienstleister.png') -880px -230px no-repeat;
}
#content .preisliste .bad2 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
	background:url('../images/bestedienstleister.png') -880px -208px no-repeat;
}
#content .preisliste .optional2 {
	float:left;
	display:block;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
	background:url('../images/bestedienstleister.png') -880px -251px no-repeat;
}
/* ------------------
    Content-Footer 
--------------------- */
#content #content-footer {
	float:left;
	clear:both;
	width:850px;
	margin:20px 0 0 40px;
	padding:0;
}
#content #content-footer p {
	margin:0;
	padding:20px 0;
	clear:both;
	width:850px;
}
/* -- Die Logos -- */
#content #content-footer .top a {
	display:block;
	float:left;
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	width:214px;
	height:31px;
	background:url('../images/bestedienstleister.png') -493px -375px no-repeat;
	text-shadow:black 0 -1px;
	padding:12px 0 0 12px;
}
#content #content-footer .top a.sogehts {
	margin:0 20px 0 30px;
}
#content #content-footer .top .smaller {
	font-size:13px;
	padding:13px 0 0 8px;
	width:220px;
}
#content #content-footer .top a.download {
	margin:0 20px 0 30px;
	background-position: -724px -375px;
	width:214px;
	height:32px;
	padding:11px 0 0 11px;
}
#content #content-footer .top a.rueckruf {
	margin:0 20px 0 30px;
}
#content #content-footer .top a.hieranmelden {
	margin:0 0 0 30px;
}
/* -- Die Buttons -- */
#content #content-footer .bottom span {
	display:block;
	float:left;
	background:url('../images/bestedienstleister.png') -9999px -9999px no-repeat;
	width:200px;
	text-indent:-9999px;
}
#content #content-footer .bottom span.servicerating {
	background-position:0 -331px;
	margin:5px 30px 0 20px;
	height:32px;
}
#content #content-footer .bottom span.handelsblatt {
	background-position:-206px -330px;
	margin:5px 30px 0 70px;
	height:38px;
}
#content #content-footer .bottom span.universitaetstgallen {
	background-position:-408px -329px;
	margin:0 30px 0 70px;
	height:43px;
}
#footer {
	float:left;
	clear:both;
	width:948px;
	padding:0 1px;
	background:url('../images/bestedienstleister.png') 1px -418px no-repeat;
	border:1px solid #D7D7D7;
	
}
#footer form {
	display:inline;
	float:left;
	margin:3px 0 0 10px;
	padding:0;
}
#footer form input#q {
	float:left;
	background:url('../images/bestedienstleister.png') 1px -393px no-repeat;
	width:130px;
	height:19px;
	border:none;
	padding:8px 0 0 30px;
	color:#999;
	font-size:12px;
}
#footer form input#suche {
	float:left;
	background:url('../images/bestedienstleister.png') -162px -393px no-repeat;
	width:32px;
	height:25px;
	border:none;
	padding:0;
	margin:0;
	text-indent:-9999px;
	cursor:pointer;
	font-size: 0;
	display:block;
	line-height: 0;
}
#footer form input#suche:hover {
	background-position:-355px -393px;
}
/* What the hack?! */
*+html #footer form input#q {
	background:url('../images/bestedienstleister.png') 1px -392px no-repeat;
	height:19px;
	padding:8px 0 0 30px;
} /* IE7 */
#footer form input#q {
	background /*\**/: url('../images/bestedienstleister.png') 1px -395px no-repeat\9
} /* IE8 */
#footer form input#q {
	padding /*\**/: 5px 0 0 30px\9
} /* IE8 */
*+html #footer form {
	margin:1px 0 0 10px;
} /* IE7 */
#footer form {
	margin /*\**/ :4px 0 0 10px\9
} /* IE8 */
*+html #footer form input#suche {
	background:url('../images/bestedienstleister.png') -162px -392px no-repeat;
	height:26px;
} /* IE7 */
#footer form input#suche {
	background /*\**/: url('../images/bestedienstleister.png') -162px -395px no-repeat\9
} /* IE8 */
*+html #footer form input#suche:hover {
	background-position:-355px -392px;
	height:26px;
} /* IE7 */
#footer form input#suche:hover {
	background-position  /*\**/:-355px -395px\9
} /* IE8 */
#footer ul {
	list-style-type:none;
	float:right;
	margin:0;
	padding:0;
	border-left:1px solid #d7d7d7;
}
#footer ul li {
	float:left;
	border-right:1px solid #d7d7d7;
	border-left:1px solid white;
}
#footer ul li:last-child {
	border-right:none;
}
#footer ul li a {
	display:block;
	padding:8px 12px 7px;
	text-decoration:none;
	color:black;
}
#footer ul li a:hover {
	background:url('../images/bestedienstleister.png') 0 -363px no-repeat;
}
/* ---------------------- 
	Kontakt
------------------------- */
#content #contactFormArea {
	margin:20px 0px 0px 87px;
	width:315px;
	float:left;
	clear:both;
}
#content fieldset {
	border:none;
	margin:0px;
	padding:0px 0px 0px 0px;
}
#content label {
	display:block;
	margin:0px;
}
#content input.text, textarea, select {
	width:300px;
	color:#333;
	padding:5px;
	margin:2px 0px 4px 0px;
	border:1px solid silver;
}
#content input.text:hover, textarea:hover {
	border:1px solid #BEC2FE;
	background:#EDF3FE;
}
#content input.submit {
	background:url('../images/bestedienstleister.png') -723px -342px no-repeat;
	color:white;
	font-weight:bold;
	cursor:pointer;
	font-size:14px;
	width:223px;
	height:28px;
	margin:5px 5px 5px 180px;
	text-decoration:none;
	border:none;
	padding:2px 0 0 15px;
	text-align:left;
}
#content input.submit:hover {
	background:url('../images/bestedienstleister.png') -723px -342px no-repeat;
}
#content fieldset span {
	display:none;
	color:black;
}
/* ---------------------- 
	Anmeldung (Form)
------------------------- */
#content .anmelden {
	float:left;
	clear:both;
	color:black;
	font-size:12px;
	line-height:14px;
	margin:15px 0 0 45px;
}
#content .anmelden fieldset {
	float:left;
	width:550px;
	padding:10px 10px 10px 10px;
	border:1px solid silver;
	background-color:#f5f5f5;
	margin:0 0 5px 40px;
}
#content .anmelden legend {
	color:#80001E;
	font-weight:normal;
	padding:0 4px 5px 4px;
	font-size:14px;
	font-weight:bold;
}
#content .anmelden fieldset legend {
	margin-top /*\**/:-19px\9 
} /* IE 8 */
*+html #content .anmelden fieldset legend {
	margin-top:-21px;
} /* IE7 */
#content .anmelden input, #content .anmelden textarea, #content .anmelden textarea {
	width:300px;
	color:#333;
	padding:6px;
	margin:2px 0px 4px 0px;
	border:1px solid silver;
}
#content .anmelden input:hover, #content .anmelden textarea:hover, #content .anmelden input:focus, #content .anmelden textarea:focus {
	border:1px solid #BEC2FE;
	background:#EDF3FE;
}
#content .anmelden input[type=radio] {
	float:left;
	border:none;
	clear:both;
	padding:0;
	margin:6px 0 0;
	width:auto;
}
#content .anmelden input[type=checkbox] {
	float:left;
	border:none;
	clear:both;
	padding:0;
	margin:6px 4px 0;
	width:auto;
}
#content .anmelden div.paket {
	width:350px;
	float:left;
	margin:0 0 10px 30px;
	padding:0 0 0 5px;
}
#content .anmelden label.right {
	float:left;
	width:90%;
	padding:5px;
	margin:0 0 10px 0;
	cursor:pointer;
}
#content .anmelden label.left {
	float:left;
	clear:both;
	width:auto;
	padding:5px 10px 0 1px;
	margin:0 0 2px 0;
	cursor:pointer;
}
#content .anmelden label.right strong.block {
	display:block;
	float:left;
	width:120px;
}
#content .anmelden #datum {
	margin-right:20px;
}
#content .anmelden #datum, #content .anmelden #uhrzeit {
	width:100px;
	float:left;
}
#content .anmelden #anrede, #content .anmelden #titel, #content .anmelden #name, #content .anmelden #vorname, #content .anmelden #firma, #content .anmelden #funktion, #content .anmelden #plz, #content .anmelden #ort, #content .anmelden #fax, #content .anmelden #branche, #content .anmelden #strasse, #content .anmelden #telefon, #content .anmelden #hurzel {
	width:250px;
	float:left;
}
#content .anmelden #absenden, #content .anmelden .absenden2 {
	width:227px;
	height:44px;
	background:url('../images/bestedienstleister.png') -721px -330px no-repeat;
	color:white;
	font-weight:bold;
	cursor:pointer;
	font-size:14px;
	margin:5px 5px 5px 0;
	text-decoration:none;
	border:none;
	padding:0 0 0 11px;
	text-align:left;
}
#content .anmelden .absenden2:hover {
	border:none;
	background:url('../images/bestedienstleister.png') -721px -330px no-repeat;
}
#content .anmelden div.hover {
	float:left;
	width:auto;
	padding:0 5px;
	margin:0;
}
#content .anmelden div.hover:hover {
	background-color:white;
}
#content .anmelden .smallerfieldset {width:330px;}
#content .anmelden .captcha {margin:0 0 6px 6px;}

#content .formfooter {padding:10px;border:1px solid silver;background-color:#f5f5f5;margin:5px 0 10px 40px;text-align:center;}

#content #message {
	float:left;
	width:auto;
	padding:10px 20px 10px 10px;
	margin:10px 0 5px 85px;
	font-weight:bold;
	color:black;
}
/* -- ToolTip -- */
.tooltip {
	display:none;
	background:transparent url('../images/black_arrow.png');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

/*  -- Table Pic-Text -- */
#content .table-pic-text {margin-left:57px;float:left;clear:both;width:500px;}
#content .table-pic-text p {margin:0 0 5px 20px;padding:0;width:400px;}
#content .table-pic-text ol {margin:0 0 0 35px;padding:0 0 0 10px;list-style-type:decimal;width:550px;}
#content .table-pic-text ol li {}
#content .table-pic-text td span {font-size:10px;color:#666;display:block;float:left;clear:both;}

#content .table-pic2 {padding:0;margin:15px 0 0 83px;float:left;clear:both;}
#content .table-pic2 td {padding:4px 5px;}
#content .table-pic2 th {font-weight:bold;color:#80001E;font-size:12px;text-align:left;padding-left:6px;}