@import "style_dialog.css";
@import "style_forms.css";
@import "style_lightbox.css";
@import "style_link.css";

/* -----------------------------------------------
COMMON DEFINITIONS
*/
html, body {
	color:#272F27;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 100%;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #DCDCDB url(../img/bg_body.jpg) repeat-x;
	padding: 11px 0 0 0;
}

img {
	border: 0;
}

ul, ol { 
	margin: 0 0 0 14px; 
	padding: 0;
}

sub, sup {
    line-height: 0px;
    font-size: 80%;
    font-family: Arial,Verdana,Helvetica,sans-serif;
}
    
a, a:link, a:active { 
	text-decoration: none; 
	color: #999999;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
}

a:hover {
    color: #666666;
}

p { 
	margin: 0 0 24px 0; 
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
	color: #272f27;
    font-weight: normal;
}

h2 {
	color: #FFFFFF;
    font-weight: normal;
}

iframe {
    margin: 0px;
    padding: 0px;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.clearboth {
	clear: both;
}

a.greybutton {
    background-image: url(../img/bg_button.gif);
	color: #666666;
	font-weight: bold;
	text-decoration: none;
    margin: 10px 0px 0px 0px !important;
	padding: 5px 10px 5px 10px !important;
    display: block;
}

a.greybutton:hover { color: #4d4f52 }

.white {
    color: #FFFFFF;
    font-weight: bold;
}

.whitetext {
    color: #FFFFFF;
}

.small {
    font-size: 10px;
}

/* -----------------------------------------------
LAYOUT
*/

div#container {
	background: #FFFFFF none repeat scroll 0 0;
	font-size: 0.7em;
	margin: 0 auto;
	padding: 11px;
	position: relative;
	text-align: left;
	width: 944px;
}

div#legal {
    margin: 0 auto;
	padding: 11px;
	position: relative;
	text-align: left;
	width: 944px;
    font-size: 10px;
    color: #FFFFFF;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
}

#AjaxContentCon {
	position: absolute; 
	z-index: 100;
	top: 130px; 
	left: 0; 
	width: 100%; 
	text-align: center;
}

#AjaxContent {
	margin: 0 auto;
	padding: 11px;
	position: relative;
	text-align: left;
	width: 800px;
	height: 600px;
	z-index: 100;
	background-color: #FFFFFF;
	overflow: auto;
	display: none;
	border: #FFFFFF 5px solid;
}

#closelayer {
	margin: 0 auto;
	padding: 5px 2px 5px 20px;
	position: relative;
	text-align: right;
	background-color: #FFFFFF;
	color: #000000;
	width: 810px;
	height: 20px;
}

/* -----------------------------------------------
Header
*/
div#header { 
	position: absolute;
	top: 11px;
	left: 11px;
	z-index: 10;
	background: #6e7274;
	margin: 0;
	width: 944px;
	height: 74px;
}

div#header img { float: left; }

ul#navigation { margin: 0 0 0 7px; clear: both; padding: 11px 12px 7px 12px; list-style-type: none; }
ul#navigation li { float: left; margin: 0 70px 0 0; position: relative; }
ul#navigation li.last { margin: 0; }
ul#navigation li a { color: #ffffff; font-size: 10px; background: url(/img/arrow_white_right.gif) 0px 2px no-repeat; padding: 0 0 0 10px; }

ul#navigation li a:hover { color: #000000; background: url(/img/arrow_black_right.gif) 0px 2px no-repeat; }

div.subnav {
	position: absolute; 
	top:19px; 
	left: 0px; 
	z-index: 10;
	width: 150px;
	display: none;
}

div.subnav ul { margin: 0; padding: 0 5px 5px 0; list-style-type: none; }
div.subnav ul li { border-bottom: 1px solid #86898B; width: 150px; }
div#subnav1 ul li a, div#subnav2 ul li a, div#subnav3 ul li a, div#subnav4 ul li a, div#subnav5 ul li a, div#subnav6 ul li a { 
	font-weight: normal;
	letter-spacing: -1px;
	color: #FFFFFF;
	padding: 6px 10px 6px 10px;
	display: block;
	background: none #6e7274;
}
div.subnav ul li a:hover, div.subnav ul li a:focus {  color: #ffffff !important; background: none !important; background-color: #434647!important; }

#fb { color: #FFFFFF; background-color: #5c5f62; position: absolute; top: 18px; right: 20px; z-index: 100; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div#fb ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; }
div#fb ul li { padding: 5px 5px 5px 5px; margin: 0px 0px 0px 0px; float: left; }
div#fb ul li img { display: block; }

/*
div#fb ul li a { font-weight: normal; color: #FFFFFF;  }
div#fb ul li a:hover, div.#fb ul li a:focus { color: #FFFFFF!important; }
*/

/* -----------------------------------------------
Main Content
*/
div#content { 
	position: relative; 
	background: #DFE0E0 url(../img/bg_maincontent.jpg) repeat-x 0px 255px;
	padding: 74px 0 14px 0;
}

