/* ___ Template Styles ________________________________________________ */

body {
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #000;
	text-align:center;
  background:#94B7EE url(../++resource++images/bg_body.png) repeat-x top left;
}
#oWrapper {
	margin:0 auto;
	padding:0;
	width:848px;
	text-align:left;
}
h2 {
  margin-top:0px;
}

/* ___ Layout Styles __________________________________________________ */
#top {
  margin:0;
  padding:10px 0 0 0;
  width:848px;
	height:30px;
}
#top #left {
	width:400px;
	float:left;
}
#top #right {
	padding-right:5px;
	text-align:right;
}
#top a#home {
  padding:0 10px 0 20px;
  color:#000;
  text-decoration:none;
  background:transparent url(../++resource++images/icon_home.gif) no-repeat top left;
}
#top a#wir {
  padding:0 10px 0 20px;
  color:#000;
  text-decoration:none;
  background:transparent url(../++resource++images/icon_imprint.gif) no-repeat top left;
}
#top a#print {
  padding:0 10px 0 20px;
  color:#000;
  text-decoration:none;
  background:transparent url(../++resource++images/icon_print.gif) no-repeat top left;
}
#top a#agb {
  padding:0 10px 0 20px;
  color:#000;
  text-decoration:none;
  background:transparent url(../++resource++images/icon_agb.gif) no-repeat top left;
}
#top a#contact {
  padding:0 10px 0 20px;
  color:#000;
  text-decoration:none;
  background:transparent url(../++resource++images/icon_contact.gif) no-repeat top left;
}
#top a#imprint {
  padding:0 0 0 20px;
  color:#000;
  text-decoration:none;
  background:transparent url(../++resource++images/icon_imprint.gif) no-repeat top left;
}
#header {
  margin:5px 0 0 0;
  padding:0;
  width:848px;
  height:183px;
  background:transparent url(../++resource++images/bg_header.png) no-repeat top left;
}
#header h1 {
  margin:0;
  padding:50px 0 0 0;
  width:175px;
  font-size:1.6em;
  text-indent:-9999px;
}
#header p {
  margin:0;
  padding:0;
  width:175px;
  font-size:1em;
  font-weight:bold;
  text-align:right;
}

#footer {
	margin:0;
	padding:15px 0 0 0;
	color:#000;
	text-align:center;
	background:transparent url(../++resource++images/bg_footer.png) top left no-repeat;
}
/*wrapper*/
#wrapper {
  margin:0;
  padding:0;
  width:848px;
	background:transparent url(../++resource++images/bg_wrapper.png) repeat-y top left;
}

/* sidebar */

#sidebar {
	margin:0 0 0 4px;
	padding-top:17px;
	width:235px;
	font-size:1.1em;
	background:url(../++resource++images/bg_sidebar_top.png) top left no-repeat;
	float:left;
}
#sidebar div.box-blau {
	margin:0 0 25px 15px;
	padding:0 0 1px 0;
	width:204px;
	background:#729DE2 url(../++resource++images/bg_navi.png) bottom left no-repeat;
}
#sidebar div.box-blau #produkte {
	margin:0;
	padding:0;
	height:36px;
	text-indent:-9999px;
	background:url(../++resource++images/bg_navi_h2.png) top left no-repeat;
}
#sidebar div.box-blau ul {
	margin:13px 10px 12px 19px;
	padding:0;
	font-weight:bold;
	list-style:none;
}
#sidebar div.box-blau ul li.level0 {
	padding:0 0 0 15px;
	line-height:1.5em;
	background:url(../++resource++images/bg_navi_icon.png) left center no-repeat;
}
#sidebar div.box-blau ul li.level1 {
	padding:0 0 0 15px;
	font-weight:normal;
	line-height:1.5em;
	background:url(../++resource++images/bg_navi_icon_sub.png) left center no-repeat;
}
#sidebar div.box-blau ul li a {
	color:#fff;
	text-decoration:none;
}
#sidebar div.box-blau ul li a.active {
	color:#333;
	text-decoration:none;
}
#sidebar div.box-blau ul li a:hover { text-decoration:underline; }

#sidebar div.text {
	margin:10px 0 0 15px;
	padding:0 0 10px 0;
	width:204px;
	font-size:.95em;
