@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/body-bg.jpg) top center no-repeat #04399a fixed;
	line-height:1.4em;
}
h1, h2, h3, h4 {font-weight:normal;margin:0; padding:0;}
h1 {font-size:24px; padding: 0 0 15px 0; }
h2 {font-size:18px; padding:0 0 12px 0;}
h3 {font-size:16px; padding:0 0 12px 0;}

p{margin:0;padding:0 0 12px 0;}
a {color:#197098; text-decoration:none;}
a:hover {color:#2192c6; text-decoration:underline;}

#gesamteseite {
	/*text-align:left;
	margin: 0 auto;
	width:960px;*/
}
#header {
	position:relative;
	width:960px;
	height:150px;
	margin: 0 auto 0 auto;
	text-align:left;
}

#contact_head_app {
	position:absolute;
	top:100px;
	left:781px;
	z-index:999;
	width:180px;
	height:99px;
}

#appbanner {
	margin-top:20px;
	text-align:center;
}

#globallinks { float:right; font-size:11px; color:#c0e1ff;}
#globallinks a { color:#c0e1ff; text-decoration:none;}
#globallinks a:hover { color:#ffffff; text-decoration:none;}
#logo {
	margin: 10px 0 0 15px;
	float:left;
	height:100px;
}
#logo a {
	display:block;
	float:left;
}
#logo img {
	border:none;
	float:left;
}
#logo img.ultimaratio-logo {
	margin:0 15px 0 0;
}
#logo img.lentz-logo {
	margin:5px 10px 0 35px;
}
#menuebar {
	clear:both;
	background:url(../images/menuebar-bg.gif) top left no-repeat;
	height: 30px;
	width:960px;
	margin:0;
	padding:0;
	list-style:none;
}
#menuebar li {float:left;}
#menuebar li a {
	display:block;
	padding: 0px 8px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:30px;
	background:url(../images/menuebar-divider.gif) top right repeat-y;
}
#menuebar li a.first{
	padding: 0 20px 0 0;
}
#menuebar li a.first b{
	float:left;
	display:block;
	width:20px;
	height:30px;
}
#menuebar li a:hover {
	background:url(../images/menuebar-bg_over.gif) top right no-repeat;
}
#menuebar li a:hover b{
	background:url(../images/menuebar-bg-left_over.gif) top left no-repeat;
}
#flashteaser {
	width:960px;
	height:405px;
	margin: 0 auto;
	text-align:left;
}
#FlashContent:focus {outline:none;}
#banderole {
	border-top: 1px solid #7e0709;
	border-bottom:1px solid #320101;
	padding: 10px 0;
	text-align:center;
	background:url(../images/red-bg.gif) top left no-repeat #4E0101;
	width:100%;
	/*height:680px;*/
}
#maincontent {
	width:960px;
	margin: 0 auto;
	text-align:left;
}
#footer {
	width:960px;
	height:90px;
	clear:both;
	color:#8c99a7;
	font-size:10px;
	padding: 18px 0;
	width:960px;
	margin: 0 auto;
	text-align:right;
}
#footer .footer-links div {
	float:right;
}
#footer div#socialshareprivacy {
	float:left;
	width:265px;
	text-align:left;
}
#footer .footer-links a {
	text-decoration:none;
	color:#8c99a7;
}
#footer .footer-links a:hover {
	text-decoration:none;
	color:#ffffff;
}
.clear{clear:both}
.submenue {
	margin:0;
	padding:0;
	list-style:none;
}
.submenue li a {
	display:block;
	border-bottom: 1px dashed #ffffff;
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 3px;
	color:#bb8788;
	line-height:1.2em;
}
.submenue li a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.col1, .col2, .col3, .col4{padding:10px; float:left;}
.col1 {width:220px;}
.col2 {width:460px;}
.col3 {width:700px;}
.col4 {width:940px;}
.col5 {width:450px; margin-top: 11px;}

