* {
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 11px;
    line-height: 15px;
}

body {
    margin: 10px;
    background-color: #FFFFFF;
    padding: 0px;
}

table, td, p, img, h6, h5, h4, h3, h2, h1 {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

table {
    border-collapse: collapse;
}

ul {
    list-style-position: outside;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 15px;
}

a {
    text-decoration: none;
    color: red;
}

/* Seitenstruktur */ #contentArea {
    width: 984px;
} #containerLeft {
    /*float:left;*/
    width: 176px;
} #containerPrimary {
    width: 808px;
} #containerPrimary * a {
    font-size: 13px;
    line-height: 20px;
    color: red;
} #containerCenter {
    /*float:left;*/
    /*width:592px;*/
    width: 606px;
} #containerRight {
    /*float:left;*/
    /*clear:both;*/
    width: 202px;
} #footerArea {
} #shopTeaser, #shopTeaser * {
    background: #ff0029;
    color: #ffffff;
} #shopTeaser select {
    font-size: 10px;
    line-height: 13px;
    color: #ffffff;
    background-color: red;
    outline-style: solid;
    outline-width: thin;
    outline-color: #ffffff;
} #shopTeaser * .selectShop {
    font-size: 10px;
    line-height: 13px;
    color: #ffffff;
    background-color: red;
    outline-style: solid;
    outline-width: thin;
    outline-color: #ffffff;
}

/* Individualformate */ #MainMenue {
    height: 42px;
    width: 984px;
} #MainMenue ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
} #MainMenue ul li {
    float: left;
    margin-left: 0px;
    padding: 0px;
    border-left: 0px none;
    list-style: none;
    display: inline;
}

/** Kontakt */ #Kontakt {
    float: left;
} #Kontakt .left {
    width: 118px;
    float: left;
} #Kontakt .right {
    width: 198px;
    float: left;
} #Kontakt div {
    padding-bottom: 15px;
} #Kontakt input {
    height: 16px;
} #Kontaktfeld div {
    padding-bottom: 12px;
}

/* Factsheet CSS */
div.factSheetEntry {
    padding-right: 7px;
    text-align: right;
}

div.factSheetName {
    padding-left: 7px;
    text-align: left;
} .factSheetHeadline {
    background: #FEE590;
    padding-left: 7px;
    text-align: left;
    font-weight: bold;
    margin-top: 6px;
}

/* Klassen */ .mainWidth {
    width: 984px;
} .headerForm {
    background-color: #E5E5E5;
    border: 1px solid #999999;
    font-size: 10px;
} .faqLetter {
    padding-left: 7px;
    font-weight: bold;
} .faqText {
    width: 516px;
    padding-left: 7px;
    color: #333333;
    line-height: 15px;
} .teaserBar {
    height: 24px;
    width: 188px;
} .teaserSideBarText {
    font-weight: bold;
    padding: 3px 0 0 5px;
    color: #FFFFFF;
} .teaserBarText {
    font-weight: bold;
    padding: 3px 0 0 5px;
    color: #666666;
} .teaserText {
    padding-top: 7px;
    color: #333333;
    line-height: 15px;
} .headline {
    font-weight: bold;
    padding-bottom: 16px;
    font-size: 13px;
    color: #666666;
} .ppaHeadline {
    font-weight: bold;
    padding-top: 12px;
    font-size: 15px;
    color: #ff0029;
} .pressBoxHeadline {
    font-weight: bold;
    color: #ff0029;
    font-size: 13px;
} .ppaText, .ppaText * {
    font-size: 13px;
    color: #333333;
    line-height: 20px;
} .ppaText * a {
    font-size: 13px;
    color: #333333;
    line-height: 20px;
    color: #ff0029;
} .pressBoxDate {
    color: #666666;
    font-size: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
} .quickLinks {
    border-bottom: 1px solid #999999;
    /*padding:5px 0;*/
    line-height: 15pt;
    color: #666666;
} .input-text {
    background-color: #e5e5e5;
    border: 1px solid;
    width: 250px;
}

div.quickLinks a:link, div.quickLinks a:active, div.quickLinks a:hover, div.quickLinks a:visited, div.quickLinks * a {
    line-height: 15pt;
    padding: 3px 5px 3px 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 11px;
}

p.legend {
    font-size: 10px;
    color: #666666;
}

/* Schrift */ .bold {
    font-weight: bold;
} .center {
    text-align: center;
} .underline {
    text-decoration: underline;
} .inline {
    display: inline;
} .block {
    display: block;
} .smaller {
    font-size: 10px;
} .noDeco {
    text-decoration: none;
    font-weight: normal;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
    font-size: 13px;
}

/* Farben */ .color0 {
    color: #FFFFFF;
} .color1 {
    color: #000000;
}

