/*
#######################################################
## PREOPTIONS
#######################################################
*/

* { margin: 0; padding: 0; }


html, body {
	font-family: tahoma, arial, verdana, helv, helvetica, sans-serif;
	font-size: 100.01%; color: #313716;
	background: #FFF;
	}

img { border: 0; }

.left {float:left;}
.right {float:right;}

a, a:link, a:visited, a:active { color: #222; }

h1 {
	font-size: 0.8em;
	padding: 5px;
	}

h2 {margin:35px 0 15px 0;padding:5px 0;border-bottom:1px solid #2e2e2e;background:#fff100;font-size:1em;}
h3 {
	font-size: 1.0em;
	padding-bottom: 20px;
	}

.page {	}
.clr { clear: both; }

.hidden { visibility: hidden; }

/* #### Logo - PreOptions #### */
.page .cmslogo {
	display: block;
	position: absolute;
	text-decoration: none;
	}

/* OVERLIB */
.page #overDiv table {
	padding: 2px;
	}

/*
#######################################################
## STRUCTURE
#######################################################
*/

.mainframe {
	width: 950px;
	margin: 0 auto;
	}

/*
#######################################################
## HEADER
#######################################################
*/

.header {
	position: relative;
	height: 150px;
	}

.cms-text {
	position: absolute;
	right: 20px; top: 60px;
	}
.cms-text p {	font-size: 1.5em; }

/*
#######################################################
## CENTER
#######################################################
*/

.nav {
	float: left;
	width: 200px; height: 500px;
	}
/* min-height hack */
html>body .nav {
	min-height: 500px;
	height: auto;
	}
.nav h1 {
	margin: 0;
	padding: 20px 0 5px 0;
	}
.nav li {
	margin: 0; padding: 0;
	line-height: 30px;
	}
.nav li a { font-size: 0.8em; text-decoration: none; }

.nav ul ul { margin-bottom: 10px; }
.nav li li { padding-left: 20px; font-size: 0.9em; line-height: 25px; }



.benutzer {
	width: 150px;
	margin: 15px 0 40px 20px;
	padding: 5px;
	border: 1px solid #fff;
	font-size: 0.8em;
	}

.content-start {

	}
.content {
	float: right;
	width: 730px;
	overflow-x: scroll;
	}
.titelbreite {
	width: 10%;
	font-size: 0.85em;
	}

.editorial {
	font-size: 0.8em;
	padding: 20px 20px 20px 0;
	}
.
.login_header {
	font-size: 1.2em;
	margin: 10px 0;
	}
.loginfeld {
	color: #777;
	text-align: center;
	}
.login_hint {
	width: 350px;
	padding: 5px; margin: 20px auto;
	text-align: center;
	border: 1px dashed #CCC;
	}

select option.main { font-weight: bold; }
select option.sub { text-indent: 10px; font-style: italic; }

/*
#######################################################
## MISC
#######################################################
*/

.trhead {
	line-height: 20px; background: #EFEFEF;
	}
.user .trhead td { text-indent: 5px; }
.user .trbody td { padding: 5px 0; text-indent: 5px; }

.linetrenner {display:block;margin:5px 0;padding:0;}
.linetrenner2 {margin:15px 0;padding:0;border-top:1px dashed #ccc;}
.whitetrenner {width:100%;height:2px;margin:10px 0 5px 0;padding:0;border-top:1px solid #fff;}

/* Formulare *************************/
input, select, textarea {margin:2px 0;padding:3px;border:1px solid #ccc;background:#f5f5f5;}
input:hover, select:hover, textarea:hover {border:1px solid #8aadd7;background:#dae4f4;}
input:focus, select:focus, textarea:focus {background:#fff;border:1px solid #999;color:#2e2e2e;}
select {padding:2px;}
.checkbox, .radio {width:auto;margin:0;padding:0;border:none;background:none;}
p.herstellerlogo {margin:5px 0;}
span.logoradio {margin:0 0 0 20px;padding:0;}
.submit {cursor:pointer;border: 1px solid #DDD;;background:#EEE;}
.submit:hover, .submit:focus, .submit:active {border: 1px solid #DDD;;background:#EEE;}

/* Listen ****************************/
ul {margin:0;padding:0;list-style:none;}
ul li {position: relative; padding:10px 0;border-bottom:1px solid #ddd;}
ul li a {margin:20px 0 0 0;text-decoration:none;font-size:.9em;color:#2e2e2e;}
ul li .icons {position:relative;margin-top:-16px;float:right;}
ul li .icons a {padding:3px;}
ul ul {margin:0;padding:0px;}
ul ul li {border:none;margin:3px 0;padding:4px 0 4px 20px;}
ul ul li a {color:#2e2e2e;}
ul ul ul {margin:5px 0;padding:0;}
ul ul ul li {margin:3px 0 0 15px;padding:4px 0 4px 10px;background:#f5f5f5;}

/* Java Tabs *************************/
.productview_greybar {width:530px;margin:25px 0 0 0;}
.productview_greybarlist {margin:0;padding:0;list-style:none;}
.productview_greybarlist li {float:left;margin:0;padding:0 0 0 0;border:none;}
.productview_greybarlist li a {float:left;padding:5px 12px 5px 12px;color:#898989;}
.productview_greybarlist li a:hover {background:#e1eff6;color:#333;}
.productview_greybarlist li a.active {background:#e1eff6;color:#333;}
.productview_pic_show {position:absolute;}
.productview_pic {display:none;position:absolute;}
#uebersicht, #funktionen, #spezifikationen, #zubehoer, #anwendungen, #downloads {min-height:280px;height:auto;padding:10px;background:#e1eff6;}

.bewerbungsanhaenge {
	position: relative;
	float: right;
	width: 200px;
	padding: 10px;
	border: 1px solid #9f9f9f;
	background: #f5f5f5;
	}

.bewerbungsbild { width: 200px; }
.icon { float: left; margin: 0 5px -3px 0; }


/* Module Tabellen */

.moduletable td {
	padding-bottom: 10px;
	padding-right: 10px;
	}
.moduletable_rubriken_header {
	position: relative;
	padding-bottom: 10px;
	}
.moduletable_rubriken_uebersicht {
	width: 100%;
	border-collapse: collapse;
	}
.moduletable_rubriken_uebersicht td {
	line-height: 2em;
	text-indent: 10px;
	}

/* FORM FORMATIERUNG */
.formular * { margin: 0; padding: 0; }
.formular { border: none; }
.formular legend { padding-bottom: 20px; }
.formular h2 {
	background: none;
	margin: 20px 0;
	border-bottom: 1px solid #CCC;
	color: #777;
	}
.formular p {
	position: relative;
	padding-bottom: 10px;
	}
.formular p label {
	display: block;
	padding-bottom: 5px;
	padding-left: 20px;
	}
.formular p input {
	padding: 5px;
	}
.formular p img {
	position: absolute;
	left: 0; top: 0px;
	width: 17px; height: 17px;
	}
.formular p input.submit {
	width: auto;
	padding: 5px;
	border: 1px solid #DDD;
	background: #F2F6F8;
	color: #333;
	}
.formular .checkbox {width:auto;display:inline;background:none;}

/* ARRANGEMENTS */
.arrangements li {
	position: relative;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	background: #EEE;
	}
.arrangements li a {	}
.arrangements li ul li {
	position: relative;
	font-size: 12px; font-weight: normal;
	background: #CCC;
	}
.arrangements li ul li a { text-decoration: none; }

/* VERANSTALTUNGEN */
.veranstaltungen li {
	position: relative;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	border: none;
	}
.veranstaltungen li a {	}
.veranstaltungen li ul li {
	position: relative;
	font-size: 13px; font-weight: normal;
	padding-left: 13px;
	}
.veranstaltungen li ul li a { text-decoration: none; }

.options {
	position: absolute;
	right: 10px; top: 5px;
	}
.rubriken { padding: 10px 0 2px 0; }

/* ADRESSEN */
.adressen li {
	position: relative;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	background: url(../images/mini_blue.gif) no-repeat 10px 9px #EEE;
	text-indent: 13px;
	}
.adressen li a {
	text-decortation: none;
	}
.adressen li li {
	position: relative;
	font-size: 14px; font-weight: normal;
	background: url(../images/pfeil_rechts.gif) no-repeat 10px 8px #CCC;
	text-indent: 10px;
	}
.adressen li li a { text-decoration: none; }
.adressen .block {
	position: relative;
	font-size: 14px; font-weight: normal;
	background: #FFF;
	margin-left: 0;
	text-indent: 0;
	}

/* STATISTIK */
.statistik li {
	position: relative;
	padding: 5px 0 5px 10px;
	border: none;
	}
.statistik li a { text-decoration: underline;	}
.statistik li ul li {
	position: relative;
	font-size: 13px; font-weight: normal;
	padding-left: 13px;
	}
.statistik li ul li a { text-decoration: none; }

/* SHOP */
.shop_tabs {
	position: relative;
	height: 30px;
	background: #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 20px;
	}
.shop_tabs li { float: left; padding: 0; }
.shop_tabs li a {
	display: block;
	font-weight: bold; line-height: 30px; color: #999;
	border-right: 1px solid white;
	padding: 0 15px; margin: 0;
	background: #EEE;
	}
.shop_tabs li a:hover,
.shop_tabs li.active a { background: #DDD; color: black; }

/* DATEPICKER */
.ui-datepicker-trigger { position: relative; left: 5px; top: -3px; }