@charset "utf-8";
/* CSS Document */

html {
	overflow-y:scroll;
}

html, body {
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	margin:0 0 25px;
//	color:#f60;
	color:#4C4C4C;
	letter-spacing:1px;
	text-transform:uppercase;
//	font-size:140%;
	font-size:14pt;
}

h1,
h2,
h3, 
#mainnav {
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	margin:15px 0 10px;
	font-size:120%;
	letter-spacing:0.5px;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

ul.listed {
	margin:0 0 15px;
	padding:0 0 0 15px;
	list-style:circle;
	line-height:18px;
}

ul.numbered {
	margin:0 0 15px;
	padding:0 0 0 20px;
	list-style:decimal;
	line-height:18px;
}

a {
	text-decoration:none;
}

a h2 {
	margin:10px 0 0;
	padding:0 0 10px;
}
	
a img {
	border:none;
}

p.small {
	color:gray;
	font-size:12px;
}

label.error {
	color:red;
}

.box input[type=text],
.box input[type=password],
.box textarea {
	border:1px solid #bbb;
	border-top-color:#666;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.box select {
	border:1px solid #bbb;
	border-top-color:#666;
	border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.box input[type=text]:focus,
.box input[type=password]:focus,
.box textarea:focus {
	border:1px solid #f60;
	border-top-color:#930;
}

.box select:focus {
	border:1px solid #f60;
	border-bottom-color:#930;
}

#comm {
	position:fixed;
	right:0;
	top:320px;
}

#comm a:link, #comm a:visited {
	margin:0 5px 0 0;
}

#comm a:hover {
	margin:0 10px 0 0;
}

#wrapper {
	margin:0 0 -41px;
	min-height:100%;
}

#top {
	height:256px;
	background:url(../images/header_float.png) repeat-x;
}

#header_wrapper {
	height:100%;
}

#header {
	margin:0 -70px 0;
	padding:0 70px 0;
	height:100%;
	width:960px;
	background:url(../images/header_bg.jpg) no-repeat;
}

#logo {
	display:inline;
	float:left;
}

#logo h1 {
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#logo a {
	display:block;
	width:120px;
	height:122px;
	margin:66px 30px 0;
}

#mood {
	position:relative;
	display:inline;
	margin:35px 0 0;
	width:360px;
	height:180px;
	float:right;
	background:white;
	border:1px solid #333;
	box-shadow:0 0 1px #ccc;
	-moz-box-shadow:0 0 1px #ccc;
	-webkit-box-shadow:0 0 1px #ccc;
}

#mood img {
	position:absolute;
	width:100%;
	height:100%;
}

.moodImage {
	display:block;
	position:absolute;
	z-index:1;
	width:360px;
	height:180px;
	background:white;
	box-shadow:2px 4px 4px #ccc inset;
	-moz-box-shadow:2px 4px 6px #ccc inset;
	-webkit-box-shadow:2px 4px 6px #ccc inset;
}

.mood_btn {
	position:absolute;
	z-index:10;
	display:inline;
	top:73px;
	width:36px;
	height:36px;
}

#movel {
	left:-24px;
	background:url(../images/mood_button.png) 0 0 no-repeat;
}

#mover {
	right:-24px;
	background:url(../images/mood_button.png) -36px 0 no-repeat;
}

.infoslider {
	display:none;
	position:absolute;
	z-index:5;
	margin:0;
	padding:10px;
	width:340px;
	background:url(../images/infoslider.png) repeat;
	color:white;
	font-size:12px;
	text-align:justify;
}

.infoslider.bottom {
	top:130px;
	margin:0;
	height:40px;
}

#mainnav {
	display:inline;
	float:left;
	clear:left;
	margin:0 0 0 180px;
}

#mainnav li {
	float:left;
	clear:none;
	font-size:180%;
}

#mainnav a:link,
#mainnav a:visited {
	margin:0 20px;
	color:white;
	letter-spacing:1px;
}

#mainnav span {
	margin:0 20px;
	color:#f90;
	letter-spacing:1px;
}

#misc_wrapper {
	background:url(../images/misc_float.png) repeat-x;
}

#folder {
	display:inline;
	float:left;
	line-height:45px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	color:black;
	text-shadow:0 1px white;
}

