@charset "utf-8";

/* Allgemeines */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	margin-bottom: 1px;
} 
body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-stretch:normal;
	background-color: #FFFFFF;
	color: #003366;
	font-size: 16px;
	text-align: center;
}
a:link,
a:visited,
a:focus, 
a:hover, 
a:active {
	text-decoration: none;
	color: #003366;
}
img {
	border: 0;
}
input {
	vertical-align: baseline;
}
#container { 
	width: 780px;  
	border: #CAE6FF 1px solid;
	text-align: left;
} 
#header { 
	background: url(img/logo.jpg) no-repeat;
	min-height: 123px;
}
#header p{ 
	background-color:#0066CC;
	line-height:10px;
}
#header div{ 
	padding: 123px 0 0 170px;
}
#fehler {
	color:#FF0000;
}
#sidebar {
	float: left; 
	width: 150px;
	text-align: left;
}
#menu li {
	background: url(img/listenpunkt.png) 10px 8px no-repeat;
	padding-left: 10px;
	text-indent: 15px;
	list-style:none;
	font-size: 0.8em;
	line-height: 25px;
	border-bottom: #CAE6FF 1px solid;
}
#menu li.blank {
	background: none;
}
#menu p {
	background:none;
	line-height: 25px;
	border-bottom: #CAE6FF 1px solid;
}

/* Kundenmeinungen */
#customerbox,
#domainbox  {
	width: 150px;
	font-size:10px;
	border: #CAE6FF 1px solid;
	border-left: 0;
}
#customerbox tr.infobox_top td,
#domainbox tr.infobox_top td {
	padding: 3px;
	font-size:12px;
	font-weight: bold;
	background-color: #E1F5FF;
}
#customerbox tr.infobox_name td {
	padding: 3px 0 0 3px;
	color: #990000;
}
#customerbox tr.infobox_say td,
#domainbox tr.infobox_say td {
	padding: 3px 0 3px 3px;
}


#mainContent { 
	margin: 0 0 0 150px; 
	padding: 20px 20px;
	text-align: left;
} 
#mainContent a { 
	color: #FF6600;
	font-weight: bold;
} 
#mainContent table.tarifbox,
#mainContent table.domainbox,
#mainContent table.middelbox {
	width: 100%;
	font-size: 0.7em;
}
#mainContent table.tarifbox td.infobox {
	width: 20px;
	text-align: center;
}
#mainContent table.tarifbox td.bronze,
#mainContent table.tarifbox td.silber,
#mainContent table.tarifbox td.gold,
#mainContent table.tarifbox td.platin {
	border-left: #CAE6FF 1px solid;
	padding: 5px 0px;
	text-align: center;
	width: 90px;
}
#mainContent table.tarifbox tr.name {
	font-weight: bold;
}
#mainContent table.tarifbox tr.price {
	font-weight: bold;
	color: #990000;
}
#mainContent table.tarifbox tr.price td.left,
#mainContent table.tarifbox tr.price td.bronze,
#mainContent table.tarifbox tr.price td.silber,
#mainContent table.tarifbox tr.price td.gold,
#mainContent table.tarifbox tr.price td.platin {
	border-top: #CAE6FF 1px solid;
	border-bottom: #CAE6FF 1px solid;
}
#mainContent table.tarifbox tr.price td.left {
	/* border-left: #CAE6FF 1px solid; */
}
#mainContent table.tarifbox td.left,
#mainContent table.domainbox td.left {
	padding-left: 5px;
}
#mainContent table.tarifbox tr.price td.platin {
	/* border-right: #CAE6FF 1px solid; */
}
#mainContent table.tarifbox td.blank {
	line-height: 5px;
}
	
#mainContent table.middelbox {
	border: #CAE6FF 1px solid;
}
#mainContent table.middelbox td.left {
	width: 223px;
	padding: 5px;
}
#mainContent table.middelbox td.right {
	vertical-align: top;
	padding: 5px;
}
#mainContent table.middelbox td.right p.details {
	text-align:right;
}
#mainContent table.domainbox td.sp1,
#mainContent table.domainbox td.sp2,
#mainContent table.domainbox td.sp3 {
	border-left: #CAE6FF 1px solid;
	padding: 5px 0px;
	text-align: center;
	width: 120px;
}
#mainContent table.domainbox tr.name td.sp1,
#mainContent table.domainbox tr.name td.sp2,
#mainContent table.domainbox tr.name td.sp3 {
	border: 0;;
	padding: 5px 0px;
	text-align: center;
	width: 125px;
}
#mainContent table.domainbox tr.name {
	font-weight: bold;
}
#mainContent table.domainbox td.blank {
	line-height: 1px;
	border-top: #CAE6FF 1px solid;
}
#mainContent table.domainbox td img {
	vertical-align:middle;
}
#mainContent table.domainbox td a {
	font-size: 0.9em;
}

