* {
	margin: 0;
	padding: 0;
}

html {
}

body {
	background: #e3e3e3 url(background.png) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

#wrapper {width: 960px;  background: #FFF; margin: 20px auto 0 auto ; box-shadow: 0 0 15px #aaa; -moz-box-shadow: 0 0 15px #aaa; -webkit-box-shadow: 0 0 15px #aaa;}
#header {width: 960px; background: #eee; margin: 0; padding: 0; border-bottom: 1px dashed #A8CFEB; }
#balken {height: 10px; background: #A8CFEB;}
#logo {width: 250px; height: 120px; float: left; margin: 0 0 0; padding: 0;}
#banner {width: 710px; height: 120px; float: right; margin: 0 0 0; padding: 0;}

#main {margin: 0; color: #363636; margin-left: 274px;}
#main .inside {padding: 0px 15px 15px 15px; }

#footer {clear: both; width: 960px; height: 22px; color: #000; font-size: 0.9em; padding: 15px 0px 0px 0px; background: #A8CFEB url('footer.png') top  no-repeat; border-bottom: 2px solid #5eafce;}
#footer .inside {text-align: center;}


/*########## MODULE ##########*/

/***** SPRACHWECHLER *****/

#language { float:left; padding-left: 15px; }

.mod_changelanguage {
	width: 170px;
	margin-top: 4px;
}
.mod_changelanguage a,
.mod_changelanguage span {
	float: left;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -999em;
	margin-right: 10px;
	width: 16px; 
	height: 11px;
}
.mod_changelanguage ul {list-style: none;}
.mod_changelanguage li { display: inline; }

.mod_changelanguage .lang-de {
	background: url(flag_de.gif) no-repeat;
}
.mod_changelanguage .lang-en {
	background: url(flag_us.gif) no-repeat;
}
.mod_changelanguage .lang-fr {
	background: url(flag_fr.gif) no-repeat;
}
.mod_changelanguage .lang-es {
	background: url(flag_es.gif) no-repeat;
}
.mod_changelanguage .lang-sk {
	background: url(flag_sk.gif) no-repeat;
}


/***** TOPMENÜ ******/

#topmenu {height: 20px; width: 707px; background: #eee url('topmenu.png') bottom repeat-x; margin: 0; padding: 12px 0px 14px 253px;}
#topmenu ul{list-style: none; margin: 0; padding: 0;}
#topmenu li, #topmenu p {margin: 0; padding: 0; display: inline;}
#topmenu a, #topmenu p, #topmenu li span.active {padding: 6px 8px; font-size: 12px; color: #444; text-decoration: none; letter-spacing: 0px; font-family: sans-serif; font-weight: bold; text-transform: uppercase;}
#topmenu a:hover, #topmenu li span.active {color: #5A97B4;}
#topmenu p {font-weight: bold; color: #5A97B4; text-decoration: underline;}
#topmenu li .trail {font-weight: bold; color: #5A97B4;}
#topmenu li {margin:0; display: inline; padding: 0; border-right: 1px solid #5A97B4;}
#topmenu li .first, #topmenu li.first span.active {margin-left:28px;}
#topmenu li.last {border-right: 0;}
#topmenu li.active { }


/***** SUCHE *****/

#header .mod_form { position: absolute; float: left; margin: 9px 0 0 15px; }
#header .mod_form label {display: none; margin-left: -9999;}
#header .mod_form input.text {font-family: arial, verdana; border: 1px solid #5EAFCD; margin-right: 3px; padding: 2px; width: 163px; float: left; background: #D9E5EE;}
#header .mod_form input.submit  {float: left; margin-left: 3px;}
#header .mod_form input:focus {background: #FFFFFF;}

#main .mod_search .formbody {display: block; background: #B7F0FF; padding: 4px 6px; height: 27px;}
#main .mod_search .header {margin-top: 5px; background: #eee; padding: 4px 6px;}
#main .mod_search input.submit  {border: 1px solid #3f768a; color: #FFF; font-weight: bold; background: #FFF url('submit.gif') top repeat-x; margin: 3px; padding: 2px; float: left; height: 21px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#main .mod_search input.text {font-family: arial, verdana; background: #FFF; border: 1px solid #5EAFCD; margin-right: 3px; padding: 2px; float: left;}
#main .mod_search label {display: none; margin-left: -9999;}
#main .mod_search #ctrl_keywords {width: 250px;}
#main .mod_search .highlight {background-color: #EEEEEE;}
#main .mod_search .url {font-style: italic; border-bottom: 1px solid #eee; padding-bottom: 15px;}


/***** BREADCRUMB *****/

#header .mod_breadcrumb {width: 645px; font-size: 0.9em; border: 0; background: #eee url(pfeil.png) left 2px no-repeat; padding: 2px 0 4px 20px; margin-left: 288px; color: #999;}


/***** LOGIN *****/

#header #login {
	float: left;
	padding-left: 20px;
	margin-top: 1px;
	text-transform: uppercase;
	font-weight: bold;
	background: url(pfeil.png) left center no-repeat;
}


