/* HTML Styles */

body{
	background: #5499d6 url(bg.jpg);/*#d3dee7;*/
	margin:0;
	font: 12px "Verdana", sans-serif;
}

a img{
	border:none;
	vertical-align:middle;
}

h1{
	margin:0;
}

h3{
	clear:both;
}

h3{
	margin:0;
	padding:0;
	color: #518030;
	text-align:center;
}

a{
	text-decoration:none;
	color: #123456;
}
a:hover{
	color: #654321;
}

input{
	border: 1px solid #333399;
	background-color: #D3DEE7;
}

input.deleteDomain{
	text-indent:-9999px;
	color:#eeffee;
	background:url(deleteSmall.png);
	border:none;
	height:12px;
	width:12px;
}

table{
	border:0;
}

/* 
	Global Styles 
*/

/* topBar */
#topBar{
	margin:0;
	padding:0;
	background: url(topBg.jpg) repeat-x;
	height:230px;
}

#topBar h1{
	color: #ffffff;
	text-align:center;
	padding-top: 20px;
}

.admin #topBar{
	height: 141px;
}

/* logoBar */
#logoBar{
	background: url(logoBarBg.jpg);
	height:152px;
	position: relative;
	top:18px;
	z-index:2;
	width:600px;
	margin: 0 auto 0 auto;
	border: 2px solid #000000;
}

.leftLogoBar{
	position:relative !important;
	left:-2px !important;
	top:-2px !important;
	position:absolute;
	top:-2px;
}

.rightLogoBar{
	position:absolute;
	right:-2px;
	top:-2px;
}

/* barPict */
#barPict{
	background: url(pictBarBg.jpg) repeat-x;
	height:150px;
	width: 214px;
	position:absolute;
	right:34px !important;
	right:15px;
	top:1px;
}

.barPict{
	margin-left:20px;
}

/* navBar */
#navBar{
	width:900px;
	margin:16px auto 0px auto;
	text-align:center;
	height:37px;
	position:relative;
	z-index:100;
}

#navBar ul{
	margin:0 auto 0 auto;
	text-align:center;
	margin-left:220px;
	list-style:none;
	padding:0px;
}

#navBar ul li{
	height:30px;
	text-align:center;
	float:left;
	margin-right:5px;
	border-left:2px solid #7f8081;
	background: #999999 url(menuBg.jpg) repeat-x left 3px;
	border-right:2px solid #7f8081;
	width: 100px;
	border-bottom:2px solid #7f8081;
	border-top:2px solid black;
}

#navBar ul li a:hover img{
	display:none;
}

#navBar ul li a img{
	position:relative;
	top:9px;
}

#navBar ul li a{
	width:100%;
	display:block;
	height:100%;
}

#navBar ul li a{
	text-indent: -9999px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: 50% 9px;
}
#navBar ul li.selectedMenu,
#navBar ul li:hover{
	text-align:center;
	background:url(menuSelectedBg.jpg) left 0px;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	border-top:2px solid white;
	position:relative;
	z-index:1;
}

.admin #navBar ul li a{
	top: 5px;
	text-indent:0;
}

.admin #navBar ul li.selectedMenu,
.admin #navBar ul li:hover{
	background-position: left top;
	border-bottom: none;
}

.admin #navBar ul li.selectedMenu a,
.admin #navBar ul li a:hover{
	top:9px;
}

.admin #navBar ul li{
	border-top:2px solid #7f8081;
	background-position: left top;
}

/* footer */
#footer{
	text-align:center;
	clear:both;
}

/* sidebar */
#sidebar{
	position:relative;
	top:0;
	left:-1px;
	margin:0;
	background-color:#1F8CBF;
	width:200px;
	padding:5px;
}

#sidebar ul{
	list-style:none;
	padding:0;
	margin:0;
}
#sidebar ul li{
	width: 180px;
	text-align:center;
	padding: 0;
}
#sidebar ul li a{
	background-color: #ffffff;
	border: 1px solid #BDC7CF;
	padding: 5px;
	width:180px;
	display:block;
}