/* gelb */ .color2 {
    color: #FFBE00;
} .color3 {
    color: #FF7B17;
} .color4 {
    color: #FF0029;
} .color5 {
    color: #FF0000;
}

/* grau */ .color6 {
    color: #333333;
} .color7 {
    color: #FF0029;
} .color8 {
    color: #999999;
} .color9 {
    color: #666666;
}

/* Farben Hintergrund */ .bgColor0 {
    background-color: #FFFFFF;
} .bgColor1 {
    background-color: #000000;
}

/* gelb */ .bgColor2 {
    background-color: #FEE59D;
}

/*  grau */ .bgColor3 {
    background-color: #EFEFEF;
}

/* rot */ .bgColor4 {
    background-color: #FF0029;
}

/* dunkel orange */ .bgColor5 {
    background-color: #FF7B17;
}

/*  orange */ .bgColor6 {
    background-color: #FFBD8B;
} .bgColor8 {
    background-color: #999999;
}

/* Abstaende - Ausrichtung */ .floatL {
    float: left;
} .floatR {
    float: right;
} .clear {
    clear: both;
} .top {
    vertical-align: top;
} .bottom {
    vertical-align: bottom;
} .padding7 {
    padding: 7px;
} .margin7 {
    margin: 7px;
} .margin3 {
    margin: 3px;
} .marginTB7 {
    margin: 7px 0;
} .marginTB1 {
    margin: 1px 0 1px 0;
} .paddingL7 {
    padding-left: 7px;
} .paddingL21 {
    padding-left: 21px;
} .marginL41 {
    margin-left: 41px;
} .marginL25 {
    margin-left: 25px;
} .marginT14 {
    margin-top: 14px;
} .marginT7 {
    margin-top: 7px;
} .marginT5 {
    margin-top: 5px;
} .marginT1 {
    margin-top: 1px;
} .paddingB2 {
    padding-bottom: 2px;
}

/* RDedit Klassen fuer Red Dot */ .RDedit {
    background-color: #ffcccc;
    font-family: sans-serif;
    font-size: 11px;
    color: #ebf5ff;
} .RD {
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana, sans-serif;
    color: #ff0000;
} .RDborder {
    border-right: #ff0000 1px dashed;
    border-top: #ff0000 1px dashed;
    border-left: #ff0000 1px dashed;
    border-bottom: #ff0000 1px dashed
} .pos_pic {
    position: relative;
    left: 500px !important;
    left: 0px;
    width: 200px;
} .pos_pic_pop {
    /* position:absolute !important; */
    position: relative;
    /* top:-145px !important; */
    /* top:0px !important; */
    top: 0px;
    /* top: -145px; */
    /* left:400px !important; */
    /* left:138px !important; */
    left: 138px;
    /* left:400px;  */
    width: 200px;
}

/*  ------ Basic style ------  */
/*
 #menu
 {
 height:35px; */
/* Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu */
/* display: block;
 } */
/*
 #menu ul {
 margin:0px;
 padding:0px;
 border:0px;
 list-style-type: none;
 }
 */
/*
 #menu li {
 margin: 0px;
 padding: 0px;
 border: 0px;
 display: block;
 float:left;
 position:relative;
 width:176px;
 }
 */
/*
 #menu a {
 display: block;
 }
 */
/*
 * html #menu li a {
 position: relative;
 }
 */
/*
 #menu li ul {
 visibility: hidden;
 position: absolute;
 z-index: 10;
 }
 */
/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
/*
 html>body #menu li ul
 {
 display: none;
 }
 */
/*
 #menu li li {
 width: 100%;
 }
 */
/* fix the position */
/*
 #menu li li ul {
 top: 0;
 left: 100%;
 }
 */
/* simulate child selector for IE */
/*
 div#menu li:hover ul,
 #menu li:hover li:hover ul,
 #menu li:hover li:hover li:hover ul
 {
 visibility: visible;
 }
 */
/*
 div#menu li:hover li ul,
 #menu li:hover li:hover li ul,
 #menu li:hover li:hover li:hover li ul
 {
 visibility: hidden;
 }
 */
/* do the normal show, with increased specificity, for good browsers */
/*
 #menu ul#menuList li:hover>ul
 {
 display: block;
 visibility: visible;
 }
 */
/*  ------   Make-up --------   */
/*
 #menu
 {
 font-family: Arial, Verdana, Tahoma, sans-serif;
 font-size: 11px;
 color: #000;
 background-color: #FFFFFF;
 border: 0px solid none;
 padding: 1px 0px 0px 0px;
 }
 */
/*
 #menu li:hover {
 background-color: #dbdbdb;
 }
 */
/*
 #menu a {
 text-decoration: none;
 text-align: center;
 color: #000;
 padding: 9px 0px 9px;
 }
 */
/*
 #menu a:hover
 {
 color: #FFFFFF
 }
 */