div#maincontent {
	background: #ffffff; 
	margin: 7px 0 0 10px;
	padding: 28px 0 28px 20px;
	width: 713px;
	min-height: 400px;
}

div#maincontent p, div#maincontent table.norm {
	width: 630px;
}

div.conHalf { float: left; width: 335px; }
div#maincontent div.conHalf p { width: 335px; }

/* -----------------------------------------------
Footer
*/
div#footer { 
	text-align: left; 
	clear: both; 
	background: #FFFFFF;
	margin: 0 -11px 0 -11px;
	padding: 11px 0px 0px 10px;

}

div#footer ul li { margin: 0; float: left; border-right: 1px solid #757575; padding: 0 7px; list-style-type: none; }
div#footer ul li.first { border: 0 none; margin: 0 20px 0 0; padding: 0; }
div#footer ul li.last { border: 0 none; }
div#footer ul li.fb { border: 0 none; padding-left: 615px; }
div#footer a:focus, div#footer a:hover { background: #e3eefc; }

/* -----------------------------------------------
Call to Action
*/
div#rightcontent {
	position: absolute;
	top: 340px;
	left: 753px;
}

div.call-to-action { width: 186px; height: 141px; }
div.call-to-action ul { margin: 0; padding: 0 5px 5px 0; list-style-type: none; }
div.call-to-action ul li { border-bottom: 1px solid #DDDDDD; }
div.call-to-action ul li.first { border-top: 1px solid #DDDDDD; }
div.call-to-action ul li a { font-weight: bold; color: #000000; padding: 6px 10px 6px 10px; display: block; background: url(/img/arrow_grey_right.gif) 163px 10px no-repeat #ffffff; }
div.call-to-action ul li a:hover, div.call-to-action ul li a:focus { background-color: #e7ebe5!important; }

div#openinghours, div#waytous {
	display: none;
	position: absolute;
	bottom: 141px;
	left: 0px;
	width: 173px;
	background-color: #ffffff;
	padding: 8px 0px 8px 8px;
	font-size: 0.9em;
	color: #000000;
}

div#openinghours span, div#waytous div {
	font-size: 11px;
	font-weight: bold;
}

/* -----------------------------------------------
special Styles for Homepage
*/

div#maincontentHome {
	position: absolute;
	top: 95px;
	left: 20px;
    width: 600px;
}

div#maincontentHome p {
	color: #FFFFFF;
	width: 470px;
}

div#rightcontentHome {
	position: absolute;
	top: 485px;
	left: 753px;
}

div#teaser {
	position: absolute;
	top: 485px;
	left: 0px;
}

div#contentHome { 
	position: relative; 
	padding: 74px 0 0 0;
}

div#teaserHome1 { position: absolute; top: 485px; left: 11px; }
div#teaserHome2 { position: absolute; top: 485px; left: 249px; }
div#teaserHome3 { position: absolute; top: 485px; left: 487px; }

ul#teaser-list {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
}

ul#teaser-list li {
    float: left;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    width: 223px;
}

ul#teaser-list li a.teaser {
    font-weight: bold;
    color: #FFFFFF;
    padding: 6px 10px 0px 20px;
    width: 200px;
    display: block;
    background: url(/img/arrow_red_right.gif) 8px 10px no-repeat;
}

ul#teaser-list li img.handle {
	margin: 0px 0px 0px 0px;
	cursor: move;
}

div#teaserHome1 a.teaser, div#teaserHome2 a.teaser, div#teaserHome3 a.teaser {
    font-weight: bold;
    color: #FFFFFF;
    padding: 6px 10px 0px 20px;
    width: 200px;
    display: block;
    background: url(/img/icn_arrow_red_right.gif) 8px 10px no-repeat;
}

