@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: local('Arimo'), url(https://themes.googleusercontent.com/static/fonts/arimo/v4/wZLYhRRxZWGToTRP78bqJQ.woff) format('woff');
}

/* ############### GSCHMEUS ############################### */


*{
	margin: 0;
	padding: 0;
}

html, body {
    height: 100%;
}

html {
	overflow-x: hidden;
	overflow-y: scroll;
}


body{
	width: 100%;
	font-family: 'Arimo', arial, serif;
	color: #002f58;
}

h1,h2,h3,h4,h5,h6{
	color: #007cea;
	padding: 15px 0px 10px 0px;
}

p{
	color: #002f58;
}

img{
	border: none;
}

#inhalt img{
	padding: 5px 0px 5px 0px;
}

#wrapper {
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

.Button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1f98f3), color-stop(1, #3b5a9c) );
	background:-moz-linear-gradient( center top, #1f98f3 5%, #1f98f3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f98f3', endColorstr='#1f98f3');
	background-color:#3b5a9c;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #1f98f3;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	text-decoration:none;
}.Button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1f98f3), color-stop(1, #1f98f3) );
	background:-moz-linear-gradient( center top, #007DEB 5%, #1f98f3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f98f3', endColorstr='#1f98f3');
	background-color:#3b5a9c;
}.Button:active {
	position:relative;
	top:1px;
}

.marginleft10 {
	margin-left:10px;
	margin-right:10px;
}

.marginleft15 {
	margin-left:15px;
	margin-right:15px;
}

.marginleft20 {
	margin-left:20px;
	margin-right:20px;
}

.marginleft25 {
	margin-left:25px;
	margin-right:25px;
}

.marginleft45 {
	margin-left:45px;
	margin-right:45px;
}

.marginleftonly10 {
	margin-left:10px;
}

.marginleftonly15 {
	margin-left:15px;
}

.marginleftonly20 {
	margin-left:20px;
}

.marginleftonly25 {
	margin-left:25px;
}

.marginleftonly45 {
	margin-left:45px;
}

/* ############### UPPER PART ############################### */

#content {
    padding-bottom: 51px;
}

/* ############### GREEN LINE ############################### */

.greenline{
	width: 100%;
	height: 7px;
	background: #5EA8B8;
}

/* ############### HEADER ############################### */

#header{
	width: 100%;
	height: 143px;
	background: url(../images/header.jpg);
}

#header span{
	float:right;
}

#headcont{
	width: 100%;
	text-align: center;
}
.headmenu{
	float:left;
	width: 120px;
	height: 110px;
	padding: 10px;
	margin: 0px 20px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	border-radius: 25px;
}
.headmenu a {
	color: white;
}
.headmenu a:hover {
	color: #f91a1a;
}
#footer a {
	color:  #11407f;
}
#footer a:hover {
	color: #f91a1a;
}	
.eco,.impressum{
	float: right;
	text-align: left;
	font-size: 0.8em;
	color: #fff;
	margin-top: 95px;
}

div.eco span,div.impressum span{
	padding: 8px 0px 0px 10px;
	float: right;
}

div.eco a,div.impressum a{
	color: #fff;
	text-decoration: none;
	border: none;
}

.logo{
	margin-right: -150px;
}

.submit{
	width: 121px;
	height: 19px;
	border: none;
	background: url(../images/submit.png) no-repeat;
}

.form{
	padding: 6px 6px 6px 6px;
	width: 109px;
	height: 20px;
	border: none;
	background: url(../images/login.png) no-repeat;
}

#headercontainer{
	width: 1000px;
	margin: 0 auto;
	padding-top: 22px;
}

/* ############### MENU ############################### */

#menu{
	width: 100%;
	height: 41px;
	background: url(../images/bg_menu.jpg) repeat-x;
}

#menu li a{
	color: white;
	text-decoration: none;
}

#menu li,#menu ul{
	padding: 0px;
	margin: 0px;
	height: 31px;
}

