@CHARSET "UTF-8";

body {
	background:		#f6f4f4;
	color:			#505050;
	margin:			0px;
	font-family: 	Arial, Verdana, Helvetica, sans-serif;
	font-size:		9pt;
}

hr {
	display:		none;
}

#logo	{
	position:		absolute;
	z-index:		2;
}

#logo img {
	border:			none;
}

#toplinks {
	position:		relative;
	width:			596px;
	margin:			0px;
	margin-left:	4px;
	background:		#666666;
	height:			104px;
	padding:		0px;
}

#toplinks1 {
	position:		absolute;
	left:			3px;
	top:			3px;
	height:			100px;
	width:			100px;
	color:			#ffffff;
	font-size:		11pt;
	font-weight:	bold;
}

#toplinks2 {
	position:		absolute;
	right:			3px;
	top:			3px;
	height:			100px;
	width:			100px;
	text-align:		right;
	color:			#ffffff;
	font-size:		11pt;
	font-weight:	bold;
}

#toplinks1 p {
	padding:			0px;
	margin:				0px;
	margin-bottom:		0.8em;
}
	
#toplinks1 ul {
	padding:			0px;
	margin:				0px;
	font-size:			8pt;
	line-height: 		8pt;
}

#toplinks1 li {
	padding:			0px;
	margin:				0px;
	list-style-type: 	none;	
	font-size:			8pt;
	font-weight:		normal;
	height:				8pt;
	line-height: 		8pt;
}

#toplinks1 a {
	color:				#ffffff;
	text-decoration:	none;
}

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

#toplinks2 p {
	padding:			0px;
	margin:				0px;
	margin-bottom:		0.8em;
}
	
#toplinks2 ul {
	padding:			0px;
	margin:				0px;
	font-size:			8pt;
	line-height: 		8pt;
}

#toplinks2 li {
	padding:			0px;
	margin:				0px;
	list-style-type: 	none;	
	font-size:			8pt;
	font-weight:		normal;
	height:				8pt;
	line-height: 		8pt;
}

#toplinks2 a {
	color:				#ffffff;
	text-decoration:	none;
}

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

#toplinks1 li.toplink {
	position:			relative;
	top:				-2em;
	background-image: 	url("../images/toplink_point.gif");
	background-repeat: 	no-repeat;
	padding-left:		10px;
	background-position: 0px 2px;
}

#toplinks #toplink1 {
	left:				125px;
}

#toplinks #toplink2 {
	left:				113px;
}

#toplinks #toplink3 {
	left:				102px;
}

#toplinks #toplink4 {
	left:				92px;
}

#site {
	position:		absolute;
	left:			0px;
	top:			0px;
	width:			600px;
	border-left:	200px solid #faf9f9;
	background-color:	#ffffff;
}

#menu {
	position:			absolute;
	width:				180px;
	left:				-200px;
	top:				100px;
	padding-top:		24px;
	background-color:	#f6f4f4;
	border-left:		20px solid #fcfbfb;
}

#menu ul {
	position:		relative;
	left:			-20px;
	margin:			0px;
	padding:		0px;
	width:			180px;
	border-top:		1px	solid #fcfbfb;
}

#menu li {
	font-size:			10pt;
	margin:				0px;
	padding:			0px;
	padding-left:		0px;
	padding-top:		3px;
	margin-left:		0px;
	list-style-type:	none;
	background-image:	url("../images/leftnavi_pfeil.gif");
	background-repeat:	no-repeat;
	background-position: 5px 7px;
}

#menu li a {
	display:block;
	font-weight:		bold;
	color:				#666666;
	text-decoration: 	none;
	width:				154px;
	padding-left:		3px;
	padding-right:		3px;
	height:				21px;
	border-bottom:		1px solid #fcfbfb;
	margin-left:		20px;
}

#menu li a:hover {
	color:			#333333;
	text-decoration: underline;
}