#mainContent p.regeln {
	color: #999999;
	font-size: 0.6em;
}
#mainContent ul.paketinhalt {
	padding: 5px 15px;
	font-size: 0.8em;
}

/* Domain-Check
---------------------------------------------------------- */
#mainContent.domain p.headline{
	font-size: 1.8em;
}
#mainContent.domain p{
	font-size: 0.9em;
}
#mainContent.domain table {
	width: 100%;
}
#mainContent.domain table.belegt td{
	border: 1px #FFFFFF solid;
}
#mainContent.domain table.belegt td.sp1 {
	width: 30px;
	height: 30px;
	background-color:#CCCCCC;
	vertical-align: middle;
	text-align: center;
}
#mainContent.domain table.belegt td.sp2 {
	width: 350px;
	background-color:#CCCCCC;
	vertical-align: middle;
	padding-left: 5px;
}
#mainContent.domain table.belegt td.sp3 {
	background-color:#CCCCCC;
	vertical-align: middle;
	padding-left: 5px;
}
#mainContent.domain input[name=btn_alternate] {
	padding-top: 5px;
}

/* Optionen
---------------------------------------------------------- */
#mainContent.optionen p.headline{
	font-size: 1.8em;
}
#mainContent.optionen table {
	width: 100%;
}
#mainContent.optionen table td.sp1 {
	width: 20px;
	background-color:#CCCCCC;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}
#mainContent.optionen table td.sp2 {
	width: 350px;
	font-weight: bold;
	background-color:#CCCCCC;
	padding-top: 5px;
}
#mainContent.optionen table td.preis {
	font-weight: bold;
	color: #990000;
	padding-left: 32px;
	font-size: 0.7em;
	background-color:#CCCCCC;
}
#mainContent.optionen table td.desc {
	padding-left: 32px;
	padding-right: 10px;
	font-size: 0.8em;
	background-color:#CCCCCC;
	text-align:justify;
	border-bottom: 2px #FFFFFF solid;
	padding-bottom: 5px;
}

/* PData */
#mainContent.kundenEingabe label, #mainContent.kundenEingabe select, #mainContent.kundenEingabe input.border {
	float: left;
	width: 200px;
	margin: 0 5px 2px 0;
	padding: 1px;
}
#mainContent.kundenEingabe #kundeneingabefelder p {
	padding-top:3px;
	margin-bottom: 5px;
}
#mainContent.kundenEingabe p.choice {
	margin-bottom: 5px;
}
#mainContent.kundenEingabe p.choice input {
	position: relative;
	top: 3px;
}
#mainContent.kundenEingabe label {
	width: 195px;
	padding: 2px 0px;
}

#mainContent.kundenEingabe form img {
	margin: 4px 0px;
}
#kundenLand {
	width: 205px ! important;
}
#kundenAnrede {
	width: 205px ! important;
}
#kundenPlz {
	width: 45px ! important;
}
#kundenOrt {
	width: 144px ! important;
}
#kundenTelefonVorwahl {
	width: 45px ! important;
}
#kundenTelefon {
	width: 144px ! important;
}
#kundenFaxVorwahl {
	width: 45px ! important;
}
#kundenFax {
	width: 144px ! important;
}
form.noscript #nobusinessLabel, form.noscript #kundenGeburtstag {
	background-color: #FFD;
}
form.noscript #businessLabel, form.noscript #kundenFirma, form.noscript #kundenAnsprechpartner, form.noscript #kundenMwSt, form.noscript #kundenUStID {
	background-color: #DDF;
}
#mainContent.kundenEingabe p.choice label {
	display: inline;
	width: auto;
	float: none;
	margin: 0px 30px 0px 5px;
	padding: 2px;
}
form.noscript img {
	visibility: hidden;
}
#preisAuflistung span.preisName {
	width:475px; float:left;
}
#preisAuflistung span.currency {
	width:50px; float:left;
}
#preisAuflistung span.preis {
	width:50px; float:left; text-align:right;
}
#preisAuflistung br {
	float:none;
}
#preisAuflistung p {
	font-size: 0.8em;
}
#preisAuflistung p.preisnetto {
	background-color:#E6E6E6;
	border-top: 1px #000000 dashed;
	border-bottom: 1px #000000 dashed;
	margin-bottom: 3px;	
}
#preisAuflistung p.preisbrutto {
	font-weight: bold;
	background-color:#DFDFDF;
	margin-top: 3px;	
	line-height: 25px;
	border-top: 2px #000000 dashed;
	border-bottom: 2px #000000 dashed;
	
}
#preisAuflistung #Optionen {
	background-color:#F3F3F3;
	padding-bottom: 3px;
}
#preisAuflistung #Optionen p.OptsTotal{
}
#preisAuflistung #Optionsliste p {
	padding-left: 30px;
}
#preisAuflistung #Optionsliste span.preisName {
	width:445px; float:left;
}
#mainContent.kundenEingabe hr {
	width:100%;
	margin-top:15px;
	margin-bottom:10px;
	border: 1px dashed;
}
#mainContent.kundenEingabe #pdata1 input {
	background-color:#EFEFEF;
	border-style: none;
	margin: 0 5px 5px 0;
	padding: 2px;
}


