<!--
body {
	background:url('../images/background.gif');
	background-color: #004C5B;
	background-position: bottom;
	background-attachment:fixed;
	background-repeat: repeat-x;
	text-align: center; /*centers the main in IE5/win */
	overflow-x:hidden;
	overflow-y:scroll;
}
body, td {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #999;
	}

label {
 cursor: pointer;
 cursor: hand;
}

h1 {
	font-size:16px;
	margin-top:5px;
	margin-bottom:0px;
	padding-bottom:1px;
	font-weight:normal;
	font-style: italic;
	color:#5a9ca9;
	}

h2 {
	font-size:18px;
	margin-top:5px;
	margin-bottom:4px;
	font-weight:normal;
	display:block;
	color: #FFF;
	line-height:28px;
	}

h3 {
	margin-bottom:5px;
	margin-top:0px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

hr {
	height:1px;
	background:white;
	border:none;
	border-bottom:1px dotted #DEDEDE;
	width:auto;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}

a:link, a:visited, a:active {
	color:#333;
	text-decoration:none;
	}

a:hover {
	color:#333;
	}

a.white:link, a.white:visited, a.white:active {
	color:#fff; }

a.white:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #000000;
}

#container {
	width: 848px;
	margin: auto; /* centers the whole container */
	text-align: left;
	padding:none;

}

#popup {
	margin: auto; /* centers the whole container */
	margin-top: 10px;
	text-align: center;
	font-size:12px;
	padding:0px;
	border:0px solid #C70E11;
}


/* main===== */

#eyecatcher {
	float:right;
	border:1px solid;
	margin-right:20px;
	margin-top:60px;
}

#main {
	clear: left;
	padding-top: 0.4em;
	margin-top:28px;
	color:#ffffff;
	font-size:12px;
	line-height:15px;
	position:relative;
}

#main div.left_side {
	width:580px;
	min-height:300px;
	padding-left: 2px;
}

#main div.right_side{
	position:absolute;
	right:0px;
	top:0px;
	width:250px;
}

#main input, #main textarea{
	border:1px solid #CCC;
	background:#EEE;
}

#main input:focus,#main textarea:focus{
	border:1px solid #000;
	background:#EEE;
}


#main a:link,
#main a:visited,
#main a:active {
	color:#5a9ca9;
	text-decoration:none;
	}

#main a:hover {
	color:#FFF;
	}

#main div.gallery a,
#main div.gallery a:link,
#main div.gallery a:visited,
#main div.gallery a:active {
  background:none;
	color:#5a9ca9;
	text-decoration:none;
	border:none;
	padding:0;
	}

#main div.gallery a:hover {
	background:none;
	color:#333;
	border:none;
	padding:0;
	}
	
.gallery {
	float:right;
	margin-bottom: 10px;
}

.image {
	float: left;
	border: 1px solid #5A9CA9;
	padding: 4px;
	margin: 4px;
}

.image img {
	padding: 2px;
	/*background-color: #fff;*/
}

#main .form-class input.form_element {
	background-color: #4d828d;
	border-color: #4d828d;
}

#main .form-class textarea.form_element {
	background-color: #4d828d;
	border-color: #4d828d;
}

#main .form_row input.btn {
	color:ffffff;
	background-color: #FFF;
	font-family: Georgia;
	font-size: 18px;
	padding: 0 40px 0 40px;
}

/* COMPANY LOGO/CI ===== */
#company {
	background-image:url('../images/company.jpg');
	background-repeat: no-repeat;
	width: 848px;
	height: 0px;
	padding-top: 69px;
	margin: 53px 2px 12px;
	overflow:hidden;
	display:block;
}

/* BANNER IMAGE ===== */
#stage_image {
	/*background-image:url('../images/stage_image.jpg');*/
	background-repeat: no-repeat;
	width: 848px;
	height: 228px;
	margin: 0 1px 25px;
	position:relative;
}

#stage_image div.stage_image2{
	background-position: top right;
	background-repeat: no-repeat;
	width: 848px;
	height: 228px;
}

#stage_image div.stage_overlay {
	width:180px;	
	background:white;
	height:100%;
	left:55%;
	position:absolute;
}


#stage_image ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	padding-bottom:1px;
	left:10px;
	top:20px;
	width: 160px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	list-style: none;
	color:#003845;
	background:white url(../images/dot.gif) repeat-x 0px 100%;
}

#stage_image ul#secondary li {
	background:white url(../images/dot.gif) repeat-x 0px 0px;
}

