body {
	padding: 0px;
	margin: 0px;
	background-color: #929B9A;
	background-image: url('../images/snippets/background.jpg');
	background-repeat: repeat-x;
	font-family: "Arial";
	font-size: 12px;
	color: #454545;
}

p.justify{
	text-align: justify;
	margin: 5px;
}

textarea.small{
	height: 30px;
	width: 200px;
	background-image: none;
	border: 1px solid;
}

img.hosting-order-inactive{
	padding: 5px;
	border: 2px solid #FFFFFF;
}

img.hosting-order-active{
	border: 2px solid #4e9c8d;
	padding: 5px;
}

img.hosting-order-active:hover, img.hosting-order-inactive:hover{
	border: 2px solid #4e9c8d;
}

.validation-advice{
	background-color: #91c89d;
	border: 1px dotted white;
	color: #FFFFFF;
	padding: 5px;
	width: 240px;
}

.odd{
	background-color: #DFDFDF;
}

.even{
	background-color: #EFEFEF;
}

.head{
	background-color: #A0D9CE;
	color: white;
}

a:link, a:visited, a:active{
	color: #7F7F7F;
	font-weight: normal;
}

table#baseline a:link, table#baseline a:visited, table#baseline a:active{
	text-decoration: none;
	font-weight: normal;
}

table#baseline a:hover{
	color: #p1c89d;
	font-weight: bold;
	text-decoration: underline;
}

table#feedback td{
	vertical-align: top;
	padding-top: 5px;
}

img {
	border: 0px;
}

h3, h5 {
	color: #91c89d;
}

h4 {
	font-size: 14px;
	color: #A3A3A3;
}

strong{
	color: #91c89d;
}

a.contact-button{
	display: block;
	float: right;
	width: 140px;
	height: 57px;
	background-image: url('../images/contact/contact_button.jpg');
	background-position: 0px -57px;
}

a.contact-button:hover{
	background-image: url('../images/contact/contact_button.jpg');
	background-position: 0px 0px;
}

div.breadcrumb-navigation {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid;
}

div.breadcrumb-navigation a:link, div.breadcrumb-navigation a:visited, div.breadcrumb-navigation a:active{
	text-decoration: none;
	font-weight: bold;
}

div.breadcrumb-navigation a:hover{
	color: #91c89d;
	font-weight: bold;
}

.zero-margin-left{
	margin-left: -28px;
	margin-bottom: 30px;
	margin-top: 10px;
}

.maintenance {
	margin: 0px auto;
	display: block;
}

a.home{
	text-decoration: none;
	font-weight: bolder;
	color: #4e9c8d;
	display: block;
	width: 99px;
	height: 16;
	background-image: url('../images/home/more.jpg');
	background-position: 0px -16px;
	float: right;
	margin-right: 20px;
}

a.home:hover{
	background-position: 0px 0px;
}

ul.yes li {
	list-style-image: url('../images/service/list_yes.jpg');
}

ul.no li {
	list-style-image: url('../images/service/list_no.jpg');
}

ul.no-bullet{
	list-style: none;
}

div#error-box{
	width: 90%;
	border: 1px dotted red;
	margin-top: 20px;
	padding: 3px;
}

div#error-box ul{
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
}

.error{
	color: #FF0000;
	border: 1px dotted #FF0000;
	display: block;
	text-align: center;
	padding: 5px;
}

.notice{
	color: #00AF07;
	border: 1px dotted #00AF07;
	display: block;
	text-align: center;
	padding: 5px;
}

.small {
	font-size: 10px;
}

.grey-home {
	color: #a3a3a3;
}

.grey, .grey-small {
	color: #a3a3a3;
	font-style: italic;
	font-family: "Arial Black";
	
}

.dark-grey-small {
	color: #555555;
	font-family: "Arial";
}

.green, .green-small {
	color: #91c89d;
	font-style: italic;
	font-family: "Arial Black";
}

.grey, .green {
	font-size: 19px;
}

.grey-small, .green-small {
	font-size: 14px;
}

