@charset "utf-8";

/* default font size*/
@import url(font_small.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
  font-family: "trebuchet ms", sans-serif;
  font-size: 12px;
  color: #564b47;
}

/*--------------------------------------------------
Basic CSS (Body & Links)
--------------------------------------------------*/
/*  body und schrift deffinitionen */

body {
  background: #251414 url(images/page_bg.gif) repeat top;
  padding: 0px; margin: 0px;
  text-align: center;
}

a:link, a:active, a:visited {
	color: #751d2c;
	text-decoration: none;
	}
a:hover {
	color: #6F9124;
	text-decoration: none;
	}

img { border: 0; }

tr, td {
	font-size: 1.0em;
}

ol { padding: 0 0 0 20px;}

h1 { font-size: 1.8em; font-weight: bold; color: #751d2c; padding: 15px 0 0 0; margin: 0; }
h2 { font-size: 1.6em; font-weight: bold; color: #751d2c; padding: 15px 0 0 0; margin: 0; }
h3 { font-size: 1.3em; font-weight: bold; color: #751d2c; padding: 10px 0 0 0; margin: 0 0 5px 0; border-bottom: 1px dotted #751d2c; }
.csc-firstHeader { padding-top: 0; }




form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}



#content_colrail p { font-size: 0.9em; }
#content_colrail a { color: #C0EAFF; text-decoration: underline; }
#content_colrail h3 { font-size: 1.3em; color: #C0EAFF; padding: 5px 0 0 0; margin: 0 0 2px 0; border-bottom: 1px solid #C0EAFF; }

/*--------------------------------------------------
Wrapper
--------------------------------------------------*/

#wrapper_bgtop { 	
  background: url(images/page_bg-top.gif) repeat-x top;
  height: 733px;
  width: 100%;
}

#wrapper { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 15px 0px 0px 0px;
  width: 800px;
}

/*--------------------------------------------------
Areas
--------------------------------------------------*/

/*  header  */
#areaheader {
  position: relative;
  background: url(images/areaheader_bg.gif) top;
  width: 800px; height: 322px;
  border-bottom: 1px solid #822323;
  margin-bottom: 10px;
}

#arealogo {
  width: 800px;
}

/*  header  -  ambiance */
#areaambiance {
  position: absolute; bottom: 0px;
  margin: 0px 1px 0px 1px;
  background: url(images/areaambiance_bg.jpg) repeat-x bottom;
  width: 798px; height: 240px; 
}

#ambianceteaser {
  position: absolute; float: left; top: 0px; left: 0px;
  margin: 20px;
  width: 280px; max-height: 200px; max-width: 280px;
  color: #ffffff;
}
#ambianceteaser p { color: #ffffff; }
#ambianceteaser h1 { color: #ffffff; }
#ambianceteaser a { color: #FFC329; }
#ambianceteaser a:hover { color: #C5F629; }

#ambianceimg {
  position: absolute; top: 0px; left: 320px;
  height: 240px;
}
#ambianceimg img {
  float: left;
}
 
.ambiance_bg_transparent {
  display:inline;
  position: absolute; left: 0px; bottom: 0px;
  width: 478px; height: 35px;
  background:url(images/ambiance_trans_ie.png);
  filter:Alpha(opacity=65);
  margin: 0; padding: 0;
}
html>body .ambiance_bg_transparent {
  background:url(images/ambiance_trans.png);
}
#ambianceimg p {
  position: absolute; left: 30px; bottom: 2px;
  width: 418px;
  color: #ffffff;
  font-family: "trebuchet ms", sans-serif;
  font-size: 24px; /* grafischer Text => px */
  margin: 0; padding: 0;
}
#ambianceimg strong {
  position: absolute; right: 0px; bottom: 0px;
  font-weight: bold;
}

/*  content  */
#areacontent { width: 800px; }
#areacontent p { padding: 0; margin:0;}
#areacontent_top { height: 23px; background: url(images/content_rail_bg_top.gif) no-repeat; }
#areacontent_middle { background: url(images/content_rail_bg.gif) repeat-y; }
#areacontent_bottom { height: 100px; background: url(images/content_rail_bg_bottom.gif) no-repeat; }
  
/*  content  -  col  */
#content_col1-2 {
  float: left;
  width: 578px; w\idth:576px; 
  padding: 0px 20px 30px 20px;
}
#content_col1 {
  float: left;
  width: 264px;
  padding: 0px 24px 0px 0px;
  border-right: 1px solid #751d2c;
}
#content_col2 {
  float: right; 
  width: 264px;
  padding: 0px 0px 0px 20px;
}
#content_colrail {
  float: right; 
  width: 155px;
  padding: 0px 10px 10px 10px;
  color: #ffffff;
}
#content_colrail p {
  color: #ffffff;
}

#areacontent_bottom_col1 { margin-left: 125px; padding: 10px 10px 0 0; float: left; max-width:170px; }
#areacontent_bottom_col1 h1 { font-size: 10px; }
#areacontent_bottom_col1 p { }

#areacontent_bottom_col2 { padding: 10px 0 0 0; }
#areacontent_bottom_col2 h1 { font-size: 10px; }
#areacontent_bottom_col2 p img { padding: 0 8px 0 0;}