#stage_image ul#secondary li a,#stage_image ul#secondary li span {
	font-size:12px;
	width: auto;
	display: block;
	padding: 3px 5px;
	margin: 0;
	text-align: auto;
}

#stage_image ul#secondary li a {
	text-decoration: none;
	color:#003845;
}

#stage_image ul#secondary li a:hover {
	color:#003845;
	text-decoration: none;
}

#header ul#secondary li a:active {
	color: #000;
}

#stage_image ul#secondary li a.chosen{
	color:#003845;
	font-style:normal;
	font-weight:bold;
}


#stage_image div.stage_overlay div.stage_heading {
	position:absolute;
	bottom:25px;
	margin:0px 10px;
	color:#737373;
	font-size:11px;
	line-height:17px;	
}

/* NAVIGATION ===== */

#header {
	position: relative;
	width:100%;
	width: 848px;
	height: 28px;
	margin-left:1px;
}

#header ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	background:url('../images/navi_background.jpg');
	background-repeat: repeat;
	width: 848px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
	width: auto;
	display: block;
	float: left;
	padding: 6px 12px;
	margin: 0px 0px 0 5px;
	text-align: center;
	text-decoration: none;
	color: #5a9ca9;
}

#header ul#primary a.on, #header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	margin-top: 0;
	color:#FFFFFF;
	font-weight:bold;
	font-family: Arial;
}

#header ul#primary a {
}

#header ul#primary a:hover {
	margin-top: 0;
	/*font-weight:bold;
	font-family: Arial;*/
	color:#FFF;
}

/* FOOTER ===== */
#footer{
	position:relative;
	width: 848px;
	margin: 25px auto 0;
	text-align: left;
	color:#ffffff;
}
#footer a {
	color:#ffffff;
}
#footer div.print_site, div.impressum, div.agb, div.up {
	position:absolute;
	font-size: 12px;
	top: 7px;
}
#footer div.footer_border {
	border-top:1px solid #4d828d;
	width: 580px;
}
#footer div.print_site {
	left: 0;
	background-image: url('../images/footer_print.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 18px;
}
#footer div.impressum {
	left: 170px;
	background-image: url('../images/footer_impressum.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 14px;
}
#footer div.agb {
	left: 285px;
	background-image: url('../images/footer_agb.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 9px;
}
#footer div.up {
	left: 503px;
	background-image: url('../images/footer_top.jpg');
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 16px;
}
#footer div.easycms {
	position:absolute;
	top:27px;
	right:0px;
	font-size:11px;
	color:#ddd;
	font-family:Arial;
	visibility: hidden;
}
#footer div.easycms a{
	color:#bbb;
}

.box,
.box_image 
{
	border:1px solid #33707c;
	padding:0px 7px;
	margin:5px 0px 10px 0px;
	max-width:250px;	
	line-height: 17px;
	position:relative;
	min-height:50px;
}

.box h1,.box h2,
.box_image h1,.box_image h2 {
	border:none;
	color:#000;
	font-size:14px;
}

.box p,
.box_image p{
	margin:7px 0px;
}

.box_image {
	padding-bottom:25px;
}
.box_image img{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:-1;
}

#main .box input, #main .box textarea{
	border:1px solid #999;
	background:#FFF;
	padding-left:3px;
}

#main .box input:focus,#main .box textarea:focus{
	border:1px solid #666;
	background:#FFF;
	padding-left:3px;
}

div.gallery {
  margin-top: 10px;
}

div.invisible {
	display: none;
}

/* HACKS (hide from) */

/* Mac IE */

@media screen, projection {
.search-box { color:white }
}
/* end Mac IE */


-->

.icon_lock
{
  padding-left: 22px;
  padding-bottom: 1px;
  background: url(../images/css/lock.png) no-repeat left;
  line-height: 16px;
}

.access_denied
{
  padding: 7px;
  padding-left: 28px;
  background: #fdd url(../images/css/lock.png) no-repeat 5px;
  margin-bottom: 20px;
}

div.info{
	padding: 5px;
	background: #FFA;
	margin-bottom: 10px;
	color: #4D828D;
}

div.error{
	padding: 5px;
	background: #FCC;
	margin-bottom: 10px;
	color: #4D828D;
}

/* These are standard sIFR styles... do not modify 

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
*/
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. 
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}
*/
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles 

.sIFR-hasFlash #main h1 {
	visibility: hidden;
	line-height:23px;
}

.sIFR-hasFlash h2.render {
	visibility: hidden;
	line-height:20px;
}*/