.blue-header-small, .blue-header-small a {
	color: #B7E0D8;
	font-size: 12px;
	font-family: "Arial Black";
	text-decoration: none;
}

.green-header-small, .green-header-small a{
	color: #91c89d;
	font-size: 12px;
	font-family: "Arial Black";
	text-decoration: none;
}

.green-header-small a:hover{
	color: #FFFFFF;
}

.blue-header-small a:hover {
	color: #FFFFFF;
}

.dark-green{
	color: #0C0;
	margin: 10px;
}

.dark-red{
	color: #F00;
	margin: 10px;
}

.dark-blue{
	color: #00F;
	margin: 10px;
}

.center{
	text-align: center;
}

span.center{
	display: block;
	width: 100%;
}

.red{
	color: red;
}

.inline{
	display: inline;
}

.block-center{
	display: block;
	margin: 0px auto;
}

.fixed{
	width: 200px;
}

.float-right {
	margin-left: 30px;
	margin-top: 20px;
}

.special{
	display: block;
	margin-top: 100px;
	float: right;
	width: 330px;
	height: 197px;
}

.download-description{
	width: 70%;
}

.download-description th{
	text-align: right;
}

.download-description td{
	text-align: left;
	padding-left: 20px;
	font-weight: normal;
}

.th-right th{
	text-align: right;
}

table#service-home td{
	text-align: center;
}

table#service-home td.top{
	vertical-align: top;
	text-align: left;
	width: 100%;
}

table#service-home td.top p{
	vertical-align: top;
	text-align: justify;
	margin-left: 30px;
	padding-right: 100px;
	display: block;
}

input.text{
	background-image: url('../images/contact/input_1.jpg');
	background-repeat: no-repeat;
	width: 230px;
	height: 21px;
	border: none;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 10px;
	color: #a3a3a3;
	font-family: "Arial";
}

select.text {
	border: none;
	background-image: url('../images/contact/input_1.jpg');
	background-repeat: no-repeat;
	width: 250px;
	height: 31px;
	padding: 7px;
	border: none;
	color: #a3a3a3;
	font-family: "Arial";
}

textarea {
	border: none;
	background-image: url('../images/contact/input_multi.jpg');
	background-repeat: no-repeat;
	width: 353px;
	height: 177px;
	padding-left: 3px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #555555;
	font-family: "Arial";
}

.table{
	width: 95%;
	margin: 0px auto;
}

.table th{
	vertical-align: top;
}

input.submit{
	background-image: url('../images/contact/button.jpg');
	background-repeat: no-repeat;
	width: 99px;
	height: 28px;
	border: none;
	color: #555555;
	font-family: "Arial";
	cursor: pointer;
}

input.submit:active {
	outline: 0px;
	border: 0px;
}

table.hosting-detail-nav{
	text-align: center;
	width: 100%;
}

div.hosting-package{
	width: 490px; 
	height: 199px;
	margin: 0px auto;
}

div.hosting-package p{
	display: inline-block;
	width: 240px;
	height: 130px;
	margin-left: 150px;
	margin-top: 40px;
	/*font-weight: bold;*/
	position: relative;
	z-index: 0;
}

div.hosting-package span.button{
	width: 76px;
	height: 23px;
	float: right;
	margin-top: -30px;
	vertical-align: bottom;
	background-position: 0px -23px;
	cursor: pointer;
	position: relative;
	z-index: 100;
}

div.hosting-package span.button:hover{
	background-position: 0px 0px;
}

div.hosting-package span.details{
	margin-right: 185px;
	background-image: url('../images/hosting/button_details.png');;
}

div.hosting-package span.details a{
	display: block;
	width: 76px;
	height: 23px;
}

div.hosting-package span.order{
	margin-right: 104px;
	background-image: url('../images/hosting/button_order.png');
}

div.starter{
	background-image: url('../images/hosting/package_starter.png');
}

div.advanced{
	background-image: url('../images/hosting/package_advanced.png');
}

div.professional{
	background-image: url('../images/hosting/package_professional.png');
}

