* { margin: 0; padding: 0; }
html { background-color:#f0f1f3; }
body {
	font: normal 0.75em/1.5em "Arial","Helvetica",sans-serif;
	color: #48545c;
	background: url(/pics/bg_body.png) repeat-x 50% 309px #fff;
}
.nodisplay {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.spacer											{ display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }

legend											{ display: none; }
input, select, textarea							{ width: 95%; }
.checkbox, .radio								{ width: auto; }
.button:focus									{ background-color: transparent; }
label											{ cursor: pointer; }
img 											{ border: 0px none; }
strong											{ font-weight: bold; }
a												{ color: #1c7ab1; }
a:visited										{ color: #1c7ab1; }
a:hover											{ color: #1c7ab1; }
#content a:hover								{ text-decoration: underline; }
a:active										{ color: #1c7ab1; }
li a											{ display: block; text-decoration: none; }
p												{ margin: 0 0 1.5em 0; }
abbr											{ cursor: help;  color: #1978B5; }
h1, h2, h3, h4, h5, h6							{ font-size: 100%; }
ul, ol 											{ margin: 0; padding: 0; }
li												{ margin: 0; padding: 0; list-style-type: none; }
hr { display: none; }

h1 {
	width:120px;
	height:55px;
	position:absolute;
	top:40px;
	right:20px;
	background: url(/pics/logo.gif) no-repeat 50% 50%;
}
h1 a {
	display:block;
	width:120px;
	height:55px;
}

form {
	background: url(/pics/verlauf_formular2.jpg) repeat-x 0 0;
	border: 1px solid #e0e0e0;
}
fieldset {
	border: 2px solid #fff;
	padding:1em 3em;
}

label {
	margin-top:0.25em;
	display:block;
	font-weight:bold;
	position:relative;
}
.error label { color:#A63C3C; background-color:#F7DCDC; }
label abbr {
	border: 0pt none;
	font-size:200%;
	cursor: help;
	position: absolute;
	top: 3px;
	right: 0;
}

.error input {
	/*background-color:#F7DCDC;*/
}
label.hidden { display:none; }
input {
	margin-top: 0.25em;
}

div.submit {
	background: url(/pics/submit_right.gif) no-repeat 100% 50%;
	width: auto !important;
}
div.submit input, div.submit a {
	padding: 1.5em 2em 1.5em 1.5em !important; margin: 0 !important;
	background: url(/pics/submit_left.gif) no-repeat 0 50%;
	border: 0px none;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	text-align: left;;
	cursor: pointer;
	width: auto !important;
}

a.more {
	background: url(/pics/bullet.gif) 0 50% no-repeat;
	padding-left: 8px;
}
a.morebutton {
	margin:0;
	padding:10px 0 10px 11px;
	color:#7b858c;
	background: url(/pics/a_more_left.gif) 0 50% no-repeat;
	text-decoration:none;
	white-space:nowrap;
}
a.morebutton span {
	margin:0;
	padding:10px 10px 10px 9px;
	background: url(/pics/a_more_right.gif) no-repeat 100% 50%;
	white-space:nowrap;
}
a.morebutton:hover { color:#48545c; }
.pdf a {
	background: url(/pics/pdf.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}
div.up a {
	background: url(/pics/up.gif) no-repeat 0 50%;
	display: block;
	margin-top: -3.5em;
	float: right;
	padding-left: 12px;
}
.teaserimage, .detailimage {
	float: left;
	border: 1px solid #e0e0e0;
	margin: 0 10px 10px 0;
}
.detailimage.large {
	margin: 0 0 10px 0;
}
.teaserimage img, .detailimage img {
	float: left;
	padding: 10px;
}
ul.std li,ul.teaser li {
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
	background: url(/pics/dots.gif) 0 100% repeat-x;
	padding-left: 10px;
}
ul.teaser.news li {
	padding-left: 0;
}
ul.std li {
	background: url(/pics/bullet.gif) 0 0.45em no-repeat;
	margin-bottom: 0;
	margin-top: 0.75em;
}

ul.toolbar li a {
	background: url(/pics/bullet.gif) 0 50% no-repeat;
	margin: 0.75em 0;
	padding-left: 10px;
	display: block;
}


ul.teaser li p { margin: 0; }
ul.teaser li p a { float: left; }


ul.std, ol.std {
	padding-left:14px;
	margin-bottom:1em;
}

ul.teaser{
	margin-bottom: 1em;
}

/* ******************** page blocks */
#main {
	margin:0 auto;
	width:1000px;
}

#page {
	width: 780px;
	text-align: left;
	margin: 0 auto;
}

#header {
	height:370px;
	background: url(/pics/bg_header.png) repeat-x 100% 100%;
	border-bottom:8px solid #48545c;
}
#header #inner {
	position:relative;
	height:370px;
	background: url(/pics/bg_header_inner.gif) no-repeat 652px 100%;
	border-bottom:1px solid #fff;
}

#header ul#languageSwitch { margin:0 0 0 20px; }
#header ul#languageSwitch li {
	float:left;
	background-image: none;
}
#header ul#languageSwitch li.aktiv { background-color:#f0f1f3; }
#header ul#languageSwitch li a {
	float:left;
	padding:0 1em;
	line-height:40px;
	color:#48545c;
}

/* positionierungsersatz fuer sprachumschalter */
div#languageSwitch { height: 40px; width: 40px; }


div.error {
	display:block;
	padding:1em;
	margin:0 0 1em 0;
	border:1px solid #A63C3C;
	background-color:#F7DCDC;
}
div.error p { margin:0; }

/****************/
/* quicklinks */
#quicklinks {
	position:relative;
	clear:both;
	float:left;
	width:222px;
	background: url(/pics/bg_produktfinder.png) no-repeat 50% 0 #fff;
	margin:-101px 0 0 0;
	padding:70px 20px 0 40px;
	color:#7b858c;
}
#quicklinks a.morebutton { display:block; clear:both; float: none; }
#quicklinks a.morebutton span { display:block; width:188px; }

#content {
	display:block;
	float:left;
	width:620px;
	padding:0 0 5em 0; /* Bisschen viel? */
	margin:0 50px 0 48px;
}
#content h2 {
	font-size: 270%;
	font-family:"georgia",serif;
	font-weight:normal;
	margin:1em 0;
	line-height: 1em;
}
#content #halfLeft, #content #halfRight {
	float:left;
	width:297px;
	padding:0;
	
}
#content #halfRight {
	margin-left:25px;
}
ul.featureListe {
	background: url(/pics/dots.gif) repeat-x 0 0;
	padding:0 0 1em 0;
}
ul.featureListe li {
	background: url(/pics/dots.gif) repeat-x 0 100%;
	margin-bottom: 1px;
}
ul.featureListe li a {
	background: url(/pics/pfeile_aufklappen.gif) no-repeat 100% 50%;
	font-weight:bold;
	line-height:2.5em;
	padding-left: 1em;
	margin-right: 1em;
}
ul.featureListe li a.schliessen { background-image:url(/pics/pfeile_schliessen.gif); }
ul.featureListe li ul { margin-left:3em; }
ul.featureListe li ul li { list-style-image:url(/pics/bullet.gif) }
ul.featureListe li ul li a { background-image:none; }