/*
 #menu li:hover>a, #menu a:hover
 {
 color: #000000;
 }
 */
/*
 #menu li ul {
 color: #000;
 background-color: #dbdbdb;
 border: 0px solid #BBC;
 width: 115px;
 }
 */
/*
 #menu li ul a
 {
 text-align: center;
 }
 */
/*
 #menu li ul a.submenu {
 background-image: url(arrow.gif);
 background-repeat: no-repeat;
 background-position: 100% 0px;
 }
 */ .outer_table {
    width: 975px;
    border: 0px solid black;
    margin: 0px;
    padding: 0px;
} .navi_div {
    width: 976px;
    height: 35px;
    display: block;
} .navi_ul {
    height: 35px;
    list-style-type: none;
    display: block;
    margin-left: -40px;
} * html .navi_ul {
    margin-left: 0px;
} * + html .navi_ul {
    margin-left: -10px;
} .menu_li {
    width: 120px;
    height: 25px;
    /* border-right:2px solid #ffffff; */
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    /* margin-bottom:-10px; */
    float: left;
} * + html .menu_li /* f�r den nonchecker Ie7 */ {
    width: 120px;
    height: 35px;
    /* border-right:2px solid #ffffff; */
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    /* margin-bottom:0px; */
    float: left;
} * + html .menu_li, * html .menu_li /* f�r den dummen Ie */ {
    width: 118px;
} .bc {
    width: 809px;
    text-align: left;
    vertical-align: top;
} * + html .bc {
    width: 812px;
    text-align: left;
    vertical-align: top;
} .bc_table {
    width: 809px;
} * + html .bc_table {
    width: 814px;
}

a.topnavi:link {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.topnavi:visited {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.topnavi:hover {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

a.topnavi:active {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

/* SIDE NAVIGATION ****************************************/
/* Liste fuer alle Hauptpunkte */
ul#sideNav {
    width: 160px;
    /* margin:2px 2px 0 2px; */
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    /* border-bottom: 1px solid #7D7D7D; */
    float: left;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

ul#sideNav li {
    width: 160px;
    /* padding:5px 0px 7px 0px; */
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px solid #7D7D7D;
    float: none;
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}

/* CSS Hack fuer IE >>> height statt minHeight */ * html ul#sideNav li {
    /* border-top: 1px solid #7D7D7D; */
    border-bottom: 1px solid #7D7D7D;
    /* border-bottom: none; */
}

/* Definition der Links */
ul#sideNav a.activ {
    color: #000000;
    font-weight: bold;
}

ul#sideNav a {
    color: #000000;
}

ul#sideNav a:hover {
    color: #000000;
}

/* Liste fuer alle Unterpunkte */
ul#sideNav ul {
    width: 150px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    border-bottom: none;
}

ul#sideNav ul li {
    width: 150px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    border-bottom: none;
    /* border-bottom: 1px dotted #7d7d7d; */
    border-top: none;
}

ul#sideNav li:first-child {
    /* border-top: 1px solid #7D7D7D; */
}

ul#sideNav ul li:first-child {
    /* border-top: none; */
} #content {
/*    width: 705px; */
    min-height: 395px;
    line-height: 15px;
    margin: 0 0 0 0;
    padding: 0 25px 25px 25px;
	background-color: #E5E5E5; 
    overflow: visible;
    float: right;
	position: inherit !important;
}

/* TEMPLATE SITEMAP */
/* Spalte fuer Sitemap */ #content #sitemap {
    width: 850px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    overflow: visible;
}

/* Container fuer MainNav Element */ #content #sitemap .mainElement {
    margin: 17px 0 0 0;
    padding: 0 0 0 0;
    width: 850px;
    float: left;
    background-color: #7D7D7D;
    overflow: visible;
}

/* Container fuer SubNav Element */ #content #sitemap .subElement {
    margin: 0 0 0 0;
    padding: 2px 2px 10px 0;
    width: 200px;
    float: left;
    overflow: visible;
}

/* Linkverhalten Seite aus- und einklappen */ #content #sitemap .mainElement a {
    padding: 3px 10px 0 0;
    margin: 0 0 0 0;
    color: #FFFFFF;
    text-align: right;
    text-decoration: none;
    float: right;
} #content #sitemap .mainElement a:hover {
    color: #FF0033;
    text-decoration: none;
}

/* Linkverhalten MainNav */ #content #sitemap a.mainNav {
    height: 18px;
    width: 444px;
    padding: 3px 0 0 10px;
    margin: 0 0 0 0;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #7D7D7D;
    text-decoration: none;
    text-align: left;
    float: left;
} #content #sitemap a.mainNav:hover {
    color: #FF0033;
}