/***** IMAGESLIDER *****/

#main .ce_imageslider {
	border: 1px solid #ccc;
	margin: 20px 0;
	border-top: 8px solid #A8CFEB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#main .ce_imageslider .buttons {
	background: #A8CFEB;
	margin: 0;
}
#main .ce_imageslider .buttons span {
	padding: 4px;
}


/*########## CONTENT ##########*/

/***** MAIN *****/

#main .submit_container {text-align: right;}
#main .submit { border: 1px solid #3f768a; color: #FFF; font-weight: bold; background: #FFF top url('submit.gif') repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/***** LEFT *****/

#left { margin: 15px 0 0 10px; padding: 0; float: left;}
#left .inside {padding: 0px 5px;}
/*Roh Layout*/
#left ul {list-style: none; padding: 0; margin: 0;}

#left .mod_navigation li {background: #9ec3dd;}
#left .mod_navigation li li {background: #A8CFEB;}
#left .mod_navigation li li li{background: #C5DFF1;}
#left .mod_navigation li li li li{background: #d9e5ee;}
#left .mod_navigation li li li li li{background: #E2EFF8;}

/*#left .mod_navigation li {background: #37718b;}
#left .mod_navigation li li {background: #4B9BBE;}
#left .mod_navigation li li li{background: #ADDAF4;}
#left .mod_navigation li li li li{background: #e3e3e3;}
#left .mod_navigation li li li li li{background: #ffffff;}*/

#technische-information-stand-90---druckansicht .pdf_link , #technische-information-stand-90---printable-version .pdf_link{
	background-color: #00ffff;
	text-align: center;
	font-weight: bold;
	border: 0;
	padding: 4px;
	width: 100%;
	margin-top: 15px;
}

/***** Links, Abstand, Farbe *****/

/*1. Ebene*/
#left .mod_navigation li a, #left .mod_navigation li p, #left .mod_navigation li li a:hover {font-size: 1.1em; color: #444444; padding: 5px 1px 5px 3px; margin:  0; text-decoration: none;border-top: 1px solid #FFF; font-family: sans-serif; display: block;}
#left .mod_navigation li a:hover {text-decoration: underline;}
#left .mod_navigation li p {font-weight: bold; text-decoration: underline;}

/* 2. Ebene*/
#left .mod_navigation li li a, #left .mod_navigation li li p, #left .mod_navigation li li a:hover  {font-size: 1.1em; color: #FFFFFF; padding: 5px 1px 5px 10px; background: none; border-top: 1px solid #FFF;}
#left .mod_navigation li li a:hover {text-decoration: underline;}
#left .mod_navigation li li p {font-weight: bold; text-decoration: underline;}

/* 3. Ebene*/
#left .mod_navigation li li li a, #left .mod_navigation li li li p, #left .mod_navigation li li li a:hover {font-size: 0.9em; color: #208ebe; padding: 5px 1px 5px 17px; font-weight: normal; background: none; border-top: 1px solid #FFF;}
#left .mod_navigation li li li a:hover {text-decoration: underline;}
#left .mod_navigation li li li p {font-weight: bold; text-decoration: underline;}

