body {
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6B6B6B;
	font-size: 11px;
}
/* Designauteilung */
/*breite der gesamten seite*/
#frame {
  width: 970px;
	background-color: #ffffff;
	border: 1px solid #011401;
}
/*header*/
#header {
  width: 970px;
  height: 220px;
	/*background: #ffffff url(images/iwebspace.jpg);*/	
}
#menuHead {
  text-align: right;
  padding-top:45px;
}
#mainAll {
  float: left;
	width: 970px;
}
/*floatet left und content*/
#main {
  float: right;
  width: 720px;
	padding: 10px;
  height: 400px;
	background: #ffffff;
}
html>body #main { /* be nice to opera (&gekko) */
height: auto;
min-height: 400px;
}
#left{
	float: left;
	width: 220px;
}
#content {
	margin: 10px;
	text-align: left;
	font-size: 12px;
}
/*footer der Seite*/
#footer {
  clear: both;
	text-align: left;
	background-color: #ccc;
	height: 30px; 
	padding: 0px;
	margin: 0px;
  width: 970px;	
}



/* Footer navigation*/
/*header menu*/
#domainBottom {float: left; margin: 3px 0 0 0;}
#kontaktBottom {width: 400px; float: right;}
#Kontakt {list-style:none; margin: 8px 0 0 0;}
#Kontakt li {float:right;}
#Kontakt li a {
	color: #505151; 
	display: block; 
	float: left; 
	padding:0 8px 0 8px; 
}
#Kontakt li a#current {text-decoration: underline;}

	
/*Breadcrumb Navigation*/
#breadcrumb {
  font-size: 11px;
  margin: 5px 4px 3px 0px;
}

#breadcrumbLine {
  border-bottom: 1px dotted #C8C8C8;
}

a#breadcrumbLink {
  color:#000000;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:10px;
  text-decoration: none;
}


/* more */
ul#more {
	clear: left;
	margin-top: 60px;
	}

/* Texteinstellungen */
h1 {font-size: 14px; text-align: left;}
h2 {font-size: 13px; text-align: left;}
p, td { font-size: 11px; line-height: 16px; margin: 3px; text-align: left;}

.headerContainer {
margin: 0 0 10px 0;
}
.footerContainer {
margin: 10px 0 0 0;
}

/* Tabelleneinstellungen */

/* Tabelle Whois Abfrage footer*/
.tableFooter {
        border-collapse: collapse;
        margin: 0px;
        padding: 0px;
        border: px solid #ffffff;
        width: 250px;
        }
