/*############################################################
# Copyright by Webjazz, Human Touch Medienproduktion GmbH
# e-mail: info@webjazz.de*/

/*******************************************/
/* Standard-HTML zur�cksetzen
/*******************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:'"'; }
abbr,acronym { border:0; }
html {font-size: 62.5%; width: 100%; height: 100%;}
strong {font-weight: bold;}
a {text-decoration: none;}
a:active, a:focus {outline: 0;}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: black;
}

/*******************************************/
/* Globale-Tags festlegen
/*******************************************/

div.body {
	font-size: 1.3em;
	line-height: 1.5em;
}

div.body p, 
div.body ul,
div.body ol {
	padding-bottom: 1em;
}

div.body ul {
	padding-left: 13px;
	list-style: square
}

div.body ol {
	padding-left: 20px;
	list-style: decimal;
}

div.body a {
	color: #006298;
}

div.body i {
	font-style: italic;
}

/* Site
--------------------------------------------------------------
--------------------------------------------------------------*/

div#site {	
	position: relative;
	width: 1000px;
	margin: 0 auto;
}


/* Header
--------------------------------------------------------------
--------------------------------------------------------------*/

div#header {
	float: left;
	position: relative;
	width: 100%;
	height: 60px;
}


/*******************************************/
/* Nav (top)
/*******************************************/

div#header div#nav_top {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 50px;
	margin-bottom: 10px;
}

div#nav_top ul {
	float: left;
	width: 100%;
}

div#nav_top ul li {
	float: left;
	margin-left: 15px;
}

div#nav_top ul li a {
	color: #fffefe;
	font-size: 1.4em;
}

/*******************************************/
/* Nav (main)
/*******************************************/

div#nav_main {
	float: left;
	width: 210px;
	margin-right: 20px;
	margin-top: 130px;
}

div#nav_main ul {
	float: right;
	width: 100%;
}

div#nav_main ul li {
	float: right;
	width: 100%;
	clear: both;
	margin-bottom: 1.5em;
}

div#nav_main ul li a {
	float: right;
	text-align: right;
	font-size: 1.5em;
	color: grey;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div#nav_main ul li.selected a {
	color: white;
}

div#nav_main ul li ul {
	display: none;
}

div#nav_main ul li.selected ul {
	display: block;
	margin-top: 20px;
	border-right: 1px solid white;
	margin-bottom: 20px;
	margin-right: 10px;
}

div#nav_main ul li.selected ul li {
	margin-bottom: 10px;
	
}

div#nav_main ul li.selected ul li:last-child {
	margin-bottom: 0;
}

div#nav_main ul li.selected ul li a {
	color: white;
	margin-right: 0px;
	padding-right: 15px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
}

div#nav_main ul li.selected ul li.selected a {
	font-weight: bold;
}

div#nav_main ul li.selected ul li.selected{
	background-image: url(/styles/images/nav_selected.jpg);
	background-repeat: no-repeat;
	background-position: 205px 5px;
}
div#bgimage {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
}
div#bgimage img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}


/*******************************************/
/* Shopping-Cart
/*******************************************/

div#shoppingcart {
	position: absolute;
	left: 0;
	top: 60px;
	width: 190px;
	margin-right: 20px;
	background: url(/styles/images/bg_content.png);
	border-top: 10px white solid;
	padding: 10px;
	font-size: 1.3em;
	line-height: 1.5em;
}

div#shoppingcart input {
	
	background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top, #dbdbdb 0%, #a0a0a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dbdbdb 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dbdbdb 0%,#a0a0a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dbdbdb 0%,#a0a0a0 100%); /* IE10+ */
background: linear-gradient(to bottom, #dbdbdb 0%,#a0a0a0 100%); /* W3C */
	
	border-radius: 10px;
	border: 1px solid #959595;
	color: #333333;
	font-weight: bold;
	padding: 2px 10px;
	float: right;
	margin-top: 10px;
}

div#shoppingcart input:hover {
	background: #dbdbdb;
	color: black;
}

/* Content
--------------------------------------------------------------
--------------------------------------------------------------*/

div#content {
	float: left;
	width: 100%;
}

div#content div.body {
	float: right;
	width: 690px;
	min-height: 600px;
	margin-right: 50px;
	padding-top: 70px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-top: 10px solid #ffffff;
	background: url(/styles/images/bg_content.png);
}


div#content div.body h1 {
	margin-bottom: 17px;
	font-size: 2em;
	line-height: 120%;
}

div#content div.body h2 {
	margin-bottom: 5px;
	font-size: 1.2em;
	line-height: 120%;
	font-weight: bold;
}

div#content div.body h3 {
	margin-bottom: 10px;
	font-size: 1em;
	line-height: 120%;
	font-weight: bold;
}

div#content div.body img.right{
	border-top: 10px solid white;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
	padding-bottom: 30px;
}

div#content div.body a.lan{
	position: absolute;
	top: 80px;
	left: 815px;
}

/* Anmelde Button
--------------------------------------------------------------
--------------------------------------------------------------*/
a.anmelde_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Trebuchet MS;
	font-size:13px;
	font-weight:normal;
	padding:2px 17px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
a.anmelde_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
a.anmelde_button:active {
	position:relative;
	top:1px;
}