#folder a:link,
#folder a:visited {
	color:#666;
}

#folder a:hover {
	color:black;
}

#userlogin {
	width:280px;
	height:45px;
	padding:0 40px;
	float:right;
	background:url(../images/userlogin.png) no-repeat;
}

#userlogin input[type=text],
#userlogin input[type=password] {
	width:90px;
	height:16px;
	padding:2px 4px 2px 24px;
	line-height:20px;
	border:1px solid white;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:gray;
	background:url(../images/userlogin_input.png) repeat;
}

#userlogin #username {
	background:url(../images/username_input.png) 0 0 no-repeat;
}

#userlogin #userpw {
	background:url(../images/userpw_input.png) 0 0 no-repeat;
}

#userlogin #username:hover,
#userlogin #username:focus {
	background-position:0 -20px;
}

#userlogin #userpw:hover,
#userlogin #userpw:focus {
	background-position:0 -20px;
}

#userlogin input[type=text]:hover,
#userlogin input[type=password]:hover,
#userlogin input[type=text]:focus,
#userlogin input[type=password]:focus {
	color:black;
}

#userlogin a {
	display:block;
	padding:4px 0 0;
	width:22px;
	height:18px;
	text-align:center;
	color:#333;
	background:url(../images/userlogin_btn.png) no-repeat;
}

#userlogin a:hover {
	color:black;
}

#middle_wrapper {
	background:white url(../images/content_float.png) repeat-x;
}

#middle {
	padding:20px 0 30px;
	min-height:300px;
}

#middle p {
	margin-top:0;
	line-height:18px;
}

.box {
	padding:14px;
//        padding-top:20px;
	border:1px solid #ccc;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:0 2px gray;
	-moz-box-shadow:0 2px gray;
	-webkit-box-shadow:0 2px gray;
	font-size:14px;
	background:white;
}

.box a:link,
.box a:visited {
	
//	color:#666;
	color:#4C4C4C;
}

.box a:hover {
	color:black;
}

.box a:hover div {
	color:black;
}

.box.small {
	display:block;
	background:url(../images/box_small.png) bottom repeat-x;
}

a:hover .box {
	border:1px solid black;
	box-shadow:0 2px black;
	-moz-box-shadow:0 2px black;
	-webkit-box-shadow:0 2px black;
}

#left {
	display:inline;
	float:left;
	width:180px;
}

#left .box {
	margin:0 0 20px;
	font-size:16px;
}

#left h2 {
	font-size:100%;
	margin-top:0;
}

#left li {
	margin:0 0 2px;
}

#left span {
	color:#f60;
}

#left h2,
#menu_left {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:normal;
	text-transform:uppercase;
}

#content {
	display:inline;
	float:right;
	width:730px;
	text-align:justify;
}

#content table {
	width:100%;
	text-align:center;
}

#content #kontakt table {
	width:auto;
}

#content table ul {
	padding:0 0 0 10px;
	text-align:left;
}

.cpart {
	margin:0 0 15px;
}

#servicelist img {
	width:150px;
}

.service_img {
	margin:0 0 0 20px;
	float:right;
}

.hostings {
	margin:15px 0 10px;
}

.img_hos {
	height:100px;
	float:left;
}