/*	border-bottom:1px solid #ccc; */
}
#sidebar div.text h3 {
	margin:15px 0 10px 0;
	font-weight:bold;
	font-size:14px;
	color:#03369B;
	border-bottom:1px solid #03369B;
}
#sidebar div.text p {
	margin:8px 0 0 0;
	font-weight:normal;
	color:#333;
	line-height:1.4em;
}
#sidebar div.text p a { text-decoration:none; }
#sidebar div.text p a:hover { text-decoration:underline; }
#sidebar div.text p a img { border:none; }
#sidebar #infomappe { margin:10px 0 30px 0; }
#sidebar #infomappe a {
	width:162px;
	height:19px;
	position:absolute;
	text-indent:-9999px;
	display:block;
	background:transparent url(../++resource++images/btn_infomappe_blau.png) 0px 0px no-repeat;
}
#sidebar #infomappe a:hover { background:transparent url(../++resource++images/btn_infomappe_blau.png) 0px -40px no-repeat; }


/*content container*/
#container {
  margin:0;
  padding:0;
	width:848px;
}

#container #content {
  margin:0 0 0 265px;
  padding:17px 0 30px 0;
  width:560px;
  max-width:560px;
}

/* ___ clearfix _______________________________________________________ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ___ Formular Styles ________________________________________________ */

fieldset {
  margin:5px 0;
}
legend {
  font-weight:bold;
}
label {
  margin:0;
  padding:0;
  width:150px;
  float:left;
}
div.field {
  margin:5px 0;
  border-bottom:1px solid #ddd;
}
div.fieldwrapper {
  margin:2px 0;
  width:360px;
  float:left;
}
div.control {
  margin:2px 0 2px 150px;
  width:200px;
}
p.fielddescr {
  margin:0 5px 0 365px;
  padding:2px 0 0 0;
}

input.date {
  margin:0 4px 0 4px;
  font-size:.8em;
}
input.store, select.store, textarea.store {
  margin:0 7px 0 4px;
  font-size:.8em;
}
input.stringfield, input.emailfield {
  width:200px;
}
input[type=checkbox].store {
}
input[type=radio].store {
}
textarea.store {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  width:200px;
}
select.store {
  font-size:.8em;
}
div.hint {
  margin:10px 0;
}
div#success {
  margin-bottom:50px;
  color:#683;
}
div#error {
  color:#c00;
}


/* ___ Kontakt-Formular _______________________________________________ */
div#contactform {
  margin:20px 0;
  padding:0;
}
div#contactform div#success {
  margin:0;
}
div#contactform table.formtable td {
  margin:0;
  padding:2px 0;
  vertical-align:top;
}
div#contactform textarea.textareafield {
  width:400px;
  height:150px;
}
div#contactform .warning { color:#c00; }
div#contactform #contactsubmit {
  margin:0 0 0 4px;
  padding:1px 10px;
  background:#683;
  color:#fff;
  font-weight:bold;
  border: 1px solid #333;
}
div#contactform #contactsubmit:hover { background:#090; }
div#contactform #contactreset {
  margin:0;
  padding:1px 10px;
  background:#900;
  color:#fff;
  font-weight:bold;
  border: 1px solid #333;
}
div#contactform #contactreset:hover { background:#c00; }

/* ___ IE-Hacks _______________________________________________________ */
* html #subnav ul li a {
  width:170px;
}
* html #container #content {
  margin-left:215px;
}
* html div.control {
  margin:2px 0 2px 0;
  width:200px;
}
* html input.store, * html input.date { font-size:1em;}
* html label {width:140px; }

/* Extension for callback form */
#exform div.KontaktForm h4 { margin-bottom:20px; }
#exform div.KontaktForm div.KontaktFormElement #subfield_datum_day,
#exform div.KontaktForm div.KontaktFormElement #subfield_datum_month,
#exform div.KontaktForm div.KontaktFormElementError #subfield_datum_day,
#exform div.KontaktForm div.KontaktFormElementError #subfield_datum_month {
        width:47px;
}
#exform div.KontaktForm div.KontaktFormElement #subfield_datum_year,
#exform div.KontaktForm div.KontaktFormElementError #subfield_datum_year {
        margin-right:7px;
        width:62px;
}
#exform div.KontaktForm div.KontaktFormElement #sublabel_time,
#exform div.KontaktForm div.KontaktFormElement #sublabel_time
{
        margin-right:3px;
}
#exform div.KontaktForm div.KontaktFormElement #subfield_datum_hour,
#exform div.KontaktForm div.KontaktFormElement #subfield_datum_minute,
#exform div.KontaktForm div.KontaktFormElementError #subfield_datum_hour,
#exform div.KontaktForm div.KontaktFormElementError #subfield_datum_minute {
        width:25px;
}
#exform div.KontaktForm div.KontaktFormElementNachricht textarea.short,
#exform div.KontaktForm div.KontaktFormElementNachrichtError textarea.short {
        height:150px;
}
/* END callback form */

/* end cascade */
