/* Start of CMSMS style sheet 'News: redsmoke' */
div#news {
  margin: 2.5em 0 1em 2.5em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #fff; 
  background: #999999; 
  overflow: scroll;
  color: #ffffff;
}

#news h2 {
  line-height: 2em;
  background: #fff;
}

.NewsSummary {
    /*padding: 0.5em 0.5em 1em;  padding for the news article summary */
    /*margin: 0 0.5em 1em 0.5em;  margin to the bottom of the news article summary */  
}

.NewsSummaryPostdate {
/*  font-size: 90%; */
  font-weight: bold;
  padding-top: 11px;
}

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
/*border-bottom: 1px solid #fff; */
}

.NewsSummaryLink a {
 text-decoration: none;
 color:#ffffff;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
}

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
}

.NewsSummaryMorelink {
  padding-top: 0.5em;
  padding-bottom: 1em;
  color:#fff;
  text-decoration: none;
}

#NewsPostDetailDate {
/*  font-size: 90%; */
  margin-bottom: 5px;
  font-weight: bold;
}

#NewsPostDetailSummary {
   line-height: 150%;
}

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
}

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'News: redsmoke' */

/* Start of CMSMS style sheet 'Main' */
body {
        background-color:#666666;
        padding:0px;
        margin:0px;
        font-family:"Lucida Grande", Geneva, sans-serif;
}

a {
        color:#CCFF99;
}

a:visited {
        color:#cc0000;
}

img {  
        border-style: none;
}

#img_border {
        border: 8px solid #FFFFFF;
}

.ol {
        padding: 0px;
        margin: 0px 15px 15px 0px;
        vertical-align:top;
}

.or {
        padding: 0px;
        margin: 0px 0px 15px 15px;
        vertical-align:top;
}

.ml {
        padding: 0px;
        margin: 15px 15px 15px 0px;
        vertical-align:middle;
}

.mr {
        padding: 0px;
        margin: 15px 0px 15px 15px;
        vertical-align:middle;
}

.ul {
        padding: 0px;
        margin: 15px 15px 0px 0px;
        vertical-align:bottom;
}

.ur {
        padding: 0px;
        margin: 15px 0px 15px 15px;
        vertical-align:bottom;
}

/*
#outer_border {
	background-color: #666666;
	width: 1024px;
	height: 848px;
	border: solid 1px #000000;
	margin: auto;
}
*/

#content {
	margin: 40px auto 0px auto;
        width: 1024px; 
	height: 768px;
	border: solid 1px #000000;
}

#header {
	background-color:#000000;
        width:1024px;
	height: 68px;
	border-bottom: solid 1px #FFFFFF;
}

#logo {
	position:relative;
	width:235px;
	height:80px;
	top: -30px;
	left: 30px;
        border: 1px solid #333333;
	z-index:1;
}

#content_mid {
	position:relative;
	top:-82px;
	left:0px;
	height:632px;
	background-color:#333333;
	background-image:url(images/cms/content.jpg);
        background-repeat:no-repeat;
}

#footer {
        width:1024px;
	height:43px;
	border-top:solid 1px #ffffff;
	margin-left: 0px;
	position:relative;
	top:-82px;
	left:0px;
        font-family:"Lucida Grande", Geneva, sans-serif;
	font-size:9px;
	color:#666666;
        text-align:center;
	padding-top:25px;
	background-color:#000000;
}

#footer a {
	color: rgb(102, 102, 102);
}

.footer_text {
	font-size:9px;
	color:#666666;
	text-align:center;
	margin-top:25px;
}

#news_box {
	float:left;
	font-size:12px;
	background-image:url(images/cms/aktuelles.jpg);
        background-repeat:no-repeat;
	background-color:#666666;
	width: 212px;
	height: 431px;
	position:relative;
	/*top: 38px;*/
	top: 20px;
	left: 30px;
	border: solid 1px #ffffff;
        color:#ffffff;
        padding:11px;
}

#news_box_subnavi {
	float:left;
        font-size:12px;
	background-image:url(images/cms/aktuelles.jpg);
        background-repeat:no-repeat;
	background-color:#666666;
	width: 212px;
	height: 431px;
	position:relative;
	/*top: 16px;*/
	top: -2px;
	left: 30px;
	border: solid 1px #ffffff;
        color:#ffffff;
        padding:11px;
}

#news_box a {
/*       font-size: 10px; */
/*        color:#ffffff; */
        color:#CCFF99;
}

