/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { padding:0; margin:0; border-width: 0; }
td { vertical-align: top; padding:0; margin:0; border-width: 0; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body { color: #000000; font-family:arial, verdana, helvetica, sans-serif; font-size: x-small; background-color: #4c4e51; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */

#site-back { background-image: url(content_back.jpg); background-repeat: repeat; position:relative; display:block; margin:0 auto; padding:0; height:100%; width:984px; }

#site-back_unten { background-image: url(content_back.jpg); background-repeat: repeat; position:relative; display:block; margin:20px auto 0; padding:0; height:100%; width:984px; }

#site-content { position:relative; display:block; margin:0 auto; padding:0; height:100%; width:980px; }

/* ### Header ##################################################################### */

#header { background-image: url(header.jpg); background-repeat: no-repeat; position:relative; margin:0; padding:0; height:150px; }

#header_content { background-color: #fff; background-image: url(content_header.jpg); background-repeat: no-repeat; width: 980px; margin:16px 0 0; padding:0; height:132px; z-index: -2; }

#header_start { background-color: #fff; background-image: url(start_header.jpg); background-repeat: no-repeat; position:relative; width: 980px; margin:0; padding:0; height:300px; }
/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */
/* ### Content #################################################################### */


#content { display:block; clear:both; position:relative; padding: 0; }


/* hide from IE/MAC \*/
* html #content, * html #main-content { background-color: #b69839; height:100%; }
/* end hide */


#main-content { background-color: #b69839; background-image: url(123.jpg); background-repeat: no-repeat; background-position: left top; }

#main { color: #000; background-color: #ffffff; position: relative; float:right; width:740px; padding-right: 20px; padding-left: 20px; }

#main_start { color: #000; background-color: #ffffff; float:right; width:940px; padding-right: 20px; padding-left: 20px; }


#starttext { width: 460px; height: 280px; padding: 46px 0 0 500px; display: block; }
.untenwide { text-align: left; width: 980px; height: 170px; clear: both; padding: 4px; }
.unten_links { text-align: left; width:310px; height: 164px; float: left; }
#film { width: 313px; margin-top: 0px; }
.unten_mitte { text-align: left; float:left; width:314px; height: 164px; margin-left: 20px; }
.unten_rechts { text-align: left; float:left; width:314px; height: 164px; margin-left: 16px; }
.clearfix {
clear:both;
display:block;
}



.columnwide { vertical-align: top; width: 740px; clear: both; margin-bottom: 20px; }
.column_xxx { text-align: center; float:left; width:150px; padding-bottom: 8px; }
.column_xxx2 { text-align: center; float:left; width:150px; margin-left: 45px; padding-bottom: 8px; padding-left: 0; }





/* ### main-block => MainContent ################################################### */

#main-block { float:left; color: #000000; }
#main-content-block { color: #000; padding-top: 10px; padding-bottom: 20px; display:block; }


#main-content-block_unten { background-image: url(start_background_unten.jpg); background-repeat: no-repeat; width: 980px; height: 172px; display: block; }

/* ### Footer ###################################################################### */

#footer { background-image: url(footer.jpg); display:block; width:100%; height: 34px; }

#footer p {
	padding: 10px 0;
	color:#000;
	background:inherit;
}

#footer p a,
#footer p a:link {
	color:#000;
	background:inherit;
}

#footer p a:hover {
	color:#c4c4c4;
	text-decoration: underline;
	background:inherit;
}

#footer_copyright { font-size: 1.2em; position: relative; display:block; width:980px; margin-top: 0; margin-right: auto; margin-left: auto; }

#footer_copyright p {
	padding: 18px 0 12px;
	color:#ababab;
	background:inherit;
}

#footer_copyright p a,
#footer_copyright p a:link {
	color:#ababab;
	background:inherit;
}

#footer_copyright p a:hover {
	color:#ababab;
	text-decoration: underline;
	background:inherit;
}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg { width: 100%; max-width: 940px; margin-top: 10px; margin-bottom: 10px; }
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext { font-size: 1.1em; line-height: 1.4em; }

/* Bild und Link */
.wysiwygimg img.wysiwygimg {border:0;}
.wysiwygimg img.wysiwygimg {border:solid 0 #ffffff;}
.wysiwygimg a.wysiwygimg img {border:0;padding:0;vertical-align:top;}

.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link {display:table; display:table; line-height:0;}
.wysiwygimg a.wysiwygimg:visited {}
.wysiwygimg a.wysiwygimg:hover {}
.wysiwygimg a.wysiwygimg:focus {}
.wysiwygimg a.wysiwygimg:active {}

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle { color:#666; font-size:0.8em; font-style:italic; text-align: center; margin:2px 0; }

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* Fˆºr Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1em;}
.wysiwygimg td {vertical-align:top; font-size:1em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol { padding-right:1em; border-right: 20px solid #ffffff; }

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol { text-align: right; clear: right; padding-left:1em; border-left: 20px solid #ffffff; }


div.slideshow { background-color: #ffffff; width: 550px; height: 365px; }
div.slideshow p { padding: 0; }
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}