div.mediaContainer {
	display:block;
	width:650px;
	height:325px;
	margin:0 0 1em 0;
}
div.mediaContainer object {
	width:inherit !important;
}
div.mediaContainer object.flash {}

div#linkListe {
	padding:1em;
	border:1px solid #eaeaea;
	background-color:#f0f1f3;
	margin-bottom:1em;
}
div#linkListe h3 { margin-bottom:1em; }
div#linkListe ul li { background-image:none; }
div#linkListe ul li a { color:#48545c; }
div#linkListe ul li a:hover { text-decoration:underline; }

div.eintragPartner {
	padding:0;
	margin:0 0 1em 0;
	background: url(/pics/dots.gif) repeat-x 0 100%;
}

div.eintragPartner .address {
	width:239px;
	float:left;
	margin-right: 10px;
}
div.eintragPartner .details {
	width:239px;
	float:left;
}
div.eintragPartner .partner {
	float: left;
	width: 49%;
}
div.eintragPartner .logo {
	float: left;
	width: 160px;
}
div.eintragPartner .contact {
	float: left;
	width: 200px;
	text-align: right;
	display: none;
}
div.eintragPartner .contact.active {
	display: block;
}


.eintragPartner .logo a, .eintragPartner .logo span {
	display: block;
	float: left;
	width: 120px;
	margin-left: 10px;
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
	text-align: center;
}
.eintragPartner .logo img {
	padding: 10px;
}
#footer {
	clear:both;
	height:4em;
	background-color:#f0f1f3;
}
#footer ul {
	width:1024px;
	margin:0 auto;
}
#footer ul li {
	background-image: none;
	display:block;
	float:left;
}
#footer ul li.first-child { margin-left:20px; }
#footer ul li a {
	padding:0 1.5em;
	display:block;
	float:left;
	color:#7b858c;
	border-left:1px solid #fff;
	line-height:22px;
}
#footer ul li a.first-child { border:none; }
#footer ul li a:hover { text-decoration:underline; }

/* ******************** elements styles */
dl.faq dt, dl.std dt {
	font-weight: bold;
	background: url(/pics/bullet.gif) no-repeat 5px center;
	padding-left: 20px;
}
dl.faq dd, dl.std dd {
	padding: 0.25em 0 0.75em 20px;
	margin-bottom: 0.75em;
	background: url(/pics/dots.gif) repeat-x 0 100%;
}