/* Kontakt
---------------------------------------------------------- */
#mainContent.kontakt table {
	width: 100%;
	border: 0;
	padding-top: 10px;
	padding-left: 5px;
}
#mainContent.kontakt td {
	font-size: 11px;
	padding-bottom: 10px;
}
#mainContent.kontakt small {
	color: #990000;
}
#mainContent.kontakt input {
	font-size: 12px;
	border: 1px solid #CAE6FF;
	background-color: #E1F5FF;
}
#mainContent.kontakt input[type=text] {
	width: 225px;
}
#mainContent.kontakt input[name=arithmetic] {
	width: 170px;
}
#mainContent.kontakt input[name=betreff] {
	width: 517px;
}
#mainContent.kontakt textarea {
	width: 517px;
	height: 100px;
	border: 1px solid #CAE6FF;
	background-color: #E1F5FF;
}
#mainContent.kontakt img {
	vertical-align: text-top;
}
#mainContent.kontakt p.button {
	text-align: center;
	padding-top: 20px;
}
#mainContent.kontakt input.button {
	height: 25px;
	width: 140px;
	text-align: center;
	vertical-align: middle;
	color: #666666;
}

/* Aktuelles
---------------------------------------------------------- */
#mainContent.news table {
	width: 100%;
	border: 0;
	border: 2px #CAE6FF solid;
	padding: 1px;
	font-size: 0.9em;
	margin-bottom: 15px;
}
#mainContent.news p.headline{
	font-size: 1.8em;
	height: 95px;
	background: url(img/zeitung.jpg) no-repeat right;
}
#mainContent.news table tr.titel td{
	width: 10px;
	color: #990000;
	font-weight: bold;
	background-color: #CAE6FF;
	padding: 3px 3px 0 5px;
}
#mainContent.news table tr.datum  td{
	font-size: 0.6em;
	background-color: #CAE6FF;
	padding: 0 3px 3px 6px;
}
#mainContent.news table tr.inhalt td{
	font-size: 0.9em;
	background-color: #F2F9FF;
	border: 4px #CAE6FF solid;
	border-top: 0;
	padding-left: 3px;
}
#mainContent.news p.pages {
	font-size: 0.7em;
	text-align: center;
}
#mainContent.news p.pages a{
	font-weight: bold;
}


/* FAQ
---------------------------------------------------------- */
#mainContent.faq table {
	width: 100%;
	border: 0;
}
#mainContent.faq table a {
	color: #003366;
}
#mainContent.faq p.headline{
	font-size: 1.8em;
	height: 95px;
	background: url(img/faq.jpg) no-repeat right;
}
#mainContent.faq td {
	padding: 1px 2px;
}
#mainContent.faq table.points td {
	border: 1px #F2F9FF solid;
	background-color: #FF9D3C;
	text-align: center;
	padding: 5px 0;
	font-size: 0.8em;
}
#mainContent.faq table.list td.abc {
	border-bottom: 3px #FFFFFF solid;
}
#mainContent.faq hr {
	width: 100%;
	color: #003399;
	height: 3px;
	margin-top: 5px;
	background-color: #003399;
}
#mainContent.faq ul {
	font-weight: bold;
	list-style-type:none;
	border: 2px #CAE6FF solid;
	padding: 1px;
	margin-left: 0px;
}
#mainContent.faq li {
	background-color: #C4E1FF;
	padding: 5px;
}
#mainContent.faq li[value=Frage] {
	border: 3px #FFFFFF solid;
}
.frage {
	border: 0;
}
.antwort {
	font-weight: normal;
	background-color: #E1EFFF;
	border: 2px #F2F9FF solid;
	padding: 3px 2px;
}

