/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* Changed by Fit4Net GbR, 2007*/
body {
        background-color: #FFFFFF;
        font-size: 12px;
        font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
        color:#5D5E5F;
        padding:0;
        margin:0;
}

a:link, a:visited, a:hover, a:active, a:focus {
        color: #696A6B;
}
.txtkl, .kostenhotline {
		font-size: 10px;
}
.red {
		color: #FF0000;
}
.center {
		text-align: center;
}
div {
		margin: 0;
		padding: 0;
}
img {
		border: 0;
}
/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ----------container zentriert das layout-------------- */
#container {
        position: relative;
		width: 990px;
        margin:0 auto;
		margin-bottom: 10px;
        background-color: #FFFFFF;
		background-image: url(../picture_layout/bg_container.gif);
		background-repeat: repeat-y;
}

/* ----------banner for logo-------------- */
#bannernav {
	position: absolute;
	margin: 0 0 0 18px;
	text-align: right;
	padding: 0;
	top: 10px;
	left: 0px;
	width: 940px;
}
#bannernav img {
	border: 0;
	margin-left: 15px;
	margin-top: 2px;
}
#bannernav a {
		text-decoration: none;
		font-weight: bold;
		margin-bottom: 2px;
}
#bannernav2 {
	position: absolute;
	margin: 0 0 0 550px;
	padding: 0;
	top: 210px;
	left: 0px;
	width: 300px;
}
#bannernav2 a {
	color: #FFF;
	font-size: 115%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 20px;
}
#Slogan {
	position: absolute;
	margin: 0 0 0 340px;
	padding: 0;
	top: 70px;
	left: 0px;
	width: 343px;
	color: #FFF;
	font-size: 160%;
	font-weight: bold;
}
#Slogan .MarginLeft {
	margin-left: 100px;
}
#banner {
	padding: 0px;
	margin: 0 0 0 18px;
}
#banner img {
		padding: 0;
		margin-top: 15px;
		border: 0;
}
#banner a {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #003D5E;
        text-decoration: none;
        display: inline;
}
#banner table.topnav {
		width: 100%;
		border: 0;
		margin-top: 5px;
		padding: 0;
}
#banner table.topnav td.c1 {
		width: 60%;
		margin: 0;
		padding-left: 20px;
}
#banner table.topnav td.c2 {
		width: 40%;
		text-align: right;
		padding-right: 10px;
		margin: 0;
}
#banner table.topnav td.c2 img {
		margin: 0;
		padding-bottom: 0;
		padding-left: 10px;
}