.smallText {font-size:85%; line-height:1.2em;}
.boxcontent {height:275px; font-size:11px; line-height:1.3em;}
.boxcontent img {margin:0 0 6px 0;}
.divided { background:url(../images/box-divider.gif) top right repeat-y;}
.dividedHor { background:url(../images/dividerHor.gif) top left repeat-x;}
.pfadnav {font-size:10px; padding: 0 0 12px 0; color:#bb8788;}
.pfadnav span {color:#000000;}
.imageright {float:right;  padding:0 0 10px 10px; width:160px; font-size:10px; text-align:center; line-height:1.2em;}
.imageright img{border:1px solid #000000;}
.imageleft {float:left;  padding:0 10px 10px 0; width:160px; font-size:10px; text-align:center; line-height:1.2em;}
.imageleft img{border:1px solid #000000;}
.big { font-size:1.6em; line-height:1.6em; font-weight:bold; padding:2px 3px;} /*color:#299F29;*/
.red {color: #FF0000;}
img.tuevimage {float:left; margin:0 5px 0px 0; border:none;}

.SlideBtn {
	height:21px; 
	display:block;
	background:url(../images/btn-right.gif) top right no-repeat;
	padding: 0 10px 0 0;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	cursor:pointer;
}
.SlideBtn:hover {
	background:url(../images/btn-right_over.gif) top right no-repeat;
	text-decoration:none;
	color:#FFFFFF;
}
.SlideBtn span {
	display:block;
	padding: 0 0 0 10px;
	line-height:21px;
	background:url(../images/btn-left.gif) top left no-repeat;
	text-align:center;
}
.SlideBtn:hover span {
background:url(../images/btn-left_over.gif) top left no-repeat;
}
.SlideBtn span b {
	font-weight:normal;
	color:#a3c8d9;
	background:url(../images/downloadicon.gif) top left no-repeat;
	height:21px;
	display:block;
	float:right;
	padding:0 0 0 30px;
}
.SlideBtn:hover span b{
	background:url(../images/downloadicon_over.gif) top left no-repeat;
}
.sitemap a {
	color: #FFF;
}
#callback {margin:0; padding:0 0 20px 20px; width:204px;}
#callback label {display:block;}
#callback #mp_field_name, #Callback #mp_field_telno, #Callback #mp_field_time { 
	margin: 0 0 8px 0;
	border-top:1px solid #abadb3;
	border-right:1px solid #dbdfe6;
	border-bottom:1px solid #e3e9ef;
	border-left:1px solid #e2e3ea;
	height:18px;
}
#callback #mp_field_name { width: 200px;}
#callback #mp_field_telno {width: 200px;}
#callback #mp_field_time { width:60px;}
#callback #submitbtn {float:right; margin: 10px 0 0 0; border:1px solid #707070; background:url(../images/submitbtn.gif) top left repeat-x; height:20px; line-height:20px;}


/* 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 h1 {
	visibility: hidden;
}

a.fancyboxYt {
 	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	border:none;		 
 }
.fancyboxYt img{
	border:none;
} 

a.gallery {
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

a.gallery img {
	border:none;
}


.kontakt {
    padding: 10px;
}

.teaserBox {
    background: url("../images/teaser_hellrot_blank.png") no-repeat scroll left top transparent;
    height: 123px;
    width: 300px;
}

.accordion {
	margin: 0 0 17px 0;
}

.accordion_item {
	margin: 0 0 1px 0;
	padding: 0;
	background: none;
}

.accordion_item_header {
	position: relative;
	margin: 0;
	height: 26px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 28px;
    padding-top: 5px;

	background: transparent url(../images/accordion.png) no-repeat 0px 0px;
	cursor: pointer;
}

.accordion_item_header .date {
	padding-bottom: 3px;
	font-size: 10px;
	font-style: italic;
	line-height: 100%;
}

.accordion_item_header h2 {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

.accordion_item_header p {
	margin: 0;
	padding-top: 5px;
}

.accordion_item_header a.accordion_item_toggle,.content .accordion_item_header a.accordion_item_toggle:visited,.content .accordion_item_header a.accordion_item_toggle:hover,.content .accordion_item_header a.accordion_item_toggle:active
	{
	position: absolute;
	right: 10px;
	bottom: 3px;
	font-size: 10px;
	text-decoration: underline;
	#color: #585345;
}

.accordion_item_body {
	margin-top: -12px;
	padding: 17px 25px 1px 25px;
	background-color: #5F1A1A;
}

.important  {
	margin-bottom:10px;
	width:700px;
}
.important .top {
	height:10px;
	background: url(../images/redbox-top.png) no-repeat 0 0 transparent;
}
.important .bottom {
	height:10px;
	background: url(../images/redbox-bottom.png) no-repeat 0 0 transparent;
}
.important .middle {
	padding:10px 20px 0 20px;
	background: url(../images/redbox-bg.png) repeat-y 0 0 transparent;
}

/* Achtung-Overlay Startseite */
#achtung {
	width:497px;
	height:163px;
	background:url(../images/achtung.gif) no-repeat 0 0 transparent;
	position:absolute;
	top:-10px;
	left:-314px;
	z-index:500;
}

#achtung-open {
	width:230px;
	height:43px;
	background:url(../images/achtung-open.gif) no-repeat 0 0 transparent;
	position:absolute;
	top:57px;
	left:-5px;
	cursor:pointer;
}	

/* Staedteseiten */
.staedte-bg {
	background:url(../images/staedte-bg.png) no-repeat 50px 20px transparent;
	min-height:550px;
}

.uebersicht {
	margin:15px 0;
	width:667px;
}

.uebersicht .top {
	background:url(../images/staedte-box-top.png) no-repeat 0 0 transparent;
	height:10px;
}

.uebersicht .middle {
	background:url(../images/staedte-box-bg.png) repeat-y 0 0 transparent;
	padding:8px 20px;
}

.uebersicht .bottom {
	background:url(../images/staedte-box-bottom.png) no-repeat 0 0 transparent;
	height:10px;
}

ul.pfeil {
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style: none;
}
ul.pfeil li {
	background:url(../images/staedte-pfeil.png) no-repeat 0 7px transparent;
	float:left;
	padding-left:15px;
	width:135px;
	line-height:22px;

}
ul.pfeil li a:link, ul.pfeil li a:visited, ul.pfeil li a:focus, ul.pfeil li a:hover , ul.pfeil li a:active  {
	text-decoration:underline;
	color:#fff;
}

.staedte-achtung {
	background:url(../images/staedte-achtung.png) no-repeat 0 0 transparent;
	width:497px;
	height:163px;
	position:absolute;
	top:-12px;
	left:-7px;
}