.tableFooter td {
        border: 0px solid #ffffff;
        margin: 0px;
        padding: 4px;
        font-size: 11px;
        font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;
        color: #7E7E7E;
}
/* Tabelle Kundendateneingabe */
.tableOrder {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	width: 90%;
}
.tableOrder td {
	border: 0px;
	margin: 0px;
	padding: 3px;
}
.tableForm {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	width: 100%;
	border: 0px solid #000;
}
.tableForm td {
	border: 0px solid #000;
	margin: 0px;
	padding: 3px;
}
.tablePayment {
	display:none;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	width: 100%;
}
.tablePayment td {
	border: 0px;
	margin: 0px;
	padding: 3px;
}
.tableDomain {
  border: 0px;
	width: 100%;
  margin: 10px 0px;
  border-collapse: collapse;
  border: 1px solid #6B6B6B;
}
.tableDomain th {
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #DEDEDE;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: left;
  color: #ffffff;
}
.tableDomain td {
	font-family: Verdana, Arial,Helvetica, sans-serif;
 	font-size: 11px;
 	width: 80px;
  text-indent: 4px;
}
.tableDomain .bgGrey{
	background: #e8e8e8;
}
/* Tabelle pro Tarif*/
.tableHeadline {
  background-color: #c8c8c8;
  color:#000;
}  
.tablePortlet {
  padding: 0px;
  margin: 0px;
  width: 307px;
  border-collapse: collapse;
  border: 1px solid #C0C0C0;
}
.tablePortlet th {
  width:100%;
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #C0C0C0;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}
.tablePortlet td {
  font-size: 11px;
  padding: 3px;
  font-family: Verdana, Arial,Helvetica, sans-serif;
}

.tableDetail {
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  border: 1px solid #011401;
  width: 100%;
}
.tableDetail th {
  width:100%;
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #011401;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
  text-align: left;
}
.tableDetail td {
  border: 0px solid #011401;
  margin: 0px;
  padding: 4px;
  font-size: 11px;
  font-family: verdana, Arial, Helvetica, sans-serif;
  color: #7E7E7E;
  text-align: left;
}
/* Tabelle Domaincheck */
.tablePortletCheck {
  padding: 0px;
  margin: 0px;
  width: 90%;
  border-collapse: collapse;
  border: 1px solid #011401;
}
.tablePortletCheck th {
  width:100%;
  text-indent: 4px;
  height: 18px;
  margin: 0px;
  background-color: #011401;
  font-family: verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}
.tablePortletCheck td {
  font-size: 11px;
  padding: 5px;
  font-family: Verdana, Arial,Helvetica, sans-serif;
}
/* Tabelle um die Tarife */
.tableMiddle {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}
.tableMiddle td {
	border: 0px;
	margin: 0px;
	padding: 2px;
	font-size: 11px;
}
/* Texteinstellungen */
.txtYellowBold {
       font-size: 12px;
       font-weight: bold;
       color: #ffff00;
       font-style: italic;
}
.txtWhiteBold {
       font-size: 12px;
       color: #ffffff;
       font-weight: bold;
}
.txtBold {
       font-size: 11px;
       color: #000000;
       font-weight: bold;
}
.txtBoldBlue {
       font-size: 14px;
       color: #000;
       font-weight: bold;
}
.txtBoldRed {
       font-size: 11px;
       color: red;
       font-weight: bold;
}
.txtBoldGrey {
       font-size: 11px;
       color: #7E7E7E;
       font-weight: bold;
}
.txtBauhost {
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.txtBauhostBold {
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.txtSmall {
       font-size: 9px;
       color: #000000;
}
.textGreen {
    font-size: 11px;
    color: #0A520A;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textRed {
    font-size: 11px;
    color: #FF0019;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Liste  */
ul {
    font-size:11px;
    font-family: verdana, Arial, Helvetica, sans-serif;
    list-style-type:square outside;
}

/*  */
.menu {
    line-height: 10px;
}

.mittesupport {
        background-color: #ffffff;
        margin: 0px;
        width: 748px;
        align: center;
        height: 300px;
}
.footer {
        height:30px;
        margin: 0px;
        width: 750px;
}
.menulinks {
        background-color: #ffffff;
        width: 130px;
        align: left;
        padding: 10px 0px;
}
.mainmitte {
        background-color: #ffffff;
        width: 310px;
        padding: 10px;
}
.maindrei {
        background-color: #ffffff;
        width: 206px;
        padding: 10px;
}
.main {
        background-color: #ffffff;
        width: 620px;
        padding: 10px;
}
.mainsupport {
        background-color: #ffffff;
        width: 620px;
        height: 300px;
        padding: 10px;
}
.detailFooter {
	text-align: left;
	font-size: 9px;
	font-family: verdana, Arial, Helvetica, sans-serif;
}


#textsmall {font-size:10px;font-family: verdana, Arial, Helvetica, sans-serif;}
.text {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;align: center;}
.textbold {font-size:11px;font-family: verdana, Arial, Helvetica, sans-serif;font-weight: bold;align: center;}
.textboldwhite {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;font-weight: bold;align: center;color: #ffffff;}
.tabhead {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;font-weight: bold;align: center;line-height: 20px;}

.listmitabstand {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;list-style-type:square;margin-left: 20px;line-height: 20px;}
.listmit {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;list-style-type:square;margin-left: 20px}
.listohneabstand {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;list-style-type:none;margin-left: 15px;line-height: 20px;}
.listohne {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;list-style-type:none;margin-left: 15px}
ol {font-size:12px;font-family: verdana, Arial, Helvetica, sans-serif;list-style-type:decimal;line-height: 20px;margin-left: 20px}
a:link {color: #011401;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a:visited {color: #011401;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a:active {color: #011401;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a:hover {color: #011401;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a.black:link {color: #000000;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a.black:visited {color: #000000;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a.black:active {color: #000000;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}
a.black:hover {color: #000000;font-weight: bold;font-family: verdana, Arial, Helvetica, sans-serif;font-size: 11px; text-decoration: none;}


#content a.link {
 background: url(images/arrow_blue_light.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 15px;
}

.input {
font: 11px Verdana, Arial;
color: #000000;
background-color: #eeeeee;
border: #000000 1px solid;
width: 195px;
}
.inputLarge {
font: 11px Verdana, Arial;
color: #000000;
background-color: #eeeeee;
border: #000000 1px solid;
width: 50px;
}
.inputFooter {
font: 11px Verdana, Arial;
color: #000000;
background-color: #eeeeee;
border: #000000 1px solid;
width: 150px;
}
.select {
font: 11px Verdana, Arial;
color: #000000;
background-color: #eeeeee;
border: none;
width: 50px;
}
.selectExt {
font: 11px Verdana, Arial;
color: #000000;
background-color: #eeeeee;
border: none;
}
.selectLarge {
font: 11px Verdana, Arial;
color: #000000;
background-color: #eeeeee;
border: none;
width: 195px;
}
.Betriebssystem ,
.Monitoring,
.vServermanaged {
	width: 400px;
}
textarea.field {
font: 11px Verdana, Arial;
color: #000000;
background:#eeeeee;
border: #000000 1px solid;
width: 200px;
height: 100px;
padding: 5px 3px 5px 3px;
margin: 5px 1px 1px 1px;
}

textarea.zusatzwunsch {
	width:300px;height:50px;
}

.submit
{
font: 11px Verdana, Arial;
color: #000000;
background:#eeeeee;
border: 1px solid #000000;
}
form {
display: inline;
}

.support1 {
        background-color: #c2c2c2;
        width: 30px;
        padding: 3px;
}
.support2 {
        background-color: #c2c2c2;
        width: 30px;
        padding: 3px;
}
.support3 {
        background-color: #c2c2c2;
        width: 420px;
        padding: 3px;
}
.support4 {
        background-color: #c2c2c2;
        width: 30px;
        padding: 3px;
}
hr {
  background-color: #011401; /* Mozilla 1.4 */
  color: #011401; /* IE 6 */
  border: #011401; /* Opera 7.11 */
  height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

/* Meldungen */
.boxError {
  background: #E5E1E1;
  padding: 5px;
  border: 1px solid #FF0000;
  margin: 5px 5px 5px 0;
  width: 537px;
}

.boxNote {
  background-color: #FFFFFF;
  width: 448px;
  border-collapse: collapse;
  border: 1px solid #8CB3D9;
  margin-left: 1px;
  margin-bottom: 15px;
}
.boxNote td {
  background-color: #F1F1F1;
  font-family: Arial,Verdana,sans-serif;
  padding: 6px;
  font-size: 11px;
	font-weight: bold;
  line-height: 16px;
  text-decoration: none;
  color: #000000;
}
/* Tarif styles */
.tarifDescription {}
.setupLegend {}
.setupPrice {}
.costLegend {}
.costPrice {}


/* portlet */
.portlet,
.portletContent {
  border: 1px solid #6B6B6B;
}
.portlet {
  background: #DEDEDE;
  color: #000000;
  line-height: 16px;
  font-weight: bold;
}
.portletContent {
  border-top: 0px;
}
.greyBox {
  background: #e8e8e8;
  padding: 5px;
  border: 1px solid #6B6B6B;
}

#boxTarifDetail {
  padding: 5px;
  border: 1px solid #6B6B6B;
  margin: 5px 0; 
  text-align: left; 
}

#boxTarifData,
#boxCompanyData,
#boxPaymentData,
#boxCaptcha,
#boxYourData,
#boxOptions,
#boxAGB,
#boxCheck {
  background: #E5E1E1;
  padding: 5px;
  border: 1px solid #6B6B6B;
  margin: 5px 0;
}

#orderLeft {
  float: left;
  width: 75%;
}

#orderRight {
  width: 20%;
  margin: 5px;
  float: right;
}
#orderAGB {
  font: 11px Verdana, Arial;
  color: #000000;
  background:#eeeeee;
  border: #000000 1px solid;
  width: 490px;
  height: 200px;
  padding: 5px 3px 5px 3px;
  margin: 5px 1px 1px 1px;
}

.stepBrowser {width:90%;margin:10px;margin-left:20px; text-align:center; border:1px dotted gray;}
.stepBrowser ul {list-style-type:none;margin:4px;padding:0;}
.stepBrowser li {font-size:0.9em;display:inline;margin:10px;padding:0;}
.stepBrowser li a {font-size:1.0em; font-weight:bold;}
.stepBrowser li.act a {font-size:1.1em;color:red;}

/* contact form */
#contactform label, 
#contactform input, 
#contactform select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 200px; /* Breite.*/
	color: #000;
}

#contactform form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#contactform label {
 text-align: right; 
 padding-right: 1em; 
}

#contactform{
  background: #c8c8c8;
  border: thin solid #8198FF;
  margin:5px;
  padding:.5em;
  width: 95%;
}