/* -----------------Inhalt--------------------- */
#content {
	position: relative;
	/*top: 305px;
	left: 0;*/
	/*      top right bottom left  */
	width: 100%;

}
#content #main {
	position: relative;
	margin: 15px 240px 0 240px;
}
#content #main h1 {
	margin-top:0;
	margin-left: 20px;
	color: #003D5E;
	font-size: 145%;
}
#content #main h3 {
	margin: 15px 20px 10px 20px;
	color: #003D5E;
	font-size: 115%;
}
#content #main h3.unterline {
	padding-bottom: 3px;
	border-bottom: 1px solid #003D5E;
}
#content #main h3.gruen {
	color: #68A222;
	margin-top: 20px;
	font-size: 120%;
}
#content #main p {
	padding: 0;
	margin: 10px 20px;
	text-align: justify;
}
#content #main p.center {
	text-align: center;
}
#content #main p.heading {
	font-weight: bold;
	border-bottom: 1px solid #003D5E;
	padding-bottom: 5px;
	margin-top: 15px;
	color: #003D5E;
}
#content #main a {
	font-weigt: bold;
	text-decoration: none;
	color: #5D9B12;
	padding-left: 18px;
	background-image: url(../picture_layout/pfeil_content_link.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#content #main a.img {
	padding-left: 0;
	background-image: none;
}
#content #DomainSuche {
	width: 75%;
	margin: 10px auto;
	background-color: #F3F3F3;
}
#content #DomainSuche p {
	padding: 5px 0;
	text-align: center;
	margin: 10px 0;
}
#content #DomainSuche p.head {
	background-color: #939393;
	color: #FFF;
	font-weight: bold;
	margin: 0;
}
#content #DomainSuche input.text {
	width: 120px;
	font-size: 95%;
	margin: 0 5px 0 5px;
}
#content #DomainSuche select {
	font-size: 99%;
	width: 60px;
	height: 60px;
	margin: 0 0 0 5px;
	padding: 2px;
}
#content #DomainSuche input.button {
	border: 0;
	padding: 2px 4px;
	margin: 0 0 10px 0;
	background-color: #003D5E;
	color: #FFF;
}
#content #DomainSuche table {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 10px 0;
}
#content #DomainSuche table td {
	vertical-align: top;
}
#content #DomainSuche table td.t1 {
	width: 60%;
	text-align: right;
}
#content #DomainSuche table td.t2 {
	width: 24%;
}
#content #DomainSuche table td.t3 {
	width: 16%;
}
#content #main table {
	width: 90%;
	margin: 10px 20px;
	border-collapse: collapse;
	border: 0;
}
#content #main table.DomainPreise {
	background-color: #F3F3F3;
	width: 80%;
	margin: 0 auto;
}
#content #main table.DomainPreise tr.head td {
	font-weight: bold;
	background-color: #939393;
	color: #FFF;
}
#content #main table.DomainPreise td {
	vertical-align: top;
	padding: 2px 5px 2px 5px;
}
#content #main table.DomainPreise td.t1 {
	width: 40%;
}
#content #main table.DomainPreise td.t2 {
	width: 30%;
	text-align: center;
}
#content #main table.DomainPreise td.t3 {
	width: 30%;
	text-align: right;
}
#content #main table.HelmBilder td.t1 {
	width: 30%;
}
#content #main table.HelmBilder td.t2 {
	width: 70%;
	text-align: center;
}
#content #main table.KostenSSL {
	width: 65%;
	margin: 5px 0 10px 30px;
	border-collapse: collapse;
	border: 0;
}
#content #main table.KostenSSL td.t1 {
	width: 80%;
}
#content #main table.KostenSSL td.t2 {
	width: 20%;
	text-align: right;
}
#content #main table.WebhostingDetails {
	border: 0;
	border-collapse: collapse;
	background-color: #F3F3F3;
}
#content #main table.WebhostingDetails td {
	vertical-align: top;
	padding: 2px 0 2px 2px;
}
#content #main table.WebhostingDetails td.t1 {
	width: 52%;
}
#content #main table.WebhostingDetails td.t2 {
	width: 48%;
}
#content #main table.WebhostingAngebotUebersicht {
	border: 0;
}
#content #main table.WebhostingAngebotUebersicht td {
	vertical-align: top;
	width: 33%;
	margin-right: 4px;
	background-color: #F3F3F3;
	padding: 8px 0 0 8px;
	border-right: solid 4px #FFF;
}
#content #main table.WebhostingAngebotUebersicht td.inaktiv {
	/*display: none;*/
	visibility: hidden;
}
#content #main table.WebhostingAngebotUebersicht tr.head td {
	background-color: #FFF;
	font-size: 110%;
	color: #68A222;
	font-weight: bold;
}
#content #main table.WebhostingAngebotUebersicht tr.preis td {
	text-align: right;
	padding: 20px 13px 20px 0;
	color: #FFF;
	font-weight: bold;
	background-image: url(../picture_layout/Main/webhosting-preis.gif);
	background-repeat: no-repeat;
	background-position: 95% 0px;
}
#content #main table.WebhostingAngebotUebersicht tr.preis2 td {
	text-align: right;
	padding: 0 10px 0 0;
	font-size: 95%;
}
#content #main table.WebhostingAngebotUebersicht tr.detail td {
	background-color: #939393;
	text-align: right;
	padding: 3px 10px 3px 0;
}
#content #main table.WebhostingAngebotUebersicht tr.detail td a {
	background-image: url(../picture_layout/Main/Pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}