/* Linkverhalten SubNav */ #content #sitemap a.subNav {
    height: 18px;
    width: 180px;
    padding: 2px 0 0 10px;
    margin: 0 0 0 0;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF0033;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
} #content #sitemap a.subNav:hover {
    color: #FF0033;
    background-color: #F0F0F0;
}

/* Anpassen der Linkliste an Spaltenbreite */ #content #sitemap ul.link {
    padding-top: 5px;
    width: 180px;
} #content #sitemap ul.link li {
    margin-top: 0px;
    width: 180px;
} #content #sitemap ul.subLink {
    margin-left: 5px;
    padding-bottom: 10px;
    width: 170px;
} * + html .subLink {
    margin-left: 5px;
    padding-bottom: 10px;
    width: 170px;
} * html #content #sitemap ul.subLink {
    margin-left: 0px;
} #content #sitemap ul.subLink li {
    margin-top: 5px;
    width: 170px;
} .fixing {
    margin-left: -45px;
} * + .fixing {
    margin-left: 5px;
} * .fixing {
    margin-left: 5px;
}

/* Überarbeitetes Kontaktformular */ #kformular p {
    clear: both;
} #kformular #p1 {
    margin-bottom: 15px;
} #kformular #p2 {
    margin-top: 15px;
}#kformular label {
    display: block;
    width: 28%;
    float: left;
    /*	text-align: right;*/
    /*	margin-right: 30px; */
    margin-bottom: 10px;
    clear: left;
    cursor: pointer;
} #kformular input, #kformular select, #kformular textarea {
    display: block;
    width: 65%;
    float: left;
    position: relative;
    top: -3px;
    margin-bottom: 15px;
} #kformular textarea {
    height: 100px;
    padding: 0;
} #kformular select {
    width: 66%;
} * html #kformular select {
    width: 67%;
} #kformular #strasse, #kformular #ort {
    width: 50%;
} #kformular #plz {
    width: 12%;
    margin-right: 7px;
} #kformular #hausnummer {
    width: 12%;
    margin-left: 7px;
} #kformular #KontaktForm .radiobutton {
    display: inline;
    width: auto;
    float: none;
    top: 2px;
} * html #kformular #KontaktForm .anrede {
    position: relative;
    top: -14px;
} * + html #kformular #KontaktForm .anrede {
    position: relative;
    top: -14px;
} #kformular #KontaktForm .anrede {
    margin-left: 5px;
}

/* imageflow begin */
.imageflowpos
{
	margin:0px;
	padding:0px;
}

#imageflowstart {
	/* max-width: 600px; 
    width: auto !important;
    width: 600px;
	min-height:310px;
	height:auto !important;
	height:310px;
    margin-left:380px;
    position: relative;
	background-color:#fff;
	padding: 0px 0px;
	text-align:center; */
	width:590px;
	margin:0px;
	padding:0px;
}
#imageflowstart #imageflow {
	/* width:100%; */ /* new */
	margin-left:50px; /* new */
	text-align:left;
}
#imageflowstart #images{
	visibility:hidden;
	position:relative; /* new */
	top:-50px; /* new */
	left:-100px; /* new */
}
#imageflowstart #images img {
	position:absolute;
	top:0px;
	border:none;
}
#imageflowstart #loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#imageflowstart #loading img{
	margin-top:10px;
	position:relative;
}

#imageflowstart #captions{
	font-weight:bold;
	position:relative;
	text-align:center;
    z-index:101;
}

#imageflowstart #slideshow{
	position:relative;
	float:left; z-index:100;
	vertical-align:middle;
	visibility:hidden;
	cursor:pointer;
	margin-top: 0px;
	margin-left:60px;
	background-image:url(play.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
}
#imageflowstart #scrollbar{
	visibility:hidden;
	position:relative;
	border-bottom:1px solid #b3b3b3;
	z-index:102;
}

#imageflowstart #slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	/* z-index:103; */ /* new */
	/* background-image:url(slider.png); */ /* new */
	background-repeat:no-repeat;
	width:14px;
	height:14px;
}

#imageflowstart #youtubepopup {
    position:absolute;
    left:0;
    top:0;
	display: none;
	border: 2px solid #454545;
	width: 435px;
	height: 382px;
	cursor: move;
	z-index:105;
}
#imageflowstart #youtubepopup a{
	color:#fff;
}
#imageflowstart .youtubemoveable {
	position: absolute;
	cursor: move;
}
/* END imageflow */

/* ******* */
/* Infobox */
/* ******* */
.infoBox {
	text-align: center;
	border: 1px solid #CCC;
	font-size: 11px;
	font-weight: bold;
	/*margin: 0 auto 8px auto;*/
	margin: 0 0 0 0;
	width: 807px;
	overflow: hidden;
	height: 15px;
}

#contentBereich { overflow: hidden; }

#contentBereich { 
   float: left;
   padding: 0; 
   width: 810px;
}