#path {
	position:			relative;
	width:				586px;
	height:				10pt;
	margin-top:			1px;
	margin-left:		4px;
	padding-left:		5px;
	padding-right:		5px;
	padding-top:		1px;
	padding-bottom:		1px;
	font-size:			8.5pt;
	background-color:	#666666;
	color:				#cccccc;
}

#path ul {
	margin:				0px;
	padding:			0px;
}

#path li {
	list-style-type:	none;
	background-image:	url("../images/topnavi_pfeil.gif");
	background-repeat:	no-repeat;
	background-position:	0px 3px;
	margin:				0px;
	margin-left:		5px;
/*	margin-right:		15px;*/
	padding:			0px;
	padding-left:		10px;
	float:				left;
}

#path li.first {
	list-style-type:	none;
	background-image:	none;
	padding-left:		0px;
}

#path p {
	float:				left;
	margin:				0px;
	padding:			0px;
}	

#path a {
	font-weight:		bold;
	color:				#cccccc;
}

#iconbox {
	clear:			both;
	text-align:		right;
	padding-left:	14px;
	padding-right:	5px;
	padding-bottom:	0px;
	padding-top:	2px;
	position:		relative;
	background:		#ffffff;
}

#iconbox a {
	margin:			3px;
}

#iconbox img {
	border:			none;
}

#content {
	position:		relative;
	background:		#ffffff;
	color:			#505050;
	min-height:		450px;
	width:			571px;
	padding-left:	14px;
	padding-right:	15px;
	padding-bottom:	5px;
	padding-top:	0px;
}

#content hr {
	display:		block;
}
	
#content h1 {
	font-size:		12pt;
	margin-top:		1em;
	margin-bottom:	0px;
}

#content h2 {
	font-size:		10pt;
	font-weight:	bold;
/*	height:			24px;*/
	margin:			0px;
	padding:		0px;
	padding-top:	8px;
	text-align:		left;
}

#content img {
}

#content p {
	/* kein clear:both erlaubt */	
	text-align: 	left;
	margin-bottom:	1ex;
	margin-top:		0.2ex;
}

#content p.subtitle {
	margin-top:		2px;
	font-weight:	bold;
}

#content strong {
	font-weight:	normal;
	color:			#ea5306;
}

#content strong.header {
	color:			#505050;
	font-size:		10pt;
	font-weight:	bold;
/*	height:			24px;*/
	margin:			0px;
	padding:		0px;
	padding-top:	8px;
	text-align:		left;
}

#content table {
	width:			100%;
	margin-top:		1.4em;
	margin-bottom:	1.4em;
}

#content table th {
	text-align:		left;
	vertical-align:	top;
	padding:		5px;
	font-size:		9pt;
}

#content table td {
	text-align:		left;
	vertical-align:	top;
	padding:		5px;
	font-size:		9pt;
}

#content a {
	color:				#ea5306;
}

#content img {
	border:			none;
}

#content a:hover {
	color:				#ea5306;
	text-decoration:	underline;
}

#content p small {
	font-size:		8pt;
	text-align:		center;
	display:		block;
}

#content div.spacer {
	height:			0px;
	margin-top:		40px;
}

#content div.newline {
	clear:			both;
	margin:			0px;
	padding:		0px;
}
	
#content div.img-above-left {
	text-align:		left;
}

#content div.img-above-center {
	text-align:		center;
}

#content div.img-above-right {
	text-align:		right;
}

#content div.img-bottom-left {
	text-align:		left;
}

#content div.img-bottom-center {
	text-align:		center;
}

#content div.img-bottom-right {
	text-align:		right;
}

#content div.img-intext-left {
	float:			left;
	margin-right:	10px;
	margin-bottom:	10px;
}

#content div.img-intext-right {
	float:			right;
	padding-left:	10px;
	padding-bottom:	10px;
}

#content div.img-left-nowrap {
	float:			left;
}

#content div.img-right-nowrap {
	float:			right;
}

#content div .textpic-caption {
	text-align:		center;
	font-size:		80%;
	margin-bottom:	5px;
}
	