dl.overview { margin-bottom: 1.5em; }
dl.overview dt { font-weight: bold; width: 250px; }
dl.overview dd { background: url(/pics/dots.gif) repeat-x 0 100%; padding-left: 260px; margin-top: -1.5em; }

h2.subtitle {
	margin: 1.5em 0 0.75em 0;
	font-size: 200% !important;
	font-weight: normal;
	float: none;
	clear: both;
}

.halfleft h2.subtitle, .halfright h2.subtitle { font-size: 150% !important; }

form#orderlicence ul, .tripleform ul { float: none; clear: both; }
form#orderlicence ul li, .tripleform ul li { float: none; clear: both; background-image: none;}
form#orderlicence label, .tripleform label { 
	float: left;
	width: 25%;
	text-align: right;
	margin-bottom: 0.75em;
	font-weight: bold;
	position: relative;
	padding-right: 5%;
}
form#orderlicence input, #orderlicence select, .tripleform input, .tripleform select, .tripleform textarea {
	float: left;
	width: 65%;
	margin-left: 2%;
	margin-bottom: 0.75em;
}
form#orderlicence input.checkbox, .tripleform input.checkbox { width: auto; margin: 0 10px 0 28%; }
form#orderlicence label.checkbox, .tripleform label.checkbox { width: 100%; text-align: left; }
form#orderlicence p, .tripleform p { margin-left: 85px; }
form#orderlicence .submit, .tripleform .submit { float: left; margin-left: 30%; }
form#orderlicence .submit input, .tripleform .submit input { float: left; }

.tripleform .halfleft { border: 0 none; float: left; width: 40%; height:340px; padding-right: 0; }
.tripleform .halfright { border: 0 none; float: right; width: 40%; height:340px; padding-left: 0; }

form.tripleform h3 {
	font-size: 140%;
	margin-left: -1.5em;
	margin-bottom: 0.75em;
	border-bottom: 1px solid #48545C;
}


form#login {background-image: url(/pics/verlauf_formular_kurz.jpg) }
form#login .submit { float: left;}

.checkbox label {
	display: inline;
}
.checkbox input {
	width: auto;
}

/* ******************** forms */
.button
{
	width: auto;
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	border: 0 solid;
	background-color: transparent;
	text-decoration: underline;
	text-align: left;
}

/* ******************** override */
.last
{
	border: 0 none !important;
	background-image: none !important;
}


/* ******************** produktfinder */

#produktfinder_probleme {
	float: left;
	width: 300px;
	background: url(/pics/verticaldots.gif) repeat-y 100% 0;
	padding-bottom: 50px;
}
#produktfinder_probleme ul, #produktfinder_probleme li { padding: 0; }
#produktfinder_probleme li 				{ background: url(/pics/dots.gif) repeat-x 0 100%; }
#produktfinder_probleme li div			{ padding: 5px 20px 5px 0; }
#produktfinder_probleme li.aktiv div 	{ background: url(/pics/produktfinder_pfeil2.gif) no-repeat 100% 0; }

#produktfinder_loesungen {
	float: left;
	width: 310px;
}
#produktfinder_loesungen .loesung a {
	font-weight: bold;
}

ul.platforms, ul.platforms li, ul.platforms li input, ul.platforms li label {
	float: left;
}
ul.platforms li {
	width: 150px;
}
ul.platforms li label {
	padding-left: 8px;
}
ul.platforms {
	width: 100%;
	padding: 0.75em 0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}

#tamax {margin-left: 31.8%;}

ul.downloads li a {
	background: url(/pics/bullet.gif) 0 50% no-repeat;
	margin-top: 0.75em;
	padding-left: 10px;
	display: block;
}
ul.downloads li span{
	margin-bottom: 0.55em;
	padding-bottom: 0.25em;
	padding-left: 10px;
	display: block;
	background: url(/pics/dots.gif) repeat-x scroll 0 100%;
}

a.logout {float: right; margin-top: 0.75em}

/* lightbox */
#video-content { position: absolute; top: 0; left: 0; width: 100%; height: 1px; z-index: 500; }
#canvas { position: absolute; top: 0; left: 0; background-color: #FFF; width: 100%; height: 100px; }
#video { position: absolute; top: 50%; left: 50%; margin-left: -340px; background-color: #fff; border: 1px solid #BDC1C4; }
.close { display: block; margin: 10px 0 0 10px; width: 25px; height: 25px; background: url(../pics/close.gif) 50% 50% no-repeat; }
#stagewrapper {margin: 5px 15px 15px 15px; text-align: center; }

.player-h2 {color: #ffffff;}
.player-h3 {color: #ffffff;}
.link-player { display: block; width: 100%; height: 100%;}
.player { padding: 0 0 0 200px;}

.preview { position: relative; }
.play{ position: absolute; top: 33%; left: 25%; width:100px; height: 100px; }