#menu ul {
	text-align: center;
}

#menu li{
	//float:left;
	display:inline-block;
    *display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	
	list-style-type: none;
	padding: 5px 15px 5px 15px;
	color: white;
	font-family: 'Arimo', arial, serif;
	font-size: 1.35em;
	//margin: 0px 5px 0px 0px;
	margin: auto;
	background: url(../images/menu_active.jpg) repeat-x;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	box-shadow: 0 0 20px rgba(0, 0, 0, .50);
}

#menu li:last-child{
	margin: 0 !important;
}

#menu li:hover{
	background: url(../images/menu_hover.jpg) repeat-x;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	box-shadow: 0 0 20px rgba(0, 0, 0, .50);
}

#menu li.active{
	background: url(../images/menu_opened.jpg) repeat-x;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	box-shadow: 0 0 20px rgba(0, 0, 0, .50);
}

#menu li.promo{
	background: url(../images/menu_promo.jpg) repeat-x;
	color: white;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	box-shadow: 0 0 20px rgba(0, 0, 0, .50);
}

#menu li.promo:hover{
	background: url(../images/menu_promo_hover.jpg) repeat-x;
}

#menu li.new{
	background: url(../images/menu_new.jpg) repeat-x;
	color: black;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	box-shadow: 0 0 20px rgba(0, 0, 0, .50);
}

#menu li.new:hover{
	background: url(../images/menu_new_hover.jpg) repeat-x;
}

#menu li.new a{
	color: black;
}


#menu li.active{
	background: url(../images/menu_opened.jpg) repeat-x;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .50);
	box-shadow: 0 0 20px rgba(0, 0, 0, .50);
}

#menucontainer{
	width: 1000px;
	margin: 0 auto;
	//padding-left: 6px;
}

/* ############### INHALT ############################### */

#inhalt{
	width: 100%;
}
#inhaltcontainer tr,td,th{
	background-color: #BDC2F0;
	text-align: left;
	padding: 2px;
}

#inhaltcontainer{
	width: 1000px;
	margin: 0 auto;
	//padding: 10px 20px 0px 20px;
	padding:0;
	background: #e2f4f6;
}

#inhaltfiller{
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left:-500px; /* Haelfte der Breite */
	width: 1000px;
	background: #e2f4f6;
	min-height: 10000px;
	z-index: -1;
}

#inhaltlinks{
	width: 470px;
	float: left;
	padding-right: 10px;
	padding-left:5px;
}

#inhaltrechts{
	width: 480px;
	float: left;
}

#login, #admin, #pay, #reseller{	
	width: 760px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	color:white;
}

/* ############### INHALT ############################### */

#footer{
    position: absolute;
    bottom: 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	width: 100%;
	background: url(../images/footer.jpg) repeat-x #e9f1f3;
}

#footercontainer{
	width: 960px;
	margin: 0 auto;
	padding: 5px 20px 0px 20px;
	min-height: 50px;
	font-size: 0.85em;
}

/* ############### ADS UND GESTALTUNG ############################### */

div.adHome{
	width: 230px;
	height: 325px;
	float: left;
	margin: 7px 10px 0px 0px;
}

div.adBG{
	height: 325px;
	background-color: red;
}

div.adHomeTitle{
	background: url(../images/adHomeBG_01.png) no-repeat;
	width: 230px;
	height: 48px;
}

p.adHomeTitle{
	padding: 8px 0px 0px 0px;
	margin: 0px;
	//color: #abe4ff;
	color: #FFF;
	font-size: 1.8em;
	text-align: center;
}


div.adHomePrice{
	background: url(../images/adHomeBG_02.png) no-repeat;
	width: 230px;
	height: 64px
}

