@font-face {
    font-family: GraublauWeb;
    src: url(font/GraublauWeb.otf) format(truetype);
}

@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url(font/GraublauWebBold.otf) format(truetype);
}

body {
	padding: 0;
	margin: 0;
	background-image: url("images/bg3.gif");
	background-repeat: repeat-y;
	background-color: white;
	font-family: GraublauWeb, Tahoma, sans-serif;
	font-size: 0.75em;
	color: #4D4D4D;
	line-height: 140%;
}

p {}

td {}

a {
	text-decoration: none;
	font-weight: bold;
	color: #879f00;
}

a img {
	border: 0px;
}

a:hover {
	border-bottom: 1px dotted #B3B3B3;
}

a.more {
	padding-right: 19px;
	background-repeat: no-repeat;
	background-image: url("images/more.gif");
	background-position: right 3px;
}

p {
	padding: 0px;
	margin: 0px;
	margin-top: 0.5em;
}

h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
	font-family: GraublauWeb,"Trebuchet MS", Tahoma;
	font-size: 1.6em;
	line-height: 130%;
	/*color: #85853D;*/
	color: #BD5200;
}

h2 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 0.4em;
	font-family: GraublauWeb, "Trebuchet MS", Tahoma;
	font-size: 1.2em;
	line-height: 130%;
	color: #808080;
}

div.clearer {
	clear: both;
}

.subinfo {
	color: #808080;
	font-size: 11px;
}

.dim {
	color: #b3b3b3;
}

div#skyscraper {
	display: block;
	width: 120px;
	position: absolute;
	top: 125px;
	left: 880px;
	padding-top: 15px;
	background-image: url("images/anzeige.gif");
	background-repeat: no-repeat;
	background-position: right top;
}

div.button {
	background-color: white; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	margin-top: 2em; 
	margin-bottom: 2em; 
	border-top: 1px solid #BABABA; 
	border-bottom: 1px solid #BABABA;
}

/*
div.button {
	background-image: url("images/anzeige.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 15px; 
	padding-bottom: 10px; 
}
*/

/*	----------------------------------------
	Top-Nav
	----------------------------------------*/

div#top {
	display: block;
	width: 100%;
	height: 89px;
	border-bottom: 1px solid white;
	background-color: #E3E6EE;
	background-image: url("images/top-nav-bg.jpg");
	background-repeat: repeat-x;
}

div#topnav {
	display: block;
	width: 980px;
	height: 89px;
	background-image: url("images/top.jpg");
	background-repeat: no-repeat;
}

div#topnav ul {
	list-style-type: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	padding-top: 58px;
	padding-left: 170px;
}

div#topnav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

div#topnav ul li a {
	display: block;
	float: left;
	color: #004D7E;
	font-weight: bold;
	font-size: 1.1em;
	padding: 7px 15px 7px 15px;
	border-bottom: none;
}

div#topnav ul li a:hover {
	color: #001929;
}

div#topnav ul li.selected a {
	color: white;
}

div#topnav ul#contact {
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 85%;
}

div#topnav ul#contact li a {
	color: #5A5A5A;
	font-weight: normal;
	padding: 8px 6px 8px 6px;
}

div#topnav ul#contact li a:hover {
	color: #212121;
}

/*	----------------------------------------
	Navigation
	----------------------------------------*/

div#nav {
	display: block;
	float: left;
	width: 140px;
	position: absolute;
	top: 90px;
	left: 30px;
}

div#nav ul {
	padding: 0;
	margin: 0;
	display: block;
	float: right;
	width: 100%;
	list-style-type: none;
	margin-bottom: 15px;
	margin-top: 15px;
}

div#nav ul li {
	float: right;
	width: 100%;
	border-bottom: 1px solid #CBCBCB;
	text-align: right;
}

div#nav ul li a {
	color: #595959;
	display: block;
	padding: 4px;
	padding-right: 17px;
	font-weight: normal;
}