#contactform input,
#contactform textarea{
  width: 300px;
}
#contactform input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
#contactform textarea{
  height: 150px;
}
#contactform #submit{
  margin-left: 200px;
}


legend {
    background: #c8c8c8;
    border: 1px solid #8198FF;
    border-right-width: 2px;
    border-bottom-width: 2px;
    font-weight: bold;
    margin-bottom: 4px;
    padding: 4px;
}
label {margin: 5px 0;} 

.kontaktdaten label {
	display: block;
	width: 5em;
	float: left;
}
.tariforder,
.tarifdetail {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:10px;
  text-decoration: none;
  padding: 0 0 0 15px;
  background: url(../../images/arrow_blue_light.gif) center left no-repeat;
}


/* Tarifuebersicht*/
#flexWrap {
  padding: 0 0 0px 0;
  margin: 0 0 10px 2px;
  clear: both;
}

.flex {
  padding: 0 0 5px 0;
  margin: 0px 5px 0 0;
  width: 302px;
  height: 350px;
  float: left;
	border: 1px solid #6B6B6B;
}

.flex h2 {
	margin: 0;
	padding: 2px;
	background: #DEDEDE;
	color: #000000;
	line-height: 16px;
	font-size: 11px;
}
.flex .tarifDescription {
	height: 250px;
}
.flex p.bodytext {
  padding: 0;
  margin: 0;
}