p.adHomePrice{
	color: #abe5ff;
	font-size: 2em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

b.adHomePrice1{
	color: #abe5ff;
	font-size: 12px;
}

p.adHomePrice span{
	font-size:0.5em;
}

p.adHomeTime{
	color: #abe5ff;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}



div.adHomeDescription{
	background: url(../images/adHomeBG_03.png) repeat-y;
	width: 230px;
	height: 183px;
}

p.adHomeDescription{
	padding: 0px 10px 0px 10px;
	color: black;
}


div.adHomeCompare{
	background: url(../images/adHomeBG_04.png) no-repeat;
	width: 230px;
	height: 50px;
}

p.adHomeCompare{
	padding: 14px 10px 0px 10px;
	color: #abe5ff;
	font-size: 1.5em;
	text-align: center;
}

p.adHomeCompare a{
	color: #fff;
	text-decoration: none;
}

/*  DOMAINS  */
ul.domainpolicies > li {
	margin-bottom: 7px;
}

div.Domains{
	background: url(../images/domains.jpg) no-repeat;
	width: 1000px;
	height: 750px;
}

div.DomainsTitle{
	padding: 30px 0px 0px 60px;
	color: #000;
}

div.DomainsTitle h1{
	color: #000;
	font-size: 2.4em;
}

input.DomainName{
	background: url(../images/domain_name.png) no-repeat;
	width: 252px;
	height: 42px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	border: none;
	font-size: 1.5em;
	color: #fff;
}

input.DomainName:focus{
	background: url(../images/domain_name_a.png) no-repeat;
}

select.DomainEndung{
	
}

input.DomainCheck{
	background: url(../images/domain_check.png) no-repeat;
	width: 102px;
	height: 42px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	border: none;
	font-size: 1.5em;
	color: #fff;
}

.DomainsTitle.DomainPolicies a {
	color: rgb(0, 102, 204);
}

.DomainsContent a, .DomainsuContent a {
	color: rgb(0, 102, 204);
}

input.DomainCheck:active{
	background: url(../images/domain_check_a.png) no-repeat;
}

div.DomainsContent{
	background: url(../images/domain_background.png) repeat;
	width: 750px;
	margin: 30px 0px 0px 60px;
	padding: 5px 10px 5px 10px;
}

div.DomainsuContent{
	background: url(../images/domain_background.png) repeat;
	width: 750px;
	height: 435px;
	margin: 30px 0px 0px 60px;
	padding: 5px 10px 0px 10px;
}

div.DomainsList{
	width: 350px;
	height: 150px;
	margin-right: 20px;
	float: left;
}

div.DomainsuList {
	width: 350px;
	height: 345px;
	margin-right: 20px;
	float: left;
}

div.DomainsList p span{
	width: 65px;
	display: block;
	float: left;
}

div.DomainsList p span.priceleft{
	width: 70px;
	display: block;
	float: left;
	text-align: right;
}

div.DomainsList p span.priceright{
	width: 75px;
	display: block;
	float: left;
}

div.DomainsTitle h1.free{
	color: #339900;
}

div.DomainsTitle p.free,div.DomainsTitle p.free a{
	color: #339900;
	font-weight: bold;
	margin-bottom: 5px;
}

div.DomainsTitle h1.taken{
	color: #990500;
}

div.DomainsTitle p.taken{
	color: #990500;
	margin-bottom: 5px;
}

.break{
	clear: both;
}

.preload{
	display: none;
}


/* Webdrive */


div.Webdrive{
	background: url(../images/webdrive.jpg) repeat-y;
	width: 100%;
	padding-bottom: 50px;
}

div.WebdriveContent{
	width: 880px;
	margin: 0px 0px 0px 60px;
	padding: 0px 0px 0px 0px;
	background: url(../images/domain_background.png) repeat;
	padding-bottom: 20px;
}

.adDriveDescription{
	background: url(../images/adHomeBG_03.png) repeat-y;
	width: 230px;
	height: 180px;
}


p.adDriveDescription{
	padding: 0px 10px 0px 10px;
	color: black;
}


/*	Webhosting		*/

#webhostingPersonal{
	background-color: #0360bc;
	color: #fff;
	width: 970px;
	height: 270px;
	margin: 30px 0px 20px 0px;
	background: url(../images/webhosting_bg_pers.jpg) repeat-x #9bc0e4;
}

.webhostingpart{
	width: 184px;
	padding: 10px 5px 10px 5px;
	float:left;
	height: 250px;
	color: #fff;
}

.c{
	background: url(../images/webhosting_background.png) repeat;
}

.first{
	background: url(../images/webhosting_background_1.png) no-repeat;
}

.business{
	background: url(../images/webhosting_background_2.png) no-repeat;
}

#webhostingBusiness{
	background-color: #54abef;
	width: 970px;
	height: 270px;
	background: url(../images/webhosting_bg_prof.jpg) repeat-x #bbdef9;
	color: #fff;
}