div.allround{
	background-image: url('../images/hosting/package_allround.png');
}

div#site {
	width: 847px;
	min-height: 1024px;
	height: 100%;
	margin: 0 auto;
}

div#header{
	height: 250px;
	width: 100%;
	background-image: url('../images/snippets/content_middle.png');
	background-repeat: repeat-y;
}

div#header div#header-head {
	height: 168px;
	width: 800px;
	background-image: url('../images/snippets/header/head.jpg');
	background-repeat: no-repeat;
	margin: 0px auto;
}

div#header-shadow {
	background-image: url('../images/snippets/header/shadow.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 100%;
}

div#header div#header-head div#header-services {
	float: right;
	color: white;
	margin-right: 10px;
	font-size: 14px;
}

div#header div#header-head div#header-services table td{
	vertical-align: middle;
}

div#header table {
	margin: 0px auto;
}

div#header span#header-home a{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/home.jpg');
	background-position: 0px -164px;
}

div#header span#header-home a:hover{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/home.jpg');
	background-position: 0px -82px;
}

div#header span#header-home a:active{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/home.jpg');
	background-position: 0px 0px;
}

div#header span#header-service a{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/service.jpg');
	background-position: 0px -164px;
}

div#header span#header-service a:hover{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/service.jpg');
	background-position: 0px -82px;
}

div#header span#header-service a:active{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/service.jpg');
	background-position: 0px 0px;
}

div#header span#header-references a{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/references.jpg');
	background-position: 0px -164px;
}

div#header span#header-references a:hover{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/references.jpg');
	background-position: 0px -82px;
}

div#header span#header-references a:active{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/references.jpg');
	background-position: 0px 0px;
}

div#header span#header-about a{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/about.jpg');
	background-position: 0px -164px;
}

div#header span#header-about a:hover{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/about.jpg');
	background-position: 0px -82px;
}

div#header span#header-about a:active{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/about.jpg');
	background-position: 0px 0px;
}
	
div#header span#header-contact a{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/contact.jpg');
	background-position: 0px -164px;
}

div#header span#header-contact a:hover{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/contact.jpg');
	background-position: 0px -82px;
}

div#header span#header-contact a:active{
	height: 82px;
	width: 160px;
	display: block;
	background-image: url('../images/snippets/header/contact.jpg');
	background-position: 0px 0px;
}

div#content-container{
	width: 100%;
	min-height: 550px;
}

div#content-main{
	background-image: url('../images/snippets/content_middle.png');
	background-repeat: repeat-y;
	height: auto;
	min-height: 550px;
	padding: 30px;
	padding-left: 50px;
}

#order-container{
	margin-top: 20px;
	width: 100%;
}

#order-options{
	float: left;
	min-width: 200px;
	width: 30%;
	height: 480px;
	background-image: url('../images/service/printservice/content_bg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #a4a4a4;
}

#order-options p{
	display: block;
	width: 180px;
	margin: 0px auto;
	margin-bottom: 10px;
}

#order-options select{
	margin-top: 5px;
	width: 180px;
}

#order-options  span.product-title{
	display: block;
	padding: 20px;
}

#order-options img.product{
	display: block;
	margin: 0px auto;
}

#order-summary{
	margin-left: 32%;
	width: 68%;
	min-width: 490px;
	margin-right: 20px;
	height: 480px;
	background-image: url('../images/service/printservice/content_bg.jpg');
	background-repeat: repeat-x;
	border: 1px solid #a4a4a4;
}

#order-summary #progress-bar{
	margin: 5px;
	width: 480px;
	height: 49px;
}

#order-summary p{
	margin-left: 5px;
	padding-left: 20px;
}

#order-summary table{
	width: 80%;
	margin: 0px auto;
}

#order-summary table th,td{
	vertical-align: top;
}

#order-summary table th{
	text-align: left;
}

#order-summary table td{
	text-align: right;
}

#order-summary input[type=submit]{
	float: right;
	margin-right: 10%;
}