#content .product {
	width:			142px;
	float:			left;
	margin-top:		20px;
	margin-bottom:	50px;
	text-align:		center;
/*	margin-left:	-10px;*/
}

#content .product img {
	border:			0px;
}

#content .product .textpic-caption {
	display:		none;
}

#content .product h1 {
	text-align:		left;
	margin:			0px;
	padding:		0px;
	margin-top:		10px;
	margin-bottom:	15px;
}

#content .product strong {
	text-align:		left;
}

#content .product p {
	text-align:		left;
	margin:			0px;
	padding:		0px;
	margin-top:		2px;
}

#content .infobox {
	position:		relative;
	width:			249px;
	overflow:		auto;
	float:			left;
	padding-left:	18px;
	padding-right:	18px;
/*	min-height:		12em;*/
	text-align: 	left;
	margin-bottom:	30px;
}

#content .infobox ul {
	margin:			0px;
	padding:		0px;
}

#content .infobox li {
	margin:			0px;
	margin-left:	1.6em;
}

#content .infoboxclear {
	clear:			both;
}

#content .infobox h2 {
	font-size:		10pt;
	font-weight:	bold;
	padding:		0px;
	margin:			0px;
}
	
#content .infobox p {
	margin:			0px;
	margin-bottom:	5px;
	font-size:		8.5pt;
	text-align: 	left;
}

#content .identedtext {
	clear:			both;
	margin-left:	100px;
	margin-right:	100px;
}

#content .identedtext p {
	text-align:		center;
}

#leftinfo {
	position:		absolute;
	left:			-200px;
	top:			320px;
	width:			160px;
	margin-left:	20px;
	font-size:		8pt;
}

#leftinfo #domaincheckbox {
	background-image: url("../images/domaincheck.jpg");
	background-repeat: no-repeat;
}

#leftinfo #providerwechselbox {
	background-image: url("../images/providerwechsel.jpg");
	background-repeat: no-repeat;
}

#leftinfo a {
	color:				#ea5306;
	text-decoration:	none;
}

#leftinfo a:hover {
	color:				#ea5306;
	text-decoration:	underline;
}

#leftinfo img {
	float:			left;
}

#leftinfo h2 {
	font-size:		10pt;
	font-weight:	bold;
	height:			24px;
	margin:			0px;
	padding:		0px;
	padding-top:	8px;
	text-align:		right;
}

#leftinfo p {
	padding:		0px;
	margin:			0px;
	margin-bottom:	5px;
}

#leftinfo div {
	margin-bottom:	20px;
}

#leftinfo #domainformular {
	text-align:		right;
}

#leftinfo input {
	font-size:			8pt;
	background-color:	#fcfbfb;
}

#leftinfo .input {
	border:			1px solid #666666;
}

#leftinfo #domainname {
	width:			99px;
}

#leftinfo #tld {
	font-size:			8pt;
	background-color:	#fcfbfb;
	width:				52px;
}

#leftinfo #sendbutton {
	float:			right;
	clear:			both;
	margin-top:		2px;
}
	
#footline {
	background-color:	#f6f4f4;
	position:			relative;
	width:				800px;
	height:				1.3em;
/*	left:				-200px;*/
	margin-left:		-200px;
	border-top:			1px solid #ea5306;
	font-size:			9px;
	clear:				both;
}

#footline a {
	color:				#666666;
	text-decoration:	none;
}

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

#footline ul {
	margin:			0px;
	padding:		0px;
}

#footline li {
	float:				left;
	background-image: 	url("../images/bottomnavi_pfeil.gif");
	background-repeat:	no-repeat;
	list-style-type:	none;
	margin:				0px;
	margin-right:		5px;
	margin-left:		-3px;
	padding:			0px;
	padding-left:		3px;
}

#footline #copyright {
float:			right;
}

#footline #copyright a {
	color:				#ea5306;
}

#tabsheetmenu {
	position:		absolute;
	top:			81px; /* 101px-20px*/
	left:			0px;
	/*	width:			100%;*/
}
	
#tabsheetmenu .description {
	display:		none;
}