.webhostingpart p,.webhostingpart h3,.webhostingpart a{
	color: #fff;
}

.webhostingheight{
	height: 225px;
}

.webhostingheight p span{
	font-size: 0.8em;
}

.webhostingbutton{
	font-size: 0.8em;
	height: 30px;
	font-weight: bold;
}

.webhostingbutton span{
	float:right;
}

.webhostingbutton a{
	color: #fff;
	text-decoration: underline;
}

.space{
	height: 50px;
	width: 970px;
	clear:both;
}

/* #### vServer #### */


.vserver{
	width: 290px;
	height: 386px;
	float:left;
	margin: 0px 20px 20px 0px;
}

.v1{
	background: url(../images/vserver.png) no-repeat;
}

.v2{
	background: url(../images/vserver_2.png) no-repeat;
}

.vserver h1{
	color: white;
	text-align: center;
}

.v1 p{
	padding-left: 90px;
	color: white;
}

.v2 p{
	padding-right: 90px;
	color: white;
	text-align: right;
}

p.highlight{
	padding-top: 8px;
	font-size: 1.8em;
	font-weight: bold;
	background: url(../images/vserver_banner.png) no-repeat;
	height: 40px;
	color: #006;
}

.padding{
	padding-top: 40px;
}
	
	p.buttonvserver a{
		background: url(../images/vserver_bg.png) repeat;
		padding: 10px;
		color: #000;
		text-decoration: none;
	}
	

/* #### vServer #### */


.rootds{
	width: 290px;
	height: 386px;
	float:left;
	margin: 0px 20px 20px 0px;
}

.v3{
	background: url(../images/vserver.png) no-repeat;
}

.v4{
	background: url(../images/vserver_2.png) no-repeat;
}

.rootds h1{
	color: white;
	text-align: center;
}

.v3 p{
	padding-left: 90px;
	color: white;
}

.v4 p{
	padding-right: 90px;
	color: white;
	text-align: right;
}

p.highlight span{
	color: #003;
}
	
	


/*  Streaming  */

div.stream{
	background: url(../images/stream.jpg) no-repeat;
	background-position: center;
	width: 1000px;
	
}

div.streamTitle{
	padding: 0px 0px 0px 30px;
	color: #000;
}

.stream > .streamTitle > p.table a {
	color: rgb(0, 102, 204);
}

.ts3table table {
	background-color: transparent !important;
}

.ts3table tr {
	background-color: transparent !important;
}

.ts3table td {
	background-color: rgba(0, 50, 102, 0.1) !important;
	font-weight: bold;
}

div.streamTitle h2{
	color: #000;
}

span.places{
	width:320px;
	display: block;
	float:left;
}

span.product{
	width: 200px;
	display: block;
	float:left;
}

span.bitrate{
	width:90px;
	display: block;
	float:left;
}

span.drive{
	width: 130px;
	display: block;
	float:left;
}

span.price{
	width:90px;
	display: block;
	float:left;
}

div.stream p.table{
	background: url(../images/stream_background.png) repeat;
	width: 700px;
	padding: 5px;
}

/*  lizenzen  */

div.lizenzen{
	background: url(../images/lizenzen.jpg) no-repeat;
	width: 1000px;
}