/* 4. Ebene*/
#left .mod_navigation li li li li a, #left .mod_navigation li li li li p, #left .mod_navigation li li li li a:hover  {font-size: 0.9em; color: #666; padding: 5px 1px 5px 24px; font-weight: normal; background: none; border-top: 1px solid #FFF;}
#left .mod_navigation li li li li a:hover {text-decoration: underline;}
#left .mod_navigation li li li li p {font-weight: bold; text-decoration: underline;}

/* 5. Ebene*/
#left .mod_navigation li li li li li a, #left .mod_navigation li li li li li p, #left .mod_navigation li li li li li a:hover  {font-size: 0.9em; color: #353535; padding: 5px 1px 5px 24px; font-weight: normal; background: none; border-top: 1px solid #FFF;}
#left .mod_navigation li li li li li a:hover {text-decoration: underline;}
#left .mod_navigation li li li li li p {font-weight: bold; text-decoration: underline;}

#left .mod_navigation li .trail, #left .mod_navigation li .trail:hover{font-weight: bold;}

/***** NEWS *****/

#left .block {
	margin-bottom: 10px;
}

#left .mod_newslist {
	background: #f5f5f5;
}
#left .layout_simple /*.even */{
	padding: 2px 6px;
	color: #666;
	margin-top: 2px;
}
#left .layout_simple .last {
	margin-bottom: 0px;
	margin-top: 2px;
}


/********** ALLGEMEIN **********/

#main .mod_form {
	margin-bottom: 10px;
}

a {color: #6d8fa7;text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}

.c25l .ce_download,
.c25r .ce_download {
	width: 140px;
}
.ce_download.block {
	background: #f5f5f5;
	padding: 3px 5px;
	margin-bottom: 4px;
}
.ce_download.block:hover {
	background: #eee;
}
.ce_download a {
	color: #666; text-decoration: none; font-size: 0.9em;
	display: block;	
	margin-top: 2px;
}
.mime_icon {
	float: left;
	margin-right: 4px;
}

#left .datum {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 10px;
	color: #999999;
}

p { margin: 0 0 8px 0; padding: 0; }

hr {border: 0; border-bottom: 1px solid #DDD; margin-top: 18px; margin-bottom: 12px;}

.newsline { padding: 0; color: #FFF; margin: 0;}
.ce_form .text , .ce_form .textarea, .ce_form .select, .ce_form .checkbox, .ce_form .explanation, .ce_form .submit {margin: 2px;}
.caption {font-size: 0.8em; color: #000; background: #C5DFF1; padding: 2px 4px; margin: 0; line-height: 1.3em;}
.c25l .caption { width: 142px; }

.pdf_link {
	margin-top: 15px;
}

#galerie .caption {
  font-size: 0.8em;
  color: #000;
  background: #ADDAF4;
  padding: 2px;
  margin: 0;
  margin-bottom: 10px;
  width: 655px;
}


/***** LISTEN *****/

#main ul{
	margin: 10px 0 8px 0;
}

#main li {
	margin-bottom: 5px;
	margin-left: 20px;
}

/***** BACK/ZURÜCK *****/

.back {
	text-align: right;
	margin-top: 15px;
	border-top: 1px dashed #ccc;
	padding: 2px 4px;
	background-color: #eee;
	height: 16px;
}
.back .left {
	background: url(pfeil_links.png) left center no-repeat;	
	padding-left: 20px;
	float: left;
}
.back .right {
	background: url(pfeil_hoch.png) right center no-repeat;	
	padding-right: 20px;
	float: right;
}

/***** PAGINIERUNG *****/

#main .pagination {
	margin-top: 15px;
}
#main .pagination p {
	float: left;
	padding: 4px 0 4px 0;
}
#main .pagination ul {
	padding: 4px 0 4px 0;
	float: right;
	margin: 0;
}
#main .pagination li {
	display: inline;
	margin: 0 2px;
}
#main .pagination li a ,
#main .pagination span.current {
	background: #EEEEEE;
	border: 1px solid #ccc;
	padding: 3px 5px;
	text-decoration: none;
}
#main .pagination li a:hover,
#main .pagination span.current {
	background: #B7F0FF;
	color: #666;
}

