/* Optional Code */

body { font-size: 100%; margin: 0; padding: 0; color: #ffffff; background-color: #fff; text-align: left; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }


A       { TEXT-DECORATION: underline; COLOR: #ffffff; }
A:hover { COLOR: #ffffff; TEXT-DECORATION: none; }

p  { padding-bottom: 0.5em; margin: 0;}

.druck {
	PADDING-RIGHT: 5em; FLOAT: right
}

.headline { padding: 0 0 0 1.5em; }
#prev { FLOAT: right; padding: 0 0.5em 0 0 }


h1 { padding: 0.5em 0.5em 0.5em 0; margin: 0; font-size: 1.7em; font-weight: bold; }
h2 { padding: 0.5em 0.5em 0.5em 0; margin: 0; font-size: 1.4em; font-weight: bold; }
h3 { LINE-HEIGHT: 10px; padding: 0.5em 0.5em 0.5em 0; margin: 0; font-size: 1.1em; }


.content { FONT-WEIGHT: normal; FONT-SIZE: 0.9em; COLOR: #333366; LINE-HEIGHT: 15px; FONT-STYLE: normal; TEXT-ALIGN: left; }


.navhead { padding: 0.5em 0.5em 0.5em 10px; margin: 0; font-size: 1.0em; font-weight: normal; }

#blue { float: right;  background-color: #333366; }


#nav3  {
	COLOR: #fff; font-size: 0.8em; float: right; padding-right: 20px;
}

#nav3 a {
	COLOR: #fff; TEXT-DECORATION: none; FONT-WEIGHT: bold;
}

#nav3 a:hover {
	COLOR: #fff; TEXT-DECORATION: underline; FONT-WEIGHT: bold;
}

#nav3Active a {
	COLOR: #fff; TEXT-DECORATION: underline; FONT-WEIGHT: bold;
}

#nav3Active a:hover {
	COLOR: #fff; TEXT-DECORATION: underline; FONT-WEIGHT: bold;
}


.navitems { padding: 0.5em 0.5em 0.5em 10px; margin: 0; font-size: 1.0em; font-weight: normal; }
.navitems a { COLOR: #333366; TEXT-DECORATION: none; }
.navitems a:hover { COLOR: #333366; TEXT-DECORATION: none; }


table { BORDER-COLLAPSE: collapse }
th { padding: 0.2em 0.2em 0.2em 0; margin: 0; font-weight: normal; FONT-WEIGHT: bold;}
td { padding: 0.2em 0.2em 0.2em 0; margin: 0; font-weight: normal; }

hr{
background-color:#ffffff; /* Mozilla 1.4 */
color:#ffffff; /* IE 6 */
border: #ffffff; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}


.fotoLeft {
	float:left; padding-top:0; padding-right:5px;
}

.fotoRight {
	float:right; padding-top:0; padding-left:1px; padding-right:25px;
}

.mitte {
   text-align: center;vertical-align: middle;padding-bottom: 5px;
}

.card-desc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; font-style: italic; PADDING-BOTTOM: 0px; MARGIN: 1px 1px; PADDING-TOP: 2px; TEXT-ALIGN: left
}


.right { font-style: italic; }
.normal { font-style: normal; }
.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */
}      
.outer {
	border-left-width: 160px;  /* left column width */
	border-left-color: #E2E2E2;   /* left column colour */
	border-right-width: 0; /* right column width */
	border-right-color: #E2E2E2;  /* right column colour */
	background-color: #E2E2E2; /* center column colour */
}

.left {
    FONT-SIZE: 0.8em;
	width: 160px;              /* left column width */
	margin-left: -160px;       /* _negative_ left column width */
}

.right {
	width: 100px;              /* right column width */
	margin-right: -100px;      /* _negative_ right column width */
}

.wide {
	background-color: #E2E2E2;    /* header and footer colours */
}

.footer {
	padding-left: 10px; FONT-SIZE: 0.8em; background-color: #fff;    /* header and footer colours */
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { background-color: #333366; margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { margin: 10; font-size: 0.8em; float: left; width: 90%; position: relative; z-index: 12; }

.breadgrumb { padding: 0 10px 10px -202px; float: left; }

.breadgrumb a {
	COLOR: #333366; TEXT-DECORATION: none; 
}
.breadgrumb a:hover {
	COLOR: #333366; TEXT-DECORATION: underline;
}


.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 10px; }
.center { padding: 0.5em 0.5em 0.5em 2em; }


.kontakt { margin-top: -10px; font-size: 0.8em; float: left; width: 90%; position: relative; z-index: 12; }


.boxclear {
	CLEAR: both; LINE-HEIGHT: 0px
}

.distance {
	MARGIN-right: 5px
}


#logor {
	padding-top: 4px; position:absolute; left:184px; top:-3px; z-index:4;
}

/* +++++++++++++++++++++ Nav I +++++++++++++++++++++++++++++++++*/

#logoleft {
	float: left; WIDTH: 176px; 
}