div.lizenzenTitle{
	padding: 0px 0px 0px 30px;
	color: #000;
}

.lizenzen > .lizenzenTitle > p.table a {
	color: rgb(0, 102, 204);
}

div.lizenzenTitle h2{
	color: #000;
}

span.plprod{
	width:340px;
	display: block;
	float:left;
}

span.pleli{
	width:340px;
	display: block;
	float:left;
}

span.confli{
	width:340px;
	display: block;
	float:left;
}

span.insvz{
	width:100px;
	display: block;
	float:left;
}

span.ovz{
	width:100px;
	display: block;
	float:left;
}

span.dedicated{
	width:100px;
	display: block;
	float:left;
}

div.lizenzen p.table{
	background: url(../images/lizenzen_background.png) repeat;
	width: 760px;
	padding: 5px;
	margin: 0px 0px 30px 0px;
}
	
/* ?KO */

#eco p,#impressum p{
	padding-bottom: 1em;
}

/* ORDER */

#order{
	
}
	
#orderbar{
	width: 958px;
	height: 50px;
	overflow: hidden;
}

#orderbar div{
		width: 229px;
		float:left;
		padding: 15px 0px 0px 10px;
		color: #FFF;
}

.orderbar1{
	background: url(../images/progress1.png) no-repeat;
}

.orderbar2{
	background: url(../images/progress2.png) no-repeat;
}

.orderbar3{
	background: url(../images/progress3.png) no-repeat;
}

.orderbar4{
	background: url(../images/progress4.png) no-repeat;
}

/* PICTURES */

#pictures p{
	margin-bottom: 1em;
}

#pictures li{
	margin: 0px 0px 10px 50px;
}

#pictures a.pa{
	color: black;
	text-decoration: none;
}

#pictures a.pa:hover{
	color: black;
	text-decoration: underline;
}
/* OVERVIEW */

.overview{
	margin-left: 20px;
}

	.loverview{
		float: left;
		width: 22%;
		margin-right: 2%;
	}
	
div.loverview li{
	list-style-type: none;
}

div.loverview li a{
	text-decoration: none;
	background: url(../images/loverview.jpg) repeat-x;
	color: white;
	width: 180px;
	display: block;
	padding: 5px;
	margin-bottom: 8px;
	line-height: 22px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .50);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .50);
	box-shadow: 0 0 5px rgba(0, 0, 0, .50);
	border: 1px #00529a solid;
}

div.loverview li a.active,div.loverview li a:hover{
	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .50);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .50);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .50);
}

div.loverview li a.active{
	background: url(../images/loverview_current.jpg) repeat-x;
}

div.loverview li a:active,div.loverview li a:hover{
	background: url(../images/loverview_hover.jpg) repeat-x;
}
	
.moverview{
	float: left;
	width: 52%;
}

div.moverview h2{
	width: 100%;
	background: url(../images/overview_main.png) repeat-y;
	display:block;
	color: white;
	text-align: center;
	outline: 1px white solid;
}

div.moverview p.box  {
	background: url(../images/overview_main.png) repeat-y;
	color: white;
	padding: 10px;
	line-height: 1.8em;
}
div.moverview table.box  {
	background: url(../images/overview_main.png) repeat-y;
	color: white;
	padding: 10px;
	line-height: 1.8em;
}
div.moverview  p span{
	width: 50%;
	display: block;
	float:left;
	font-weight: bold;
}

.roverview{
	float: left;
	width: 22%;
	margin-left: 2%;
}
	
div.roverview p.preis{
	font-size: 2em;
	text-align: center;
	padding: 6px 0px 28px 0px;
}

div.roverview  p.box{
	padding: 10px;
}

.greenbox{
	background: url(../images/overview_main_green.png) repeat-y;
	color: #004904;
	text-align: center;
}

.greenbox strong{
	color: black;
}
	
.bluetitel{
	background-color: #0052c2;
	color: #fff;
	font-weight: bold;
}