#content #main table.halbundhalb {
	margin-bottom: 20px;
}
#content #main table td {
	vertical-align: top;
}
#content #main table.halbundhalb td {
	width: 50%;
}
#content #main table.halbundhalb td.kostenhotline {
	padding-left: 10px;
	padding-top: 10px;
}
#content #main table.KontaktForm td.t1 {
	width: 18%;
}
#content #main table.KontaktForm td.t2 {
	width: 32%;
}
#content #main table.KontaktForm td.t3 {
	width: 18%;
}
#content #main table.KontaktForm td.t3r {
	width: 18%;
	text-align: right;
}
#content #main table.KontaktForm td.t4 {
	width: 32%;
}
#content #main form table.KontaktForm input.text {
	width: 90%;
}
#content #main form table.KontaktForm textarea {
	width: 90%;
	margin-left: 10px;
}
#content #main form table.KontaktForm input.button {
	/*border: 1px solid #003D5E;*/
	border: 0;
	padding: 2px 4px;
	margin: 10px 0;
	background-color: #003D5E;
	color: #FFF;
}
#content #main form table.KontaktForm input.plz {
	width: 25%;
}
#content #main form table.KontaktForm input.ort {
	width: 60%;
}
#content #main ul {
	margin: 10px 20px;
	padding: 0 0 0 15px;
}
#content #main ul li {
	margin: 0;
	padding: 4px;
}
#content #main ul li ul {
	margin: 5px 15px;
}
#content #main ul.nobullets li ul {
	list-style-type: none;
}
#content #main ul li ul li {
	font-size: 95%;
}
#content #main ul.noListElement {
	list-style-type: none;
	padding: 0;
}
#content #main ul.nobullets {
	list-style-type: none;
	padding: 0 0 0 20px;
}
#content #main a#top {
	background-image: none;
	padding-left: 0;
}
#content #main ul.ListeImgPfeil {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
#content #main ul.ListeImgPfeil li {
	margin: 5px 0 5px 30px;
	padding: 0 0 0 20px;
	background-image: url(../picture_layout/pfeil_blau.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
/*Dom-Bestellung*/
#content #main #DomBestellung select.small {
	font-size: 90%;
}
#content #main input.StandardButton {
	border: 0;
	padding: 2px 4px;
	margin: 0 0 10px 0;
	background-color: #003D5E;
	color: #FFF;
}
#content #main table.DomBestellungStep1 {
	margin: 0 auto 0 20px;
    width: 92%;
    padding: 0;
    border-collapse: collapse;
	border: 0;
}
#content #main table.DomBestellungStep1 td {
	padding: 2px;
}
#content #main table.DomBestellungStep1 td.t1 {
	width: 15%;
}
#content #main table.DomBestellungStep1 td.t2 {
	width: 36%;
	text-align: right;
}
#content #main table.DomBestellungStep1 td.t3 {
	width: 34%;
}
#content #main table.DomBestellungStep1 td.t4 {
	width: 15%;
	text-align: right;
}
#content #main table.DomBestellungStep1 tr.bg {
	background-color: #F5F3F3;
}
#content #main table.DomBestellungStep1 input.domName {
	width: 95%;
}
#content #main table.DomBestellung_Inhaber {
	margin: 5px auto 5px 20px;
    width: 80%;
    padding: 0;
    border-collapse: collapse;
	border: 0;
	background-color: #F5F3F3;
}
#content #main table.DomBestellung_Inhaber td {
	padding: 2px 0 2px 5px;
}
#container #content table.DomBestellung_Inhaber tr.bg {
	/*background-color: #F5F3F3;*/
}
#container #content table.DomBestellung_Inhaber td.t1 {
	width: 35%;
	font-weight: bold;
}
#container #content table.DomBestellung_Inhaber td.t2 {
	width: 65%;
}
#container #content table.DomBestellung_Inhaber td.t2 input.text, #container #content table.DomBestellung_Inhaber td textarea {
	width: 90%;
}
#container #content table.DomBestellung_Inhaber td.t2 input.plz {
	width: 30%;
}
#container #content table.DomBestellung_Inhaber td.t2 input.ort {
	width: 59%;
}
#container #content table.Auszeichnungen td.t1 {
	width: 22%;
}
#container #content table.Auszeichnungen td.t2 {
	width: 78%;
}
#container #content table.Auszeichnungen td.t2 img {
	padding: 0 10px 5px 0;
}
#content #main p.hidden {
	display: none;
	visibility: hidden;
}
#content #main p.nachOben {
	border-top: 1px solid #626262;
	margin: 15px 15px 0 15px;
	padding: 10px 0;
}
#content #main p.nachOben a {
	padding-left: 20px;
	text-decoration: none;
	color: #626262;
	background-image: url(../picture_layout/nachOben.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#content #main p.nachOben a.druckversion {
	padding-left: 22px;
	text-decoration: none;
	color: #626262;
	background-image: url(../picture_layout/drucker.gif);
	background-repeat: no-repeat;
	background-position: 0% 40%;
}
#container #content #main img.RightMargin {
	margin-right: 30px;
}
/* --------------left and right ------------ */
div.Angebotsbox {
	margin: 5px 0 20px 0;
	position: relative;
	width: 213px;
	background-image: url(../picture_layout/RightBox/Border-Bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}
div.Angebotsbox h2 {
	margin: 0 0 5px 0;
	color: #003D5E;
	font-size: 115%;
	padding-left: 25px;
	background-image: url(../picture_layout/RightBox/Img-Ueberschrift.gif);
	background-repeat: no-repeat;
	background-position: 4% 50%;
}
div.Angebotsbox p {
	font-size: 95%;
	margin: 0;
	padding: 5px 8px;
	text-align: justify;
}
div.Angebotsbox p.Referenzen {
	margin: 0;
	padding: 0;
	text-align: center;
}
div.Angebotsbox p.Referenzen img {
	padding: 10px 2px;
}
div.Angebotsbox div.ImgTopRight {
	position: absolute;
	top: -13px;
	left: 153px;
	width: 45px;
}
div.Angebotsbox form {
	padding: 0;
	margin: 0;
}
div.Angebotsbox form input {
	width: 50%;
	margin: 5px 2px 5px 10px;
	font-size: 90%;
}
div.Angebotsbox form select {
	width: 30%;
	margin: 5px;
	font-size: 90%;
}
div.Angebotsbox form input.img {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* --------------left navigavtion------------- */
#left {
        float: left;
        width: 240px;
		position: relative;
}

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
#left ul.MenuBarVertical {
        margin-left: 22px;
        margin-top: 10px;
		margin-bottom: 40px;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 213px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
#left ul.MenuBarActive {
        z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
#left ul.MenuBarVertical li, #left ul.MenuBarVertical li.einfach {
        margin-top: 3px;
        margin-bottom: 3px;
        padding: 0;
		padding-bottom: 5px;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: right;
        cursor: pointer;
        width: 100%;
		background-image: url(../picture_layout/nav/bg-gestrichelt.gif);
		background-repeat: repeat-x;
		background-position: 0 100%;
}
#left ul.MenuBarVertical li.last {
		background-image: none;
		padding: 0;
}
#left ul.MenuBarVertical li.zweifach {
		background-image: url(../picture_layout/nav/bg-gestrichelt-2.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 6px 0;
}
#left ul.MenuBarVertical li.einfach {
		background-image: url(../picture_layout/nav/bg-gestrichelt.gif);
		background-repeat: repeat-x;
		background-position: 0 0;
		padding: 6px 0 0 0;
}
#left ul.MenuBarVertical li.webhosting {
		background-image: url(../picture_layout/nav/bg-webhosting.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 0;
}
#left ul.MenuBarVertical li.webdesign {
		background-image: url(../picture_layout/nav/bg-webdesign.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 0;
}
/* Menu items are a light gray block with padding and no text decoration*/
#left ul.MenuBarVertical li a, #left ul.MenuBarVertical li.last a {
        display: block; /*Link wird als Rollover angezeigt*/
        cursor: pointer;
        padding: 4px 25px 4px 0;
        color: #003D5E;
        text-decoration: none;
        font-weight: bold;
        background-image: url(../picture_layout/nav/pfeil__1.gif);
        background-repeat: no-repeat;
        background-position: 97% 50%;
        /*text-indent: 10px;*/
}
#left ul.MenuBarVertical li.webhosting a {
		color: #FFF;
		background-image: url(../picture_layout/nav/pfeil__2.gif);
}
#left ul.MenuBarVertical li.webdesign a {
		color: #FFF;
		background-image: url(../picture_layout/nav/pfeil__3.gif);
}
/* zweite Ebene des UL-Containers */
#left ul.MenuBarVertical li ul
{
        margin: 2px 0 0 0;
        padding: 0;
        list-style-type: none;
        cursor:default;
        width: 100%;
        /*background-color: #CCC;        setzt die gesamte UL-Box auf den Hintergrund*/
}
/*das li-Element des zweiten UL-Containers*/
#left ul.MenuBarVertical li ul li
{
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: right;
        cursor: pointer;
        width: 100%;
        padding: 0;
        margin: 0;
		background-image: none;
}
#left ul.MenuBarVertical li ul li.last {
		background-image: url(../picture_layout/nav/bg-gestrichelt.gif);
		background-position: bottom left;
		padding: 0 0 8px 0;
		margin-bottom: -8px;
}
/*das a-Element der zweiten NAV-Ebene*/
#left ul.MenuBarVertical li ul li a:link, #left ul.MenuBarVertical li ul li a:hover, #left ul.MenuBarVertical li ul li a:focus, #left ul.MenuBarVertical li ul li a:active, #left ul.MenuBarVertical li ul li a:visited {
        font-size: 95%;
        margin-left: 0;
        margin-top: 1px;
        display: block; /*Link wird als Rollover angezeigt*/
        cursor: pointer;
        background-color: #FFF;
        padding: 3px 23px 3px 0;
        color: #5D9B12;
        text-decoration: none;
        background-image: url(../picture_layout/nav/pfeil__4.gif);
        background-repeat: no-repeat;
        background-position: 96% 50%;
        text-indent: 12px;
}
#left div.Angebotsbox {
		margin-left: 22px;
}
/* --------------right navigavtion------------- */
#right {
	position: relative;
	float: right;
	width: 215px;
	margin-right: 18px;
}
/* -----------footer--------------------------- */
#footer {
        position: relative;
		clear: both; /*löscht die vorherigen floats...!*/
}
#footer p {
		margin: 0 40px 0 40px;
		padding: 10px 25px;
		text-align: left;
		background-image: url(../picture_layout/bg_unten.gif);
		background-repeat: repeat-x;
		/*background-color: #5D9B12;*/
		color: #FFF;
		font-size: 100%;
}
#footer p a:link, #footer p a:hover, #footer p a:visited, #footer p a:active {
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
}
#footer p .fussnote {
		font-size: 75%;
}
#container p.valideshtml {
        text-align: right;
		margin: 0;
		padding-right: 50px;
		padding-top: 10px;
		background-color: #FFF;
}
#container p.valideshtml img {
        border: 0;
}