#navcontainer {
	padding-left: 120px; border-bottom: 2px solid #F26650;
}



#navlist
{
FONT-SIZE: 0.8em;
margin: 0;
padding: 73px 20px 20px 10px; 
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}


#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 20px 4px 10px;
text-decoration: none;
color: #333366;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 3px solid #333366;
padding-bottom: 1px;
background: transparent;
color: #F26650;
}

#navlist a:hover { color: #000; }


/* +++++++++++++++++++++  +++++++++++++++++++++++++++++++++*/

img {
	BORDER:0;
}
.lineDivider {
	BORDER-TOP: #F26650 2px solid; FONT-SIZE: 1px; width: 160px
}


A.nav2:link {
	COLOR: #333366; TEXT-DECORATION: none;
}
A.nav2:active {
	COLOR: #333366; TEXT-DECORATION: none
}
A.nav2:visited {
	COLOR: #333366; TEXT-DECORATION: none
}
A.nav2:hover {
	COLOR: #F26650; TEXT-DECORATION: none
}
A.nav2Active:link {
	COLOR: #F26650; TEXT-DECORATION: none
}
A.nav2Active:active {
	COLOR: #F26650; TEXT-DECORATION: none
}
A.nav2Active:visited {
	COLOR: #F26650; TEXT-DECORATION: none
}
A.nav2Active:hover {
	COLOR: #F26650; TEXT-DECORATION: none
}
.distance2 {
	padding: 0.5em; width: 140px; DISPLAY: block; MARGIN-LEFT: 5px
}


/*
---------------Formular------------------------
*/

.kformbox {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; WIDTH: 430px; COLOR: #000; BORDER-BOTTOM: #666 1px solid
}
.kreihe {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.klabel {
	PADDING-RIGHT: 5px; FLOAT: left; WIDTH: 100px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
.kfeld {
	FLOAT: right; WIDTH: 300px; TEXT-ALIGN: left
}
.kknopf {
	CLEAR: both; PADDING-LEFT: 125px; PADDING-BOTTOM: 30px; PADDING-TOP: 15px; TEXT-ALIGN: left
}
.kdefbreite {
	WIDTH: 260px
}

.footerDruck { DISPLAY: none }

.ab1 { PADDING-TOP: 10px;}
.ab2 { PADDING-LEFT: 30px; }
.ab3 { PADDING-LEFT: 60px; }

/* ---------------------------------------------------- */


.menu_specials {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #85a2d5; TEXT-TRANSFORM: uppercase; COLOR: #fff; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu_specials:hover {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #d0d8e7; TEXT-TRANSFORM: uppercase; COLOR: #000; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu_specialsRed {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #ff0000; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menu_specialsRed:hover {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #ff8181; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.previewButton {
	FONT-SIZE: 9px; BACKGROUND: #85a2d5; WIDTH: 130px; COLOR: #fff; BORDER-BOTTOM: #339900 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.searchform {
	BORDER-RIGHT: #339900 1px solid; BORDER-TOP: #339900 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #339900 1px solid; COLOR: #1b3e7b; BORDER-BOTTOM: #339900 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.colorWhite {
	BORDER-TOP: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff
}
.navTemplate {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.navTemplate:link {
	COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A.navTemplate:visited {
	COLOR: #000000; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
A.navTemplate:hover {
	DISPLAY: block; FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d5d579; TEXT-DECORATION: none
}
A.navTemplate:active {
	BACKGROUND-COLOR: #d5d579; TEXT-DECORATION: none
}
A.navTemplateactive:link {
	DISPLAY: block; COLOR: #000000; BACKGROUND-COLOR: #e9e9b0; TEXT-DECORATION: none
}
A.navTemplateactive:visited {
	DISPLAY: block; COLOR: #000000; BACKGROUND-COLOR: #e9e9b0; TEXT-DECORATION: none
}
.select_specials {
	BORDER-TOP: #000000 1px solid; FONT-SIZE: 9px; BACKGROUND: #62a8ef; TEXT-TRANSFORM: uppercase; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.z_hilite {
	BACKGROUND: #ffff66
}
.ulButton {
	FONT-SIZE: 9px; BACKGROUND: #85a2d5; COLOR: #fff; BORDER-BOTTOM: #339900 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