#scrollWindowDiv {
	position:relative; 
	left:10px; 
	top:10px; 
	width:90%; 
	height:190px;
	clip:rect(0,auto,190,0);
	layer-background-color:#FFFFFF;
	background-color:#FFFFFF;
	z-index:1; 
	margin: auto;
	overflow: hidden;
}

.inline-block{
	display: inline;
	opacity: .7; /* for all other browsers */
	filter: alpha(opacity=70); /* IE 5 - IE 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
}

.inline-block:hover{
	opacity: 1; /* for all other browsers */
	filter: alpha(opacity=100); /* IE 5 - IE 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
}

#scrollWindowDiv span{
	display: inline-block;
	height: 140px;
	width: 25px;
	cursor: pointer;
	margin-top: 20px;
	background-color: #FFFFFF;
}

#scrollWindowDiv span.left{
	position: relative;
	float: left;
	background-image: url('../images/service/printservice/scroll_left.png');
	background-repeat: no-repeat;
	z-index: 5;
	
}

#scrollWindowDiv span.right{
	position: relative;
	float: right;
	background-image: url('../images/service/printservice/scroll_right.png');
	background-repeat: no-repeat;
	z-index: 5;
	
}

#scrollContentDiv {
	position:absolute;
	left:25px;
	right: 25px;
	padding-top: 20px;
	height:190px;
	z-index:0;
	width: 90%;
	white-space: nowrap;
	background-color:#FFFFFF;
}

div#about-container img{
	display: block;
	margin: 0px auto;
}

div#home-bg{
	width: 798px;
	height: 306px;
	background-image: url('../images/home/home_bg.jpg');
	margin-left: -25px;
	margin-top: -35px;
}

div#home-bg div#home-text{
	width: 400px;
	float: left;
	margin-top: 150px;
	margin-left: 15px;
	color: #525252;
	font-weight: bolder;
}

div#content-footer{
	background-image: url('../images/snippets/content_bottom.png');
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 10px;
	height: 183px;
	clear: both;
}

div#content-footer table#baseline{
	height: 130px;
	margin: 0px auto;
	margin-bottom: 10px;
}

div#content-footer table#baseline td{
	position: relative;
	z-index: 2;
	height: 100%;
	vertical-align: bottom;
}

table#service-overview {
	margin-right: 20px;
	position: relative;
	z-index: 3;
}

table#service-overview td{
	vertical-align: top;
	text-align: center;
	padding: 20px;
}

table#service-overview td img {
	vertical-align: top;
}

div#vector-container{
	width: 100%;
	border: 1px solid red;
}

table#service-sub td{
	vertical-align: top;
}

table#service-sub div#service-bar td img.center{
	opacity: .7; /* for all other browsers */
	filter: alpha(opacity=70); /* IE 5 - IE 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
}

table#service-sub div#service-bar td img.center:hover{
	opacity: 1; /* for all other browsers */
	filter: alpha(opacity=100); /* IE 5 - IE 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */
}

table#service-sub td#service-content{
	padding: 5px;
	width: 100%;
}

table.prize{
	width: 100%;
	border: 2px solid #A0D9CE !important;
	border-collapse: collapse;
}

table.prize tr td{
	border: 2px solid #FFFFFF;
	padding: 3px;
	vertical-align: middle !important;
}

table.prize tr td.left{
	border-left: 2px solid #A0D9CE;
}

table.prize tr td.right{
	border-right: 2px solid #A0D9CE;
}

table.prize tr.bottom td{
	border-bottom: 2px solid #A0D9CE;
}

table.prize th{
	background-color: #93CBA4;
	color: #FFFFFF;
	margin: 0px;
}

table.prize tr.dark{
	background-color: #DADADA;
}

table.prize tr.light{
	background-color: #EFEFEF;
}

table.prize tr.print td{
	border-top: 7px solid #A0D9CE;
}

.tbl-header {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: #A0D9CE none repeat scroll 0 0;
	font-weight:bold;
	width: 100%;
}

table.prize table#prize-sub{
	width: 100%;
}

table.prize table#prize-sub td{
	border: none;
}

