/* @group debug */
.debugr {border: 1px solid red;}
.debugg {border: 1px solid green;}
.debugb {border: 1px solid blue;}
.debugf {border: 1px solid fuchsia;}
.debug_r {background-color: red;}
.debug_g {background-color: green;}
.debug_b {background-color: blue;}
.debug_f {background-color: fuchsia;}
/* @end */

/* @group intro */

body.intro {
  height: 100%;
  padding: 15px;
  margin: 0;
}

div#intro {
  margin: 0 auto;
  height: 100%;	
  border: 1px solid red;
  background-color: #cfc6a5;
  width: 915px;
}

div#introheader {
  height: 100%;
}

div.intrologo {
  position: relative;
  text-align: right;
  padding-right: 100px;
}

div.introkeyvisual {
  text-align: right;
  margin-bottom: 40px;
}

/* @end */









/* @group MainTheme */

/* @group colors */

.cumin {
  color: #E1DCC3;
}
.cumin_text {
  color: #afa473;
}

.cumin_red {
 color:  #c7432d; 
}

/* @end */

/* @group images */
img {
  border: none;
}
/* @end */



div.right { float: right;}
div.left  { float: left; }
div.clear { clear: both; margin: 0; padding: 0;}

#border {
  width: 128px;
  height: 100%;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
}


/* @end */

/* @group Headline Menu */

div.topmenu {
	margin: 0 0 20px;
	padding: 0;
    font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-align: top;
}
div.topmenu ul li a {
	vertical-align: top;
  color: #ababab;
  text-decoration: none;
  font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


div.topmenu ul li a:hover {
  vertical-align: top;
  color: #ababab;
  text-decoration: underline;
  font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.topmenu  ul li.active a {
  color: #656565;
  font: bold 8pt/10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-decoration: none;
}

div.topmenu active {
  color: #656565;
  font: bold 8pt/10pt "Lucida Grande", Lucida, Verdana, sans-serif;
  text-decoration: none;
}

div.topmenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div.topmenu ul li {
margin: 0;
padding: 0;
  display: inline;
}

div.topmenu ul li:before {
	vertical-align: top;
  color: #ababab;
  content: "| ";
}
  
div.topmenu ul li:first-child:before {
  content: " ";
}
/* @end */

/* @group Main Menu */

div.mainmenu {
	padding: 0;
	float: left;
}

div.mainmenu ul{
	margin-left: 170px;
	padding: 0;
}

div.mainmenu ul li{
  display: inline;
}

div.mainmenu ul li a{
	color: #ababab;
	font: italic bold 9pt/12pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

div.mainmenu ul li a:hover{
	color: #ababab;
	font: italic bold 9pt/12pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}

div.mainmenu ul li.active a{
	color: #656565;
	font: italic bold 9pt/12pt "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
}

div.mainmenu ul li:before {
  color: #ababab;
  content: " | ";
}
  
div.mainmenu ul li:first-child:before {
  content: " ";
}

/* @end */

/* @group sidemenu */

.sidemenu ul {
  padding: 0;	
  list-style-type: none;
  list-style-image: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidemenu ul li {	
  margin-bottom: 4px;
  padding-left: 15px;
}

.sidemenu ul li.active {	
  margin-bottom: 4px;
  padding-left: 15px;
  background: url(../images/pfeil.gif) no-repeat;
}


.sidemenu ul li a{
	text-decoration: none;
	color: #000000;
  	font: 7pt Verdana;
	line-height: 12px;
}

.sidemenu ul li a:hover{
	border-bottom: 1px solid #afa473;
  	font: 7pt Verdana;
	line-height: 12px;
}


.sidemenu ul {
  padding: 0;	
  list-style-type: none;
  list-style-image: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

.sidemenu ul li {	
  margin-bottom: 4px;
  padding-left: 15px;
}

.sidemenu ul li.active {	
  margin-bottom: 4px;
  padding-left: 15px;
  background: url(../images/pfeil.gif) no-repeat;
}


.sidemenu ul li a{
	text-decoration: none;
	color: #000000;
  	font: 7pt Verdana;
	line-height: 12px;
}
/* @end */



/* @group Keyvisuals */

/* @group rightcontent */

div.contentpart {
  width: 165px;
  color: #7A7A7A;
  border: 1px solid #ababab;
  margin-bottom: 10px;
  background-color: #fff;
  font: 9pt/12pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  padding: 7px 5px;
}

div.contentpart img {
  margin-top: 3px;
  margin-bottom: 3px;
}

div.contentpart h4 {
  margin: 3px 0 2px;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 10pt;
  color: #7A7A7A;
}

div.contentpart a{
    margin: 0;
    text-decoration: none;
    color: #7A7A7A;
}



div.contentpart a:hover{
    margin: 0;
    text-decoration: underline;
    color: #7A7A7A;
}

div.img_contentpart {
  
}


/* @end */
div.keyvisual {
  margin: 0 0 20px;
}

div.keyvis {
  margin-left: 90px;
}

div.keyvis_logo {
  margin-left: 70px;
}


/* @end */

/* @group slider */
/*#slide-images_top {
  height:105px;
}
#slide-images_middle {
  height:105px;
}
#slide-images_bottom{
  height:105px;
}
*/
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:400px;
	height:300px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}



#content { padding:8px; margin:8px; width:720px; }
#matte { position:absolute; left:0px; top:0px; width:0px; height:0px; z-index:1; background-color: #777777; filter:alpha(opacity=85); moz-opacity:0.85;} 
#wrapper { position:absolute; left:0px; top:-9999px; width:100%; height:196px; z-index:2; text-align:center; }




#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li{ 
/* define width and height of container element and list item (slide)
   list items must be the same size as the slider area */
	width:696px;
	height:241px;
	overflow:hidden; 
}
span#prevBtn{}
span#nextBtn{}

/* @end */

/* @group referenzen */

/* @group referenzen side menu */

div.referenz_side_menu ul {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  padding: 0;
  margin: 10px 0 0 10px;
}

div.referenz_side_menu li {
  padding-bottom: 8px;
}

div.referenz_side_menu a {
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

div.referenz_side_menu a:visited {
	color: #ababab;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

div.referenz_side_menu li.active a {
	color: #656565;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}

/* @end */

div.reference_row {
  margin: 0 0 15px;
  padding: 0;
}

div.reference_row div{

}

div.reference_row img{
  margin: 0;
  padding: 0;
}

div.reference_row div img.middle{
  padding-right: 8px;
  padding-left: 8px;
}

div.tv_referenzen div {
	float: left;
  padding: 4px;
}

div.images div {
  float: left;
}
hr.top_10 {
  margin-top: 12px;
}
div.top_10 {
  margin-top: 10px;
}


div.right_5 {
  margin-right: 5px;
}
div.right_8 {
  margin-right: 8px;
}
div.right_10 {
  margin-right: 10px;
}
div.right_12 {
  margin-right: 12px;
}
div.right_15 {
  margin-right: 15px;
}
div.right_20 {
  margin-right: 20px;
}
div.right_25 {
  margin-right: 25px;
}
div.space_20 {
  margin-right: 20px;
}

div.kd_print_1 div {
  height:155px;
}



/* @end */