/* Formulare
---------------------------------------------------------- */
#mainContent.formulare table {
	width: 100%;
	border: 0;
}
#mainContent.formulare p.headline{
	font-size: 1.8em;
	height: 95px;
	background: url(img/faq.jpg) no-repeat right;
}
#mainContent.formulare table.points a {
	color: #003366;
}
#mainContent.formulare td {
	padding: 1px 2px;
}
#mainContent.formulare table.points td {
	border: 1px #F2F9FF solid;
	background-color: #FF9D3C;
	text-align: center;
	padding: 5px 0;
}
#mainContent.formulare table.list td.abc {
	border-bottom: 3px #FFFFFF solid;
}
#mainContent.formulare hr {
	width: 100%;
	color: #003399;
	height: 3px;
	margin-top: 5px;
	background-color: #003399;
}
#mainContent.formulare ul {
	list-style-type:none;
	border: 2px #CAE6FF solid;
	padding: 1px;
	margin-left: 0px;
}
#mainContent.formulare li {
	background-color: #C4E1FF;
	padding: 5px;
}
#mainContent.formulare li p.link {
	background-color: #E1EFFF;
	border: 2px #F2F9FF solid;
	border-bottom: 0;
	padding: 5px;
	height: 10px;
}
#mainContent.formulare li p.text {
	font-size: 0.7em;
	background-color: #E1EFFF;
	border: 2px #F2F9FF solid;
	border-top: 0;
	padding: 5px;
}


/* Partnerprogramm
---------------------------------------------------------- */
#mainContent.partner {
}
#mainContent.partner p.headline{
	font-size: 1.8em;
	height: 95px;
	background: url(img/partnerprogramm.jpg) no-repeat right;
}
#mainContent.partner ol {
	margin-left: 20px;
}
#mainContent.partner table {
	font-size: 0.8em;
	width: 100%;
	border: 0;
}
#mainContent.partner p,ol {
	font-size: 0.8em;
}
#mainContent.partner table th {
	border: 1px #F2F9FF solid;
	background-color: #FF9D3C;
	text-align: left;	
	padding: 6px;
}
#mainContent.partner table td {
	padding: 2px 0 2px 5px;
	background-color: #C4E1FF;
	border: 1px #F2F9FF solid;
}
#mainContent.partner p.schreier {
	font-size: 1.3em;
	font-weight: bold;
	color: #FF9D3C;
}
#mainContent.partner p.fett {
	font-weight: bold;
}

/* Impressum
---------------------------------------------------------- */
#mainContent.impressum p.headline{
	font-size: 1.8em;
}
#mainContent.impressum table {
	font-size: 0.8em;	
	width: 100%;
}

/* AGB
---------------------------------------------------------- */
#mainContent.agb p.headline{
	font-size: 1.8em;
}
#mainContent.agb table {
	font-size: 0.8em;	
	border: 1px #CAE6FF solid;
	width: 100%;
	padding: 3px;
}

/* Footer */
#footer { 
	width: 780px;
	line-height: 20px;
	font-size: 0.7em;
	margin: auto;
	text-align: center;
} 
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*
#mainContent table {
	font-size: 0.8em;	
	border: 1px #CAE6FF solid;
	width: 100%;
	padding: 3px;
}
*/
#mainContent ul{
	margin: 5px 0 0 15px;
}
#mainContent table td.agb_sp1 {
	padding-left: 3px;
	width: 40px;
}
#mainContent table td strong {
	padding-left: 3px;
}
#mainContent table.noborder {
	border: 0;
}

<!--[if IE 5]>
#sidebar { width: 180px; }
<![endif]-->
<!--[if IE]>
#sidebar { padding-top: 30px; }
#mainContent { zoom: 1; }
<![endif]-->




/*** Balken ***/
div#ladegrafik {
	text-align: left;
}
div#ladegrafik p {
	float: left;
	height: 39px;
	background-color: #E1F5FF;
	padding: 10px;
}
/* Ladebalken */
div#ladebalken {
	text-align: left;
	margin-left: 60px;
	background-color: #E1F5FF;
	padding: 10px;
}
div#ladebalken p {
  height:        		39px;
  display:       		block;
  background:       	#0f0;
}
div#ladebalken span {
  position:        		absolute;
  margin: 10px 0 0 49%;
  clear: left;
}