/* console */
#console{
	width: 900px;
	margin: 0 auto;
	border:2px solid #2985d6;
	position:relative;
	top:-21px !important;
	top:-43px;
	z-index:80;
	padding:2px;
}

/* content */
#content{
	width: 894px;
	background: #ffffff;
	border:2px solid #335d82;
	padding:1px;
	position:relative;
	z-index:70;
}
#content table.directChild{
	width:894px;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
}
#sidebar, #text{
	vertical-align:top;
}

/* text */
#text{
	width:630px;
	padding:10px;
}

/* menuBar */
#menuBar{
	background: url(menuBarBg.jpg) repeat-x;
	height:43px;
	position:relative;
	top:-37px;
}

/*
	Individual Styles
*/

/* products */
#products td,
#products th{
	background-color: #eeffee;
	margin: 10px;
	padding: 10px;
	text-align:center;
}

#products th{
	padding: 5px;
}

#products th.price{
	border-left: 1px solid #333333;
	background: #476393;
}
#products td.price, 
#products td.totalPrice{
	border-left: 1px solid #aaaaaa;
	margin-right:0;
	width: 200px;
	text-align:center;
	background: #e6e6e6 url(roundBg.jpg) no-repeat center center;
	height:105px;
	color: #000000;
}

#products td.totalPrice{
	padding-top:3px;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	background:#eeee55;
	height:auto;
	color: #990000;
	font-weight:bold;
}

#products{
	border-spacing:0;
	margin: 5px auto 5px auto;
	border:1px solid #555555;
}

#products th > h3{
	vertical-align:bottom;
}




.indent{
	margin-left:10px;
}

.headBar img{
	position: relative;
	top: 3px;
}

h1.picHead{
	text-indent: -9999px;
}
h1.picHead img{
	text-indent:9999px;
}

.logo{
	position:absolute;
	top: 27px;
	left:15px;
}

.error{
	font-size: 120%;
	font-weight: bold;
	color: #ff0000;
	margin-top: 5px;
	display:block;
}

.contact{
	padding-top: 5px;
	clear:both;
	width: 400px;
}
.contact .label{
	width: 150px;
	float:left;
}
.contact .label label{
	font-weight: bold;
}
.bold{
	font-weight:bold;
}
.contact .form{
	float:left;
}
.form_submit,
.form_submit .form{
	text-align: center;
	float:none;
}

.orderNav{
	list-style:none;
	margin:0;
	padding:0;
}
.orderNav li{
	background-color: #123456;
	color: #ffffff;
	float:left;
	display:block;
	padding: 5px;
	width:152px;
	margin-right:1px;
}
.orderNav li.currentStep{
	background-color: #aa3333;
}
.clear{
	clear:both;
	height:0px;
	margin:0;
}

/* order */
#cart{
	background-color:#fff;
	border:1px solid #BDC7CF;
	width: 180px;
	padding: 5px;
}

#_login .contact { width:250px; }
#_login .label { width:100px; }
#_register .contact { width:380px; }

.contentLU{position:absolute;top:-2px;left:-2px;float:left;display:inline;z-index:90;}
.contentRU{position:absolute;top:-2px;right:-2px;float:right;display:inline;z-index:91;}
.contentLL{position:absolute;bottom:-6px;left:-6px;float:left;display:inline;z-index:92;}
.contentRL{position:absolute;bottom:-6px;right:-6px;float:right;display:inline;z-index:93;}

#menuHosting a{background-image: url(Hosting.jpg);}
#menuHosting a:hover,
#menuHosting.selectedMenu a{background-image: url(HostingSelected.jpg);}
#menuService a{background-image: url(Service.jpg);}
#menuService a:hover,
#menuService.selectedMenu a{background-image: url(ServiceSelected.jpg);}
#menuKontakt a{background-image: url(Kontakt.jpg);}
#menuKontakt a:hover,
#menuKontakt.selectedMenu a{background-image: url(KontaktSelected.jpg);}
#menuHome a{background-image: url(Home.jpg);}
#menuHome a:hover,
#menuHome.selectedMenu a{background-image: url(HomeSelected.jpg);}