table#printdesign-overview {
	margin: 0px auto;
	margin-left: 10px;
	padding-right: 10px;
	width: 100%;
}

table#printdesign-overview td{
	padding-bottom: 20px;
}

table#printdesign-overview td a{
	border: 0px;
	margin-right: 30px;
}

table#printdesign-overview td img.center{
	margin-top: 10px;
}

table#reference-table {
	margin: 0px auto;
}

table#reference-table td{
	vertical-align: top;
	padding: 10px;
}

table#reference-table td div.grey-small{
	text-align: center;
	margin-bottom: 5px;
}

p#vector-description{
	text-align: justify;
}

/* Horizontal Tabbed Navigation Start */
div#h-tab-container{
	overflow: hidden;
	margin-left:-20px;
	width: 100%;
}

ul.tab-nav{
	width: 765px;
	list-style: none;
	line-height: 20px;
	display: block;
	border-bottom: 1px solid #B7E0D8;
	margin-left: -20px;
}

ul.tab-nav li{
	padding: 0px;
	display: inline;
}

ul.tab-nav li a{
	color: white;
	text-decoration: none;
	font-weight: bold;
	margin: 0px auto;
	padding: 0.25em 1em;
	border: 1px solid #B7E0D8;
	display: inline;
	background-color: #91c89d;
}

ul.tab-nav li a.here{
	border: 1px solid #B7E0D8;
	border-bottom: 1px solid white;
	color: #91c89d;
	background-color: white;
}

ul.tab-nav li a:hover, ul.tab-nav li a.here:hover{
	background-color: white;
	color: #91c89d;
}

ul.hosting{
	width: 90%;
	margin-left: 0px;
}

.about-text{
	margin-left: 90px;
}
/* Horizontal Tabbed Navigation End */

div#special-container img{
	margin-left: -25px;
	margin-right: 20px;
	margin-top: -20px;
}

table#reference-table td div#thumb{
	width: 184px;
	height: 121px;
	background-image: url('../images/references/border/border.png');
	position: relative;
	z-index: 5;
	margin: 0px auto;
}

table#reference-table td div#thumb img{
	margin-left: 17px;
	margin-top: 14px;
	position: relative;
	z-index: 5;
}

#vline img{
	cursor: pointer;
	position: relative;
	z-index: 5;
}

div#impressum-container{
	background-image: url('../images/imprint/paragraph.jpg');
	background-repeat: no-repeat;
	height: 491px;
	width: 100%;
	background-position: center;
}

div#agb-container{
	background-image: url('../images/imprint/paragraph.jpg');
	background-repeat: repeat-y;
	min-height: 491px;
	background-position: top;
	margin-right: 30px;
}

div#contact-container {
	background-image: url('../images/contact/bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

table#impressum {
	width: 600px;
}

table#impressum th {
	text-align: right;
	color: #91c89d;
	vertical-align: top;
}

table#home td {
	vertical-align: top;	
}

div.rating-stars{
	height: 23px;
	width: 120px;
	margin: 0px auto;
	padding: 0px;
	cursor: pointer;
}

div.rating-stars a {
	display: inline-block;
	width: 20px;
	height: 18px;
	background-repeat: no-repeat;
}

div.rating-stars a img{
	width: 20px;
	height: 18px;
	margin: 0px;
}
div.rating-stars a.active-star{
	background-image: url('../images/references/rating/active.gif');
}

div.rating-stars a.inactive-star{
	background-image: url('../images/references/rating/inactive.gif');
}

div.rating-stars a.hover-star{
	background-image: url('../images/references/rating/hover.gif');
}

div#loader{
	position:fixed;
	height:100px;
	width:400px;
	margin:-100px 0px 0px -200px;
	top: 50%;
	left: 50%;
	background-color: #FFFFFF;
	border: 1px solid #A0D9CE;
	text-align: center;
	z-index: 1000;
}

div#loader img{
	display: block;
	margin: auto;
}

span.align-right{
	text-align: right;
	margin-right: 10px;
}