.bluepoints{
	background-color: #0265ec;
	color: #fff;
	line-height: 1.4em;
}
	
.bluepoints span{
	width: 60%;
	display: block;
	float: left;
	font-weight: bold;
}

.bluepoints span span{
color: #000;
}
	
.blueorder{
	background-color: #579eff;
	line-height: 1em;
	text-align: center;
}

.blueorder strong a{
	color: #fff;
}

.boxspace{
	margin-top: 10px;
}
	
.daten{
	float: center;
	width: 70%;
}

div.daten h2{
	width: 100%;
	//background: url(../images/overview_main.png) repeat-y;
	//display:block;
	color: white;
	text-align: center;
	//outline: 1px white solid;
}

p.box{
	//background: url(../images/overview_main.png) repeat-y;
	color: white;
	padding: 10px;
	line-height: 1.8em;
}

p.box span{
	width: 70%;
	//display: block;
	float:left;
	font-weight: bold;
}
	
.lgar{
	float:left;
	width: 155px;
	height: 100px;
	padding: 10px;
	margin: 0px 20px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	border-radius: 25px;
}

.lgar:hover{
	background-color: #52acf0;
}

.nomargin{
	margin: 0px;
}

.topb{
	margin-top: 5px;
}

div.lgar a{
	color: white;
	text-decoration: underline;
}

/*Zahlungsart*/
.zahl{	
	width: 455px;
	height: 150px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align: center;
	border-radius: 25px;
}

.zahl_wk {
	height: 180px;
}








div.zahl a{
	color: white;
	text-decoration: underline;
}