/*  footer  */
#areafooter {
  width: 800px; height: 50px;
  color: #8E3430;
  margin: 10px 0px 50px 0px;
}
#areafooter .blockleft {
  position: absolute;
  width: 45%;
  float: left;
  color: #8E3430;
  font-size: 0.8em;
  margin: 0;
}
#areafooter .blockright {
  width: 45%;  
  float: right;
  text-align: right;
  color: #8E3430;
  font-size: 0.8em;
  margin: 0;
}
#areafooter ul {
  float:left;
  margin:0pt;
  padding:0pt 0pt 0pt 2px;
}
#areafooter ul > li {
  background:transparent none repeat scroll 0%;
}
#areafooter li + li {
  background:transparent url(/images/nav_footer_separator.gif) no-repeat scroll 0pt 3px;
}
#areafooter li {
  background:transparent url(/images/nav_footer_separator.gif) no-repeat scroll 0px 3px;
  color:#8E3430;
  display:block;
  float:left;
  font-size:10px;
  margin-left:-9px;
  padding-left:9px;
  padding-right:16px;
}
#areafooter * a { color: #8E3430; }

/*--------------------------------------------------
Mainmenu
http://www.cssplay.co.uk/menus/drop_line.html
--------------------------------------------------*/
.mainmenu {
  position: relative; top: 58px; left: 321px;
  width: 478px; height: 25px;
  background: url(images/mainmenu_line.gif) bottom left repeat-x;
  z-index: 50;
}

* html .mainmenu { padding-bottom: 0; }

.mainmenu ul{
  list-style-type: none;
  padding: 0; margin: 0;
  width: 478px;
  height: 100%;
}

.mainmenu li{
  float:left;
}

.mainmenu table{
  position:absolute;
  border-collapse:collapse;
  left:0; top:0;
}

.mainmenu a, .mainmenu :visited {
  color:#fff;
  text-decoration:none;
  font-size: 13px;
}
.mainmenu a em.lft, .mainmenu :visited em.lft, 
.mainmenu a em.actlft, .mainmenu :visited em.actlft {
  display:block;
  float:left;
  width:5px; height:25px;
  background: url(images/mainmenu_lefta.gif);
}
.mainmenu a em.actlft, .mainmenu :visited em.actlft { background: url(images/mainmenu_lefta_act.gif); }
.mainmenu a b, .mainmenu :visited b, 
.mainmenu a b.act, .mainmenu :visited b.act {
  display:block;
  font-weight:normal;
  float:left;
  padding:0 5px;
  height: 25px; line-height: 24px;
  background: url(images/mainmenu_mida.gif);
  cursor:pointer;
  font-weight: bold;
}
.mainmenu a b.act, .mainmenu :visited b.act { background: url(images/mainmenu_mida_act.gif); }
.mainmenu a b.act:hover { color: #FFC329; }

.mainmenu a em.rgt, .mainmenu :visited em.rgt,
.mainmenu a em.actrgt, .mainmenu :visited em.actrgt {
  display:block;
  float:left;
  width:5px;
  height:25px;
  background: url(images/mainmenu_righta.gif);
  margin-right: 6px;
}
.mainmenu a em.actrgt, .mainmenu :visited em.actrgt { background: url(images/mainmenu_righta_act.gif); }

.mainmenu ul ul {
  visibility:hidden;
  position: absolute; top:25px; left:0px;
  width:478px; height: 30px;
  font-weight: bold;
  border-bottom: 1px solid #822323;
  background: #ffffff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}
.mainmenu ul ul a, .mainmenu ul ul a:visited {
  color:#000;
  font-size: 11px;
  line-height: 25px;
  padding: 2px 5px;
  border-right: 1px solid black;
}
.mainmenu ul ul a:hover {
  color:#c00;
}

.mainmenu :hover {
  white-space:normal;
}

.mainmenu a:hover b {
  background: transparent url(images/mainmenu_midb.gif);
  color:#000;
}
.mainmenu a:hover em.lft {
  background: transparent url(images/mainmenu_leftb.gif);
}
.mainmenu a:hover em.rgt {
  background: transparent url(images/mainmenu_rightb.gif);
}

.mainmenu li:hover > a b {
  color:#000;
  background: transparent url(images/mainmenu_midb.gif);
}
.mainmenu li:hover > a em.lft {
  background: transparent url(images/mainmenu_leftb.gif);
}
.mainmenu li:hover > a em.rgt {
  background: transparent url(images/mainmenu_rightb.gif);
}

.mainmenu ul li:hover ul, .mainmenu ul a:hover ul{
  display:block;
  visibility:visible;
  top:25px;
  margin-top:0px;
}

.mainmenu ul :hover ul li {
  display:block; 
  background:#ffffff; 
  line-height: 30px;
  height:30px;
  font-size: 13px;
}
.mainmenu ul :hover ul li a {
  display:block; 
  font-size: 13px;
  height:30px; 
  width:auto; 
  float:left; 
  color:#444; 
  padding:0 10px;
}
.mainmenu ul :hover ul li a:hover {
  color:#c00;
}

/*--------------------------------------------------
TYPO3
--------------------------------------------------*/
.table_termine { border: 1px solid #C3A495; border-collapse: collapse; width: 100%; }
.td-0, .td-1, .td-last { padding: 4px 8px; }
.tr-even { background: #DCCEA7; border-bottom: 1px solid #C3A495; }
.tr-odd { background: #EBDFC2; border-bottom: 1px solid #C3A495; }

.csc-frame-frame1 { background: white; border: 1px solid #C3A495; padding: 8px 8px 0px 8px;}
.csc-frame-frame2 { background: #DCCEA7; border: 2px solid #C3A495; padding: 8px 8px 0px 8px;}

#areacontent .csc-frame-frame1, #areacontent .csc-frame-frame2 { padding: 2px;}

.csc-textpic-caption { font-style: italic; }