.flex .image img {
  padding: 0;
  margin: 0 10px 10px 0;
  float: left;
  width: 63px;
  height: 63px;
  border: 2px solid #D0EFED;
}

.flex .title {
  padding: 0;
  margin: 0;
  color: #004D74;
  font-weight: bolder;
}

.flex a:hover {
  text-decoration: none;
}

flex img {
  float: left;
}


#navcontent{
	margin: 0 8px 0 8px;
	padding: 4px;
	width: 230px;
}

#navcontent ul {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

#navcontent h1{
	background: url(images/navibg.jpg);
	height: 25px;
	line-height: 25px;
	width: 230px;
	color: #ffffff;
	text-align: center;
	margin: 0px;
}

/* Menu */

#navcontent a {
display: block;
background-color: #ffffff;
border-bottom: 1px solid #c9c9c9;
font-weight: normal;
font-size: 11px;
color: #000000;
padding: 4px 2px 4px 5px;
text-decoration: none;
text-align: left;
line-height: 16px;;
}
#navcontent a:hover {
background-color: #D0D5DF;
color: #000000;
text-decoration: none;
}
#navcontent a#current{
color: #000000;
text-decoration: none;
font-weight: bold;
}
ul .subLevel{
	background-color: #ffffff;
}
.subLevel #current {
font-weight: normal;

}
.subLevel {
color: #ffffff;
font-weight: normal;
}
.subLevel a {
background-color: #0DAC72;
border-bottom: 0px dotted #c9c9c9;
font-size: 11px;
color: #ffffff;
font-weight: normal;
text-indent: 50px;
}