.produkt {	
	width: 360px;
	min-height: 50px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.log , .kunden, .sms, .auth_ansicht {	
	width: 900px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.auth_info{
	width: 400px;
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.kunden_search, .email_search{	
	width: 250px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.vertrage_search {	
	width: 750px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.bug_report {
	width: 400px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	color:white;
	border-radius: 25px;
}
.sepa_search{	
	width: 720px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}


	#trans{
		background:transparent;
	}

/*Kundenpanel*/
.buchungen_gewinnverteilung {	
	width: 365px;		
	min-height: 25px;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.login, .buchungen_new, .vps_config {	
	width: 500px;
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.kontakt {	
	width: 570px;
	min-width: 555px;
	min-height: 60px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.extras_wahl {	
	width: 680px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.support, .message, .reseller ,.news, .bestellungen, .faq, .wissendb, .price_search {	
	width: 740px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.angebot_ue {	
	width: 540px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.angebot {	
	width: 540px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.log {	
	width: 840px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.price_search_form,.log_search_form {	
	width: 300px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.rechnungen {	
	width: 840px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.rechnungen_lastlog {	
	width: 420px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.reseller_text {	
	width: 740px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-radius: 25px;
}
.branding {
	width: 788px;
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-radius: 25px;
}
.branding_upload {
	width: 400px;
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-radius: 25px;
}
.kd_daten, .bluebox, .mails, .certificates {	
	width: 740px;
	min-height: 50px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.bestellung, .shop, .warenkorb, .konto, .vertrag, .new_todo {	
	width: 800px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.konto_ue {	
	width: 350px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.konto_change {	
	width: 450px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.vertrag_domain{	
	width: 650px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.messages , .termine{	
	width: 900px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}

.buchungen {	
	width: 950px;		
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:center;
	color:white;
	border-radius: 25px;
}
.authentication {	
	width: 300px;
	min-height: 20px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-radius: 25px;
	resize:none;
	overflow: auto;
}

	
/* Textareas */
.support_write, .message_write, .news_write, .faq_write, .wissendb_write, .bestellung_comment_write, .comment_write, .email_write, .termin_write, .rechnung_write, .vertrag_create {	
	width: 740px;
	min-height: 50px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-bottom-style:outset;
	border-right-style:outset;
	border-radius: 25px;
	resize:none;
	overflow: auto;
}



.order_comment  {	
	width: 800px;
	min-height: 50px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-bottom-style:outset;
	border-right-style:outset;
	border-radius: 25px;
	resize:none;
	overflow: auto;
}

.rechnungen_dec  {
	width: 840px;
	min-height: 50px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-bottom-style:outset;
	border-right-style:outset;
	border-radius: 25px;
	resize:none;
	overflow: auto;
}
	
/* Register */

.tooltip {
	text-decoration:none;
}

.tooltip span.info{
	display:none;
}

.tooltip:hover span.info{
	/*background: none repeat scroll 0 0 #F4F3B2;*/
	background: none repeat scroll 0 0 #bdc2f0;
	border: 1px solid white;
	border-radius: 12px 12px 12px 12px;
	margin: 0 0 14px 20px; /*top right bottom left*/
	padding: 6px 12px;
	display:block;
	position:absolute;
	font-weight:normal;
	color: #002f58;
}
	
/*Produkt View CREATE BY sa*/
.buyview{
	float: center;
}

div.buyview h2{
	width: 100%;
	background: url(../images/overview_main.png) repeat-y;
	display:block;
	color: white;
	text-align: center;
	outline: 1px white solid;
}

div.buyview p.box  {
	background: url(../images/overview_main.png) repeat-y;
	color: white;
	padding: 10px;
	line-height: 1.8em;
}
div.buyview table.box  {
	background: url(../images/overview_main.png) repeat-y;
	color: white;
	padding: 10px;
	line-height: 1.8em;
	width: 100%;
}
div.buyview  p span{
	width: 50%;
	display: block;
	float:left;
	font-weight: bold;
}

#orderbar_klein{
	width: 722px;
	height: 50px;
	overflow: hidden;
}

#orderbar_klein div{
	width: 229px;
	float:left;
	padding: 15px 0px 0px 10px;
	color: #FFF;
}

.orderbar1_klein{
	background: url(../images/progress1_klein.png) no-repeat;
}

.orderbar2_klein{
	background: url(../images/progress2_klein.png) no-repeat;
}

.orderbar3_klein{
	background: url(../images/progress3_klein.png) no-repeat;
}
	
/* AGB */

.agb_ol {
	list-style:none;
}
.agb_ol li span {
	display: block;
	float: left;
	width: 30px;
}

.agb_ol li span.sub {
	display: block;
	float: left;
	width: 30px;
	margin-left: 30px;
}

.agb_ol li {
	clear:both;
	width: 895px;
}

.agb_ol li p {
	float: left;
	width: 835px;
	margin: 0;
}

/* datenschutz */

.datenschutz_ol {
	list-style:none;
}
.datenschutz_ol li span {
	display: block;
	float: left;
	width: 30px;
}

.datenschutz_ol li span.sub {
	display: block;
	float: left;
	width: 30px;
	margin-left: 30px;
}

.datenschutz_ol li {
	clear:both;
	width: 895px;
}

.datenschutz li p {
	float: left;
	width: 835px;
	margin: 0;
}

code,p code, td.code, tr.code, table.code {
	margin:0;
	padding:0px 5px 0px 5px;
	border:0;
	font-size:98%;
	vertical-align:baseline;
	background:transparent;
	font-family:Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
	background-color:#007cea;
	width:100%;
}

p code {
	margin-top:5px;
	padding:1px 5px 1px 5px;
	display: block;
	color: white;
}

tr.code, table.code {
	padding: 0px;
}

td.code {
	padding:1px 5px 1px 5px;
}

p code.outline {
	margin-top:0px;
}

.tagName{
	color:purple;
}
.tagAttribute{
	color:red;
}
.tagValue{
	color: #0000BB;
}
.HTMLComment{
	font-style:italic;
	color:rgb(0,159,0);
}
.v-info {
	width: 350px;
	min-height: 25px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #1f98f3;
	text-align:left;
	color:white;
	border-radius: 25px;
}
.v-info span{
	width: 70%;
	float:left;
	font-weight: bold;
}