div#nav ul li a:hover {
	background-color: #FBFBFB;
	border-bottom: 0;
	color: black;
}

div#nav ul li.selected a {
	background-color: #FBFBFB;
	background-image: url("images/nav-arrows.gif");
	background-repeat: no-repeat;
	background-position: right center;
	color: black;
	display: block;
	padding: 4px;
	padding-right: 17px;
}

/*	----------------------------------------
	Suche
	----------------------------------------*/

form#search {
	padding: 0;
	padding-left: 5px;
	padding-top: 5px;
	margin: 0;
	margin-bottom: 30px;
	color: #888888;
}

form#search input, img {

}

/*	----------------------------------------
	rechte Seite
	----------------------------------------*/

div#right {
	position: absolute;
	top: 90px;
	left: 725px;
	width: 150px;
	font-size: 0.95em;
}

div#right div#spacer {
	width: 150px;
	background-color: white;
	border-bottom: 1px solid #CBCBCB;
	height: 50px;
}

div#right p {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

div#right h3 {
	font-weight: bold; 
	font-family: GraublauWeb, 'Trebuchet MS'; 
	color: #6D9300;
	padding-left: 0.5em;
	padding-right: 0.5em;
}


/*	----------------------------------------
	Fu§text
	----------------------------------------*/

div#footer {
	margin-top: 3em;
	padding-top: 1em;
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #CBCBCB;
	text-align: center;
	font-size: 0.9em;
	color: #808080;
}

div#footer p a {
	font-weight: normal;
}

/*	----------------------------------------
	Suche
	----------------------------------------*/

form#search input {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	width: 65px;
}

form#search input.button {
	margin: 0;
	padding: 0;
	margin-left: 3px;
	width: auto;
}


form#search label {
	margin: 0;
	padding: 0;
	width: 38px;
	text-align: left;
}

/*	----------------------------------------
	Inhalt
	----------------------------------------*/

div#main {
	display: block;
	position: absolute;
	top: 140px;
	left: 185px;
	width: 520px;
}

div#mainbox {
	display: block;
	width: 100%;
	float: left;
}

ul.alphabeth {
	display: block;
	float: left;
	margin: 0;
	margin-top: 2em;
	list-style-type: none;
	padding: 0;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	background-color: #F3F3F3;
}

ul.alphabeth li {
	float: left;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

ul.alphabeth li a {
	font-weight: normal;
	float: left;
	display: block;
}

ul.alphabeth li a:hover {
	border-bottom: none;
}

ul.alphabeth li.selected {
}

ul.alphabeth li.selected a {
	font-size: 200%;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", serif;
	color: black;
}

div#main div#mainbox div.media_download {
	float: left;
	width: 250px;
	text-align: center;
	margin-top: 2em;
}

div#main div#mainbox div.media_download h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#main div#mainbox div.media_download p.info {
	font-size: 0.9em;
}

/*	----------------------------------------
	Content-Box
	----------------------------------------*/
	
div#main div.content-box {
	float: left;
	width: 100%;
	border: 1px solid #D3D3A1;
	margin-top: 1em;
	margin-bottom: 1em;
}

div#main div.content-box h2 {
	color: white;
	font-weight: normal;
	background-color: #D3D3A1;
	margin: 0;
	padding: 0.2em;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div#main div.content-box p {
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

div#main div.content-box a {
	font-weight: normal;
}

div#main div.content-box a.selected {
	font-weight: bold;
}

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

div#main div.content-box ul {
	float: left;
	width: 100%;
	list-style-type: none;
	padding: 5px;
	margin: 0;
}

div#main div.content-box ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 30px;
}

div#main div.content-box ul li.first {
	width: 40px;
}

div#main div.content-box ul li a {
	text-decoration: none;
}

/*	----------------------------------------
	News-Box
	----------------------------------------*/
	