/* -----------------------------------------------
special Styles for Angebote
*/
table.angebote { width: 690px; }
table.angebote td { padding: 10px 25px 0 0; }
table.angebote td.border { padding: 10px 25px 20px 0; border-bottom: #EBEBEB 1px solid; }

/* -----------------------------------------------
special Styles News and Events
*/
table.news { width: 690px; }
table.news td { padding: 20px 25px 20px 0; border-bottom: #FFFFFF 1px solid; }
div.newsstar { color: #999999; }
/*table.news tr.hovernews:hover { background-color: #e7e7e7; }*/
/*table.news tr.hoverevents:hover { background-color: #f1f1f1; }*/
table.news td.last { border-bottom:none; }

table.news a, table.news a:link, table.news a:active, table.news a:visited { 
	text-decoration: none; 
	color: #999999;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    font-weight: bold;
}

table.news a:hover {
    color: #666666;
}

table.news ul { margin-top: 5px; }

table.news li { margin: 0px 0px 2px 10px;}
/* -----------------------------------------------
special Styles content (history)
*/
table.content { width: 690px; }
table.content td {	padding: 20px 0px 20px 0px; }

table.content a, table.content a:link, table.content a:active, table.content a:visited { 
	text-decoration: none; 
	color: #999999;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    font-weight: bold;
}

table.content a:hover {
    color: #666666;
}

/* -----------------------------------------------
special Styles Modelle
*/
ul.menu-options { margin: 0; border-top: 1px solid #c2c2c0; list-style-type: none; width: 354px; }
ul.menu-options li { border-bottom: 1px solid #c2c2c0; }
ul.menu-options li a { color: #434644; text-transform: uppercase; padding: 8px 0 7px 74px; display: block; background-position: left top; background-repeat: no-repeat; background-color: #fff }
ul.menu-options li a:hover, ul.menu-options li a:focus { background-color: #e7ebe5!important}
ul.menu-options li p { margin: 8px 0 12px 0 }

div.submodel-block { margin: 0px 10px 15px 0px; padding: 0; width: 226px; float: left; }
div.submodel-block .modell-img { width: 226px; height: 119px; padding-bottom: 20px; }
div.submodel-block ul { margin: 0; padding: 0; list-style: none }
div.submodel-block ul strong { float: left; padding: 7px 0 0 0 }
div.submodel-block ul select { float: right; font-size: 10px; border: 1px solid #b5b0a9; margin: 3px 0 }
div.submodel-block ul a { background: url(/img/arrow_white_right.gif) 7px 6px no-repeat #b5b0a9; display: block; margin: 0 0 1px 0; padding: 3px 0 3px 17px; color: #fff; font-weight: bold }
div.submodel-block ul a.pdf { background: url(/img/icons/pdf.gif) 1px 3px no-repeat #D5D5D5; display: block; margin: 0 0 1px 0; padding: 3px 0 3px 20px; color: #666666; font-weight: bold }
div.submodel-block table { width: 100% }
div.submodel-block table td { padding: 6px 0px 6px 6px; border-top: 1px solid #ccc }
div.submodel-block table th { border-top: 0 none; padding: 15px 0px 6px 6px }
div.block-last { margin-right: 0px !important; }

div#gallery { width: 610px; }
div#gallery img { float: left; padding: 0 18px 18px 0; }

div#galleryBig { display: none; position:absolute; top: 510px; left: 30px; width: 627px; background: #FFFFFF url(../img/gal_mid.gif) repeat-y; }

/* -----------------------------------------------
special Styles Service
*/
a.servicePic img { margin: 0 23px 20px 0;}

.tooltip {
  background-color:#F7F8F7;
  border:1px solid #999999;
  width: 250px;
}

.tooltip .text {
	padding: 13px 11px;
	text-align: left;
	font-size: 0.7em;
	color: #000000;
}

.services {
    margin: 0px;
    padding: 0px;
}

.services td {
    background-color:#F7F8F7;
    border-bottom:1px solid #999999;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
}

.services tr:first-line {
    border-top:1px solid #999999;
}

.serviceIcon {
    width: 115px;
    float: left;
    padding: 5px 0px 15px 0px !important;
}

.serviceTitle {
    width: 215px;
    font-size: 13px;
    font-weight: bold;
    float: left;
    padding: 5px 0px 15px 0px !important;
}

.serviceDescription {
    width: 330px;
    clear: both;
    float: left;
    padding: 5px 0px 15px 0px !important;
}

.serviceDescription ul {
    font-weight: normal;
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.serviceDescription ul li {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
    background-image: url(/img/list.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* -----------------------------------------------
SIFR
*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-active h1, .sIFR-active h2, .sIFR-active h3 { visibility: hidden; font-family: Arial; line-height: 1em; font-weight: normal; color: #FFFFFF; }
.sIFR-active h4 { visibility: hidden; font-family: Arial; line-height: 1em; font-weight: normal; color: #000000; }
.sIFR-active h1 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 26px; }
.sIFR-active h2 { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; font-size: 26px; }
.sIFR-active h3 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 16px; }
.sIFR-active h4 { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; font-size: 26px; }

/* ### -- -- -- -- -- gallery -- -- -- -- -- ### */

#gallery-menu {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 11px 2px;
}

#gallery-menu a {
    /*
    padding: 3px 5px;
    border: 1px solid gray;
    background: #eeeeee;
    */
    background:url(/img/bg_gallery_paging.gif) top left no-repeat;
    border:1px solid #999999;
    padding: 4px 6px;
    text-decoration: none;
}

#gallery-menu a:hover, #gallery-menu a.wactive {
    /*
    background:#FFFFFF none repeat scroll 0%;
    border:1px solid #666666;
    padding: 4px 6px;
    */
    background:url(/img/bg_gallery_paging.gif) top left no-repeat;
    border:1px solid #CCCCCC;
    padding: 4px 6px;
    color: #000000;
    text-decoration: none;
}

.galleryRow {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 11px 2px;
}

.galleryRow img {
    display: inline;
}

#gallery {
    
}

#galleryImages ul {
    font-weight: normal;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#galleryImages ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: transparent none !important;
}

#galleryImages ul li img, #galleryImages img {
    background:#FFFFFF none repeat scroll 0%;
    border:1px solid #CECDC3;
    padding:3px;
}

.gw {
    border: 1px solid #dfdfdf;
    padding: 7px;
    margin-bottom: 20px;
    width: 679px;
    cursor:pointer;
}