/***** ÜBERSCHRIFTEN *****/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	margin: 10px 0px;
}

h1 {font-size: 20px; color: #5A97B4; font-family: arial, verdana, sans-serif; font-weight: normal; padding-top:10px; padding-bottom:10px; line-height: 24px;}
.hx h1 { padding-bottom: 0; margin-bottom: 4px; }
.hx h3 { padding-top: 0; margin-top: 0; }
h2 {
	font-size: 16px;
	color: #666666;
}
h3 {
	font-size: 16px;
	color: #5A97B4;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	padding-top:10px;
	padding-bottom:10px;
}
h4 {font-size: 10px; color: #AAA; font-family: Arial, Sans-serif; font-weight: normal;}
h5 {
	font-size: 14px;
	color: #666;
	font-family: Arial, Sans-serif;
	font-weight: bold;
}

#left .mod_newslist h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #000000;
	padding: 4px;
	background: #ADD5EF;
}

#left .mod_newslist h3 {
	margin-top: 5px;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 12px;
}

table h1,
.ce_download h1 {
	padding-top: 0;
	padding-bottom: 5px;
}


/***** Videodarstellung *****/

#main .video-wrapper { width: 200px; }
#main .video-low { float: left; }
#main .video-high { float: right; }
#main .video-clear { clear: both; }
#main .video-unterschrift { width: 192px; padding: 4px; background: #A8CFEB; margin-bottom: 12px; margin-top: 4px;}

.image_container {padding: 0; margin: 0;}


/***** FORMULARE *****/

#main label, #main input, #main textarea, #main select  {float: left;}
#main legend  {font-size: 1.0em; color: #5EAFCD; font-weight: bold;}
#main fieldset {border: 1px solid #5EAFCD; margin: 10px 0px; background: #EFEFEF; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#main input, #main textarea, #main select {background: #FFF; font-family: arial, verdana; padding: 2px; border: 1px solid #5EAFCD; font-size: 1.0em; margin: 3px 0px;}
#main label {clear: left; width: 120px; color: #666; margin: 2px; padding: 2px;}
#main .captcha_text  {float:left; color: #666;margin: 5px 5px 0px 2px; padding: 0;}
#main select:active, #main select:focus, #main textarea:active, #main textarea:focus, #main input:active, #main input:focus {background: #FFF; border: 1px solid #5EAFCD;}

#main .field {float: left;  width: 200px;  text-align: left;}
#main .error {color: red;}

.radio_container span {float: left; width: 50px;}
.radio_container input {float: left; padding-top: 2px;height: 15px;}
.radio_container label {padding-top: 2px; height: 20px;}

/***** Länge für Adressfeld beim Kontaktformular *****/

.address {width: 200px;}
.pflicht {float: left;}
.blind {color: #CCC;}
.blind h1, .blind h2 {color: #AAA;}


/***** TABELLEN *****/

#main .ce_text table,
#main .ce_table table {
	border: 1px solid #ccc; border-collapse: separate; border-spacing: 2px; width: 100%; margin: 0 0 10px 0;}
#main .ce_text table td,
#main .ce_table table td {
	background: #EEEEEE; padding: 5px 8px; vertical-align: top;}
#main table th,
#main .tablehead {
	background: #A8CFEB; padding: 5px 8px;}

/***** Tabellenmanipulationen *****/

.impressum td {
	border-width: 0px;
	padding: 2px;
	border-style: solid;
	border-color: #FFF;
	background-color: #FFF;
	vertical-align: top;}

.leak-detectors-for-petrol-stations .ce_text table {
	border: 0;
}
.leak-detectors-for-petrol-stations .ce_text table td {
	background-color: none;
}

#main #schaltwerte-der-leckanzeiger-fuer-behaelter .ce_text table td,
#main #switch-values-of-leak-detectors .ce_text table td,
#main #spinacie-hodnoty-indikatora-pre-nadrz .ce_text table td,
#main #technische-information-stand-90-printable-version .ce_text table td {
	padding: 2px 1px;}