div#main div.news-box {
	border: 1px solid #D3D3A1;
	float: right;
	width: 180px;
	margin-top: 0;
	margin-bottom: 1em;
	background-color: #F3F3E2;
}

div#main div.news-box h2 {
	color: #BDB373;
	font-weight: normal;
	margin: 0;
	padding: 0.2em;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div#main div.news-box div.news {
	float: left;
	border-bottom: 1px dotted #EEEEE0;
	width: 100%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

div#main div.news-box div.news img {
	float: left;
	border: 1px solid #666666;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#main div.news-box div.news h3 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 0;
	color: #808080;
	font-family: GraublauWeb, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div#main div.news-box div.news p {
	margin: 0;
	padding: 0;
}

/*	----------------------------------------
	News-Item
	----------------------------------------*/
	
div#main div.newsitem {
	float: left;
	border-bottom: 1px dotted #EEEEE0;
	width: 100%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

div#main div.newsitem img {
	float: left;
	border: 1px solid #666666;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#main div.newsitem h3 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 0;
	color: #808080;
	font-family: GraublauWeb, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div#main div.newsitem p {
	margin: 0;
	padding: 0;
}

/*	----------------------------------------
	Video-Item
	----------------------------------------*/
	
div#main div.videoitem {
	float: left;
	border-bottom: 1px dotted #EEEEE0;
	width: 100%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}

div#main div.videoitem img {
	float: left;
	border: 1px solid #666666;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#main div.videoitem h3 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 0;
	color: #808080;
	font-family: GraublauWeb, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div#main div.videoitem p {
	margin: 0;
	padding: 0;
}

/*	----------------------------------------
	Book-Box
	----------------------------------------*/
	
div#main div.book-box {
	border-top: 1px solid #D3D3A1;
	float: left;
	width: 335px;
	margin-top: 0;
	margin-bottom: 1em;
}

div#main div.book-box h2 {
	color: #BDB373;
	font-weight: normal;
	margin: 0;
	padding: 0.2em;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

div#main div.book-box div.book {
	float: left;
	border-bottom: 1px dotted #EEEEE0;
	width: 100%;
	padding-bottom: 0.5em;
}

div#main div.book-box div.book img {
	float: left;
	border: 1px solid #666666;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#main div.book-box div.book h3 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 0;
	color: #808080;
	font-family: GraublauWeb, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div#main div.book-box div.book p {
	margin: 0;
	padding: 0;
}

/*	----------------------------------------
	Book-Item
	----------------------------------------*/
	
div#main div.bookitem {
	float: left;
	border-bottom: 1px dotted #EEEEE0;
	width: 100%;
	padding-bottom: 0.5em;
}

div#main div.bookitem img {
	float: left;
	border: 1px solid #666666;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#main div.bookitem h3 {
	margin-top: 0.5em;
	margin-bottom: 0.3em;
	padding: 0;
	color: #808080;
	font-family: GraublauWeb, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div#main div.bookitem p {
	margin: 0;
	padding: 0;
}

/*	----------------------------------------
	Login-Box
	----------------------------------------*/

/* 
	border: 1px solid #ACD029;
	background-color: #E7F3AD;
*/

div.login-box { 
	width: 520px;
	margin-top: 1em;
	margin-bottom: 1em;
	background: url(images/login/bg.jpg);
	color: #6D9300;
}

div.login-box a {
	color: #40858A;
}

div.login-box p {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

div.login-box p.divided {
	border-top: 1px solid #ACD029;
	padding-top: 1em;
	margin-top: 0.2em;
}

div.login-box p.error {
	margin-left: 140px;
	margin-bottom: 0em;
}

div.login-box form {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0em;
	margin-bottom: 0em;
}

div.login-box input {
	width: 150px;
}

div.login-box label {
	width: 150px;
}

div.login-box input.button {
	margin-left: 10px;
	width: auto;
}

div#main div.login-box div {
	width: 100%;
}