.hos_order,
.hos_order,
#offerte #submit,
#kontakt #submit {
	display:inline;
	margin:0 0 6px 15px;
	padding:6px 8px;
	border:1px solid gray;
	background:white;
	background-image:-moz-linear-gradient(white, #ddd);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#ddd));
	background-image:-webkit-linear-gradient(white, #ddd);
	background-image:-o-linear-gradient(white, #ddd);
	color:#333;
	text-shadow:0 1px white;
	font-size:120%;
	float:right;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:0 0 3px gray inset, 0 1px gray;
	-moz-box-shadow:0 0 3px gray inset, 0 1px gray;
	-webkit-box-shadow:0 0 3px gray inset, 0 1px gray;
	cursor:pointer;
}

.hos_order:disabled,
.hos_order:disabled,
#offerte #submit:disabled,
#kontakt #submit:disabled,
.hos_order:disabled:hover,
.hos_order:disabled:hover,
#offerte #submit:disabled:hover,
#kontakt #submit:disabled:hover,
.hos_order:disabled:active,
.hos_order:disabled:active,
#offerte #submit:disabled:active,
#kontakt #submit:disabled:active {
	margin:0 0 6px;
	color:#bbb;
	border:1px solid #ddd;
	background:white;
	background-image:-moz-linear-gradient(white, #ddd);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#ddd));
	background-image:-webkit-linear-gradient(white, #ddd);
	background-image:-o-linear-gradient(white, #ddd);
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	cursor:default;
}

.hos_order:hover,
#offerte #submit:hover,
#kontakt #submit:hover {
	background:#333;
	background-image:-moz-linear-gradient(#555, #333);
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#333));
	background-image:-webkit-linear-gradient(#555, #333);
	background-image:-o-linear-gradient(#555, #333);
	color:#f90;
	text-shadow:none;
	border:1px solid #333;
	box-shadow:0 1px black;
	-moz-box-shadow:0 1px black;
	-webkit-box-shadow:0 1px black;
	cursor:pointer;
}

.box .hos_order:active,
#offerte #submit:active,
#kontakt #submit:active {
	margin-top:1px;
	margin-bottom:5px;
	cursor:pointer;
}

.hostings th {
	padding:2px 8px;
	font-weight:bold;
	text-align:right;
}

.hostings td {
	padding:2px 8px;
	text-align:left;
}

.hostings .headline {
	background:#333;
}

.hostings .headline th {
	padding:4px 8px;
	width:150px;
	font-size:120%;
	text-align:left;
	color:#f90;
}

.hostings .headline td {
	color:white;
	font-weight:bold;
}

.hostings .odd {
	background:#eee;
	color:black;
}

.hostings .even {
	background:#999;
	color:white;
}

.hostings .odd th,
.hostings .even th {
	background:white;
	color:black;
}

#offerte_wrapper {
	padding:10px;
	border:1px solid #333;
	clear:both;
	border-radius:0 0 6px 6px / 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px / 0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px / 0 0 6px 6px;
}

#offerte_wrapper th,
#kontakt th {
	width:120px;
}

#offerte_wrapper label,
#kontakt label {
	display:block;
	padding:2px 0 0;
}

#offerte_wrapper .spacer {
	height:15px;
}

#services th,
#services td,
#userinfo th,
#userinfo td,
#confirm th,
#confirm td,
#kontakt th,
#kontakt td {
	text-align:left;
	vertical-align:top;
}

#services textarea,
#kontakt textarea {
	width:200px;
	height:100px;
}

#kontakt input[type="text"] {
	width:200px;
}

#services p {
	margin:0 0 5px;	
}

#offertentool li {
	width:25%;
	float:left;
	text-align:center;
	background:#666;
	color:white;
	font-size:110%;
	font-weight:bold;
	border-radius:6px 6px 0 0 / 6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0 / 6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0 / 6px 6px 0 0;
}

#offertentool li.selected {
	background:#333;
	color:#f90;
}

#offertentool li.before {
	background:#eee;
	color:black;	
}

#offertentool li a {
	padding:4px 0;
	display:block;
	width:100%;
	height:100%;
}

#offertentool span {
	display:block;
	padding:4px 0;
}

#offerte table {
	padding:15px 0;
}

#offerte img {
	width:150px;
}

#offerte #start input {
	display:none;
}

#offerte #start p {
	margin:0;
}

#bottom {
	background:black url(../images/footer_float.png) repeat-x;
	line-height:40px;
	color:white;
	border-top:1px solid #333;
	box-shadow:0 1px #999 inset;
	-moz-box-shadow:0 1px #999 inset;
	-webkit-box-shadow:0 1px #999 inset;
}

#bottom a:link, #bottom a:visited {
	color:white;
}

#bottom a:hover {
	color:#f90;
}

#footer_left {
	padding:5px 0;
	width:180px;
	height:30px;
	float:left;
	background:url(../images/footer_style.png) center 10px no-repeat;
}

#footer_right {
	width:760px;
	height:40px;
	float:right;
}

#footer_right span {
	display:inline;
	float:right;
}

.auto {
	width:960px;
	margin:auto;
}

.pusher {
	height:41px;
	clear:both;
}

.clear {
	clear:both;
}