#tabsheetmenu ul {
	font-size:		9pt;
	font-weight:	bold;
	padding:		0px;
	margin:			0px;
	height:			20px;
	line-height:	20px;
	list-style: 	none;
}

#tabsheetmenu li {
	padding:		0px;
	margin:			0px;
	float:			left;
	color:			#ffffff;
}

#tabsheetmenu li span {
	display:		block;
	height:			20px;
	float:			left;
}

#tabsheetmenu li span.middle {
	background-image:	url("../images/mainnav.png");
	background-repeat: 	repeat-x;
	padding-top:		2px;
	height:				18px;
}

#tabsheetmenu li span.pre {
	background-image:	url("../images/leftnav.png");
	background-repeat: 	no-repeat;
	width:				17px;
}

#tabsheetmenu li span.post {
	background-image:	url("../images/rightnav.png");
	background-repeat: 	no-repeat;
	width:				10px;
}

#tabsheetmenu a {
	color:				#ffffff;
	display:			block;
	float:				left;
	text-decoration: 	none;
}

#tabsheetmenu a {
        opacity:                        0.7;
}

#tabsheetmenu a:hover {
	opacity:			1;
	color:				#ffffff;
}

#sphereconf {
	position: relative; 
	left: 50%; 
	margin-left: -75px; 
	width: 150px; 
	font-size: 95%;
}

#sphereconf input {
	border:		1px solid #505050;
}

#sphereconf .buttonrow {
	text-align:		right;
}

#sphereconf .buttonrow input {
	border:		none;
}


form#kontaktformular span.grey {
	color: #666666;
	font-size: 7pt;
}

form#kontaktformular input, form#kontaktformular select, form#kontaktformular textarea {
	border: 1px solid #666666;
	padding: 2px;
	font-size: 8pt;
}

form#kontaktformular div#email, form#kontaktformular div#kundennummer, form#kontaktformular div#art {
	color: black;
	font-size: 8pt;
	float: left;
	padding-right: 10px;
}

form#kontaktformular div#email input, form#kontaktformular div#kundennummer input, form#kontaktformular div#art select{
	width: 110px;
	background: url('../images/kontaktform/bg_input.jpg') repeat-x left top;
}

form#kontaktformular div#art select options {
	background: #FFFFFF;
}

form#kontaktformular div#kontakt_left {
	float: left;	
	padding-top: 10px;
}

form#kontaktformular div#kontakt_right {
	padding-left: 380px;	
	padding-top: 10px;
}

form#kontaktformular div#hauptfelder {
	clear: both;
	color: black;
	font-size: 8pt;
	padding-top: 10px;
}

form#kontaktformular div#hauptfelder input, form#kontaktformular div#hauptfelder textarea {
	width: 357px;
	font-size: 8pt;
	padding: 2px;
	background: url('../images/kontaktform/bg_input.jpg') repeat-x left top;
}

form#kontaktformular h2 {
	padding: 10px 0 7px 30px;
	background: url('../images/kontaktform/bg_bulb.jpg') no-repeat left center;
	margin-bottom: 10px;
}

form#kontaktformular div#kontakt_right {
	color: black;
	font-size: 8pt;
}

form#kontaktformular div#kontakt_right hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

form#kontaktformular div#kontakt_right p.telefon, form#kontaktformular div#kontakt_right p#supportemail {
	font-size: 18pt;
	text-align: center;
	padding: 5px;
	background: silver;
	margin-bottom: 0;
}

form#kontaktformular div#kontakt_right p#supportemail {
	font-size: 10pt;
}

form#kontaktformular div#kontakt_right p#supportemail a {
	color: black;
}

form#kontaktformular div#kontakt_right p.bigger {
	font-size: 9pt;
	padding-top: 10px;
}

form#kontaktformular p input {
	border: 0;
}

form#kontaktformular div#erroremail {
	width: 100px;
}

.notice_typo3 {
    border: 2px solid #EA5306;
    color: #EA5306;
    padding: 2px 4px;
}