div.login-box div.o {background: url(images/login/o.jpg) 0 0 repeat-x;}
div.login-box div.u {background: url(images/login/u.jpg) 0 100% repeat-x}
div.login-box div.l {background: url(images/login/l.jpg) 0 0 repeat-y}
div.login-box div.r {background: url(images/login/r.jpg) 100% 0 repeat-y}
div.login-box div.lu {background: url(images/login/lu.jpg) 0 100% no-repeat}
div.login-box div.ru {background: url(images/login/ru.jpg) 100% 100% no-repeat}
div.login-box div.lo {background: url(images/login/lo.jpg) 0 0 no-repeat}
div.login-box div.ro {
	background: url(images/login/ro.jpg) 100% 0 no-repeat;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

/*	----------------------------------------
	Kontakte
	----------------------------------------*/
	
div.contact {
	float: left;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

div.contact img {
	float: left;
	margin-right: 1em;
	border: 1px solid #666666;
}

/*	----------------------------------------
	Suchergebnis
	----------------------------------------*/
	
div.searchlistitem {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

div.searchlistitem span.url {
	font-size: 0.9em;
	color: #808080;
}

div.searchlistitem div.percentageindicator {
	float: left;
	width: 120px;
	font-size: 0.9em;
	color: #808080;
}


/*	----------------------------------------
	Default-Formular
	----------------------------------------*/
	
div#main p.error {
	color: #B51A00;
	display: block;
	height: 35px;
	background-image: url(images/warning.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 0;
	padding-top: 0;
}

form br {
	clear: both;
}

div.formvalue {
	float: left; 
	margin-top: 10px; 
	margin-left: 10px; 
	color: black;
	width: auto;
}

input, textarea, select {
	float: left;
	font-family: "Lucida Sans", Tahoma;
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 10px;
}

input.button {
	margin-top: 10px;
	width: auto;
}

input.radio {
	margin-top: 10px;
	width: auto;
}

input.checkbox {
	margin-top: 10px;
	width: auto;
}

label {
	margin-top: 10px;
	float: left;
	text-align: right;
	margin-left: 10px;
}

label.disabled {
	color: #A6A6A6;
}

label.missing {
	color: #B51A00;
	font-weight: bold;
}

label.radio {
	width: auto;
	text-align: left;
	margin-left: 5px;
	float: left;
}

div#main form.default label.radio {
	width: auto;
	text-align: left;
	margin-left: 5px;
}

input.missing, textarea.missing {
	background-color: #ffdedb;
	background-image: url(/media/elemente/warning-arrow.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

input.optional {
	color: #B8B8B8;
}

div#main form.default {
	margin-top: 1em;
	margin-bottom: 1em;
}

div#main form.default p.error {
	margin-left: 140px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#main form.default input, textarea, select {
	width: 200px;
}

div#main form.default label {
	width: 120px;
}

div#main form.default input.quantity {
	width: 2em;
	margin-left: 140px;
}

div#main form.default input.button {
	margin-left: 140px;
	width: auto;
}

div#main form.default input.radio {
	margin-left: 140px;
	width: auto;
}

div#main form.default input.radio-front {
	margin-left: 0px;
	width: auto;
}

div#main form.default input.checkbox {
	margin-left: 140px;
	width: auto;
}

div#main form.default div.creditcards {
	margin-left: 140px;
}

div#main form.default div.creditcard {
	float: left;
	width: 50px;
}

div#main form.default div.creditcard input {
	width: auto;
}

div#main form.default div.paymentOptions {
	display: block;
	float: left;
	border: 1px solid #D3D3A1;
	background-color: #F3F3D6;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
}

div#main form.default div.paymentOptions h3 {	
	background-color: #D3D3A1;
	width: 100%;
	float: left;	
	color: white;
	font-weight: normal;
	margin: 0;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	width: 100%;
}

div#main form.default div.paymentOptions  h3 input {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	width: auto;
}

div#main form.default div.paymentOptions  h3 label {
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	width: auto;
	cursor: pointer;
}