.news_title {
	color:#FFFFFF;
	padding-left: 11px;
	padding-top: 23px;
	font-size: 10px;
	text-transform:uppercase;
}

.news_text {
	color:#FFFFFF;
	padding-left: 11px;
	padding-top: 15px;
	font-size: 10px;
}

#content_box {
	position:relative;
	width: 656px;
	height: 419px;
	/*top: 38px;*/
	top: 20px;
	left: 66px;
	float:left;
        font-size: 10px;
        padding-left:23px;
        padding-top:11px;
        padding-bottom:22px;
        padding-right: 11px;
        color: #ffffff;
	border: solid 1px #ffffff;
	background-image:url(images/cms/content_box.jpg);
        background-repeat:no-repeat;
}

#content_box_subnavi {
	position:relative;
	width: 656px;
	height: 419px;
	/*top: 16px;*/
	top: -2px;
	left: 66px;
	float:left;
        font-size: 10px;
        padding-left:23px;
        padding-top:11px;
        padding-bottom:22px;
        padding-right: 11px;
        color: #ffffff;
	border: solid 1px #ffffff;
	background-image:url(images/cms/content_box.jpg);
        background-repeat:no-repeat;
}

#content_box_without_news {
	position:relative;
	width: 656px;
	height: 419px;
	/*top: 38px;*/
	top: 20px;
	margin-left:302px;
	float:left;
        font-size: 10px;
        padding-left:23px;
        padding-top:11px;
        padding-bottom:22px;
        padding-right: 11px;
        color: #ffffff;
	border: solid 1px #ffffff;
	background-image:url(images/cms/content_box.jpg);
        background-repeat:no-repeat;
}

#content_box_without_news_subnavi {
	position:relative;
	width: 656px;
	height: 419px;
	/*top: 16px;*/
	top: -2px;
	margin-left:302px;
	float:left;
        font-size: 10px;
        padding-left:23px;
        padding-top:11px;
        padding-bottom:22px;
        padding-right: 11px;
        color: #ffffff;
	border: solid 1px #ffffff;
	background-image:url(images/cms/content_box.jpg);
        background-repeat:no-repeat;
}

#content_box a {
/*        color:#fff; */
        text-decoration: none;
        color:#CCFF99;
}

.content_title {
	color:#FFFFFF;
	padding-left: 11px;
	padding-top: 23px;
	font-size: 10px;
	text-align:left;
	text-transform:uppercase;
}

.content_text {
	color:#FFFFFF;
	padding-left: 11px;
	padding-top: 15px;
	font-size: 10px;
	text-align:left;
	max-height:360px;
}

input#m3email {
	width: 160px;
	background-color:transparent;
	border: 1px solid #fff;
	margin-top: 3px;
}

input#m3username {
	width: 160px;
	background-color:transparent;
	border: 1px solid #fff;
	margin-top: 3px;
}

td.form_label_1 {
       width:65px;
       font-size:12px;
       vertical-align:top;
}


td.form_label_2 {
       width:97px;
       padding-left:25px;
       font-size:12px;
       vertical-align:top;
}

td.form_label_3 {
       padding-left:25px;
       font-size:12px;
       vertical-align:top;
}

td.form_input input{
       margin:2px;
}

#error_message {
      color:#cc0000;
      font-size:12px;
      height:32px;
}

.error_message {
      color:#cc0000;
      font-size:12px;
      height:32px;
}

.set_height_120 {
height:120px;
vertical-align:top;
}

.set_height_20 {
height:20px;
}

.set_height_40 {
height:40px;
vertical-align:bottom;
}

.captcha {
text-align:left;
}

/* ************  CSS for Pagination *********** */

.virtualpage{ 
/*hide the broken up pieces of contents until script is called. Remove if desired*/ 
display:none;  
}  

.paginationclass{ 
/*Style for demo pagination divs*/ 
width:250px; 
text-align:left; 
padding:2px 0; 
margin:10px 0px; 
position:absolute;
top:415px;
}  

.paginationclass select{ 
/*Style for demo pagination divs' select menu*/ 
border:1px solid navy; 
margin:0 15px; 
} 

.paginationclass a{ 
/*Pagination links style*/ 
padding:0 5px; 
text-decoration:none; 
border:1px solid #fff; 
color:#fff; 
background-color:transparent; 
} 

.paginationclass a:hover, 
.paginationclass a.selected{ 
color:#000; 
/* background-color:#99FF66; */
background-color:#CCFF99;
}

 .paginationclass a.imglinks{ 
/*Pagination Image links style (class="imglinks") */ 
border:0; 
padding:0; 
}

 .paginationclass a.imglinks img{ 
vertical-align:bottom; 
border:0; 
}

 .paginationclass a.imglinks a:hover{ 
background:none; 
}

 .paginationclass .flatview a:hover, .paginationclass .flatview a.selected{ 
/*Pagination div "flatview" links style*/ 
color:#000; 
/* background-color:#99FF66; */
background-color:#CCFF99;
font-weight:bold;
}

/* ************ END:  CSS for Pagination *********** */

/* ************  CSS Movie *********** */
/*************************************/
/*** height fixed plus 16 pix for QT Navi ***/

#movie_redsmoke {
	position: relative;
	width: 640px;
	height: 360px;
/*	border: 1px solid #000000; */
}

#movie_small_redsmoke {
	position: relative;
	margin: 80px auto;
	width: 256px;
	height: 156px;
/*	border: 1px solid #000000; */
}

#movie_roterrauch {
	position: relative;
	width: 640px;
	height: 376px;
/*	border: 1px solid #000000; */
}

#movie_small_roterrauch {
	position: relative;
	margin: 80px auto;
	width: 250px;
	height: 156px;
/*	border: 1px solid #000000; */
}

#movie_buttons {
	position: relative;
	text-align: center;
	margin: 5px auto;
	height: 10px;
	width: 640px;
	font-size: 12px;
}

#movie_buttons_small {
	position: relative;
	text-align: center;
	margin: 203px auto;
	height: 10px;
	width: 640px;
	font-size: 12px;
}

#qt {
	position: relative;
	float: left;
	margin: 0px 45% auto 45%;
	height: 31px;
	width: 88px;
	border-style: none;
}
/* ************ END:  Movie *********** */

/* End of 'Main' */

/* Start of CMSMS style sheet 'Navigation' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#navi {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* *********************************** */

#navi {

float:left;
margin-left:396px;
margin-right:30px;
/*width: 60%;*/
width: 500px;
}

#navi ul {
   margin: 0;
   padding: 0;
   text-transform:uppercase;
font-family:"Lucida Grande", Geneva, sans-serif;
font-size: 12px;
}


/* menu list items */
#navi li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   /*margin: 0px ;*/
margin-left: -7px;
}

/* the links, that is each list item */
#navi a {
   padding: 0px 0px 0px 8px; /* padding inside the list item box */
   margin: 6px 12px 0px 10px;  /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   display: block; /* IE has problems with this, fixed above */
}

/* hover state for links */
#navi li a:hover {
   color: #333333;
}

#navi a.activeparent:hover {
   color: #fff;
}

/* active parent, that is the first-level parent of a child page that is the current page */
#navi li.activeparent a {
   color: #fff;
   background-image:url(images/cms/navi_pic.gif);
   background-repeat:no-repeat;
   background-position:bottom left;
   margin-bottom:0px;
}

#navi h3 {
   padding: 0px 0px 0px 8px; /* padding inside the list item box */
   margin: 6px 12px 0px 10px;  /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   background-image:url(images/cms/navi_pic.gif);
   background-repeat:no-repeat;
   background-position:bottom left;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   font-weight: normal;
}


/* *********************************** */
/* *********    subnavi        ************ */
/* *********************************** */

#subnavi {
  float: left;
  width: 70%;
/*  margin-left: 320px;
  margin-top: 50px; */
  margin-left: 276px;
  margin-top: 70px;
  z-index:2;
}

#subnavi ul {
   margin: 0;
   padding-top: 0;
   text-transform:uppercase;
font-family:"Lucida Grande", Geneva, sans-serif;
font-size: 12px;
}


/* menu list items */
#subnavi li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   /*margin-bottom: 0px ;*/
margin-left: -7px;
}

/* the links, that is each list item */
#subnavi a {
   margin: 2px 12px 5px 10px; 
   padding: 0px 0px 0px 8px;
   text-decoration: none; /* no underline for links */
   color: #fff;
   display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
#subnavi li a:hover {
   color: #333333;
}

#subnavi a.activeparent:hover {
   color: #fff;
}

/* active parent, that is the first-level parent of a child page that is the current page */
#subnavi li.activeparent a {
   color: #fff;
}

#subnavi h3 {
   margin: 2px 12px 5px 10px; 
   padding: 0px 0px 0px 8px;
   text-decoration: none; /* no underline for links */
   color: #fff;
   background-image:url(images/cms/subnavi_pic.gif);
   background-repeat:no-repeat;
   background-position:bottom left;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   font-weight: normal;
}
/* End of 'Navigation' */