@charset "utf-8";

html, body
{
/* StickyFooter */
height:100%;/* needed to base 100% height on something known*/
/* StickyFooter */
margin: 0 0 0 0 ;
padding: 0;
}

body{
text-align : center; /*For IE */
font-size: 12px;
}

#wrapper{
/* StickyFooter */
margin-top:-55px;/*footer height - this drags the outer 40px up through the top of the monitor */
/* StickyFooter */
width: 100%; /*1024px;*/
position:relative;
margin-left : auto; /* setze Seite zentriert */
margin-right : auto;/* setze Seite zentriert */
text-align : left; /* Aligns text to left */
/*
left: 50%;
margin-left: -512px; /* negative Hälfte von width:1000px */
z-index:4;

}

/* StickyFooter */
/* #inner protects any floats in the content from clearing the :before float */
#inner {
    width:100%; /*1024px;*/
    overflow:hidden;
    /* you could use float:left instead of overflow:hidden if you wanted content to overflow*/
    /* background:#ffffcc; If floated instead of overflow:hidden then repeat #wrapper background color here */
	background-color: transparent;
	

	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:1302px 50%;

	
}


*+ #inner {
   width:100%; /*1024px;*/
    overflow:hidden;
    /* you could use float:left instead of overflow:hidden if you wanted content to overflow*/
    /* background:#ffffcc; If floated instead of overflow:hidden then repeat #wrapper background color here */
	background-color: transparent;
	

	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:1400px 50%;

	
}
/* StickyFooter */




.flags {
	padding:30px 0 0 30px;
	}


#flag_de a{
	width: 28px;
	height: 18px;
	margin:20px 20px 0 50px;
	background-image:url(../Produktion/www_umsetzung/img/flag_de_sw.png);
	float:left;
	}
	
#flag_gb a{
	width: 28px;
	height: 18px;
	margin:20px 20px 0 0;
	background-image:url(../Produktion/www_umsetzung/img/flag_gb_sw.png);
	float:left;
	}
	
#flag_cn a{
	width: 28px;
	height: 18px;
	margin:20px 20px 0 0;
	background-image:url(../Produktion/www_umsetzung/img/flag_cn_sw.png);
	float:left;
	}


#flag_de a:hover{
	width: 28px;
	height: 18px;
	margin:20px 20px 0 50px;
	background-image:url(../Produktion/www_umsetzung/img/flag_de.png);
	float:left;
	}
	
#flag_gb a:hover{
	width: 28px;
	height: 18px;
	margin:20px 20px 0 0;
	background-image:url(../Produktion/www_umsetzung/img/flag_gb.png);
	float:left;
	}
	
#flag_cn a:hover{
	width: 28px;
	height: 18px;
	margin:20px 20px 0 0;
	background-image:url(../Produktion/www_umsetzung/img/flag_cn.png);
	float:left;
	}





#logo_wrapper{
background-image:url("img/top_repeat.gif");
background-repeat:repeat-x;
/*z-index:2;*/
width: 100%;
height: 118px;
margin: 55px 0 0 0 ;
}


#logo{
background-image:url("img/logo.png");
background-repeat:no-repeat;
background-position: 93%;
width:1024px;
height: 118px;
margin-left: auto;
margin-right: auto;
}

#top_menu_wrapper{
width:100%;
height: 18px;
padding-top: 2px;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
}

#menu_wrapper{
width:100%;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #cccccc;
}

/*#content_box {
	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:981px 50%; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 1024px;
position:absolute;
left: 50%;
margin-left: -512px; /* negative Hälfte von width:1000px
	 
	line-height: 18px;
	
} */



#headline_wrapper{
margin: 0;
padding: 0;
background-image:url(img/header_repeat.gif);
background-repeat:repeat-x;
background-position: left 40px;
z-index:1;
/*position:absolute;
top: 255px; */
width: 100%;
}



#content {

	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:999px 50%; 	
	padding-left: 34px;
	width:1024px;
	min-height:450px;
	margin-left: auto;
	margin-right: auto;
	
	line-height: 1.5em;
	
}

#headline {
	padding-top:40px;
	background-image:url(img/header_1024x125.png);
	background-repeat:no-repeat;
	height:85px;
	width:1024px;
	background-position:bottom;
	margin-left: auto;
	margin-right: auto;
	/*font-family: "Officina Sans Book";*/
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size:11px;


}
#content_3DinMotion {

	background-image:url(img/3DinMotion_BigBGcontent.png);
	/*background-position:-88 -11px; 	*/
	background-position:-64px 0; 	
	background-repeat: no-repeat;
	padding-left:40px;
	
	width:1024px;
	min-height:450px;
	margin-left: auto;
	margin-right: auto;
	
	line-height: 1.5em;
	
}

#headline_3DinMotion {
	
	/*wenn bg bild zu sehen sein soll, also kein Flash
	padding-top:40px;
	*/
	padding-bottom:40px;
	background-image:url(img/3DinMotion_header.png);
	background-repeat:no-repeat;
	height:85px;
	width:1024px;
	background-position:bottom;
	margin-left: auto;
	margin-right: auto;
	/*font-family: "Officina Sans Book";*/
	font-family:Arial,Verdana, Helvetica, sans-serif;
	font-size:11px;
}

#3DinMotion{
width: 960px;
height: 590px;
}

#headline h1{
margin-top:10px;}

h1{
padding-top:1px;
padding-left:34px;

}

h1 p.bodytext{
margin:0;
padding:0;
}

*+html h1{
padding-top:18px;
padding-left:34px;
font-size:25px;
}

h2{
font-size:14px;
padding-left:5px;
/*font-family:"OfficinaSansITCStd";*/
font-family:Arial,Verdana, Helvetica, sans-serif;
}

#subhead {
	padding-top: 60px;
	padding-left: 34px;
	background-image:url(img/subhead_square.gif);
	background-repeat:no-repeat;	
	background-position:15px 100%;
}

#text_links {
	margin-top: 10px;
	padding: 10px;
	float:left;
	width:400px;
	min-height: 320px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	scrollbar-face-color: #cccccc;
	scrollbar-highlight-color: ;
	scrollbar-3dlight-color: ;
	scrollbar-darkshadow-color: ;
	scrollbar-shadow-color: ;
	scrollbar-arrow-color: #be0d2a;
	scrollbar-track-color: ;
	
}



#footer{
margin:0;
padding:0;
background-image:url("img/footer.gif");
background-repeat:no-repeat;
background-position:100%;
width:1024px;
height: 55px;
margin-left: auto;
margin-right: auto;
/*padding-top:638px;
padding-left:897px;*/
}

#footer_repeat{
/* footer now sits at bottom of window*/
   background-image: URL("img/footer_repeat.gif");
	background-repeat:repeat-x;
    width:100%;
    margin:auto;
    height:55px;/* must match negative margin of #wrapper */
/*z-index:3;
top: 764px; 
position:absolute;
width: 100%;
*/
}

/* StickyFooter */
/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
}
/* StickyFooter */

/*#top{
padding-left:557px;
padding-top:8px;
	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:999px 50%; 	
	/* StickyFooter */
	/*border-top:55px solid #fff; /* soak up negative margin and allows header to start at top of page*/
	/* StickyFooter 
}
*/
/*
*+html #top{
padding-left:557px;
margin-top:-55px;
background-image:url(img/linie_vertikal.gif);
background-repeat:repeat-y;
background-position:981px 50%; 	
/* StickyFooter 
border-top:55px solid #fff; /* soak up negative margin and allows header to start at top of page*/
/* StickyFooter 
}
*/


#menu {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:96%;
}

#menu_top {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(img/linie_vertikal.gif);
	background-repeat:repeat-y;
	background-position:1015px 92.4%;
}

/* MENU TOP */
#menu_top{
font-family: verdana, arial;
font-weight: bold;
font-size: 12px;
text-transform:uppercase;
padding-left: 70px;}


*+html #menu_top{
font-family: verdana, arial;
font-weight: bold;
font-size: 12px;
text-transform:uppercase;
padding-left: 63px;
background-position:93%;}

#menu_top a:link, #menu_top a:visited{
color: #AA272F;
text-decoration: none;}

#menu_top a:hover{
color: #A59D95; 
text-decoration: none;}

span.red_I{
color: #A59D95;

}

#menu_top a.active {color: #999999;}

*+html span.red_I{
color: #999999;
margin: 0;
padding-right: 10px;
padding-left: 10px;
}

#menu_top ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#menu_top ul li{
	display: inline;
	padding:0 25px 0 25px;
	list-style-type: none;
}
/* MENU TOP */



/* MENU OHNE JAVASCRIPT ACCORDEON */


/* 2. Ebenen Menu 
.vertical_menu_wrapper{
	width: 100%;
	color: #444444;
	overflow: hidden;
	background-color: #be0d2a;
}

ul.first{
width: 964px;
	margin: 0;
    padding: 0;
    list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 22px;
	font-size: 12px;
}

li.main_menu_red{
	display: block;
	height: 22px;
	width: 964px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 22px 0;
	background-color: #be0d2a;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left:59px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
}



li.main_menu_red_off{
	display: block;
	height: 22px;
	width: 964px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	background-color: #be0d2a;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left:59px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
}

li.submenu{
	display: inline;
	height: 22px;
	font-weight: bold;
	text-decoration: none;
	text-transform:none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left:0;	
	margin-top: 20px;
}

li.submenu a{
	cursor: pointer;
}

.submenu a:link, .submenu a:hover, .submenu a:visited{
	text-decoration: none;
	margin-top: 20px;
}

.submenu a:active{
	text-decoration: none;
	margin-top: 20px;
	text-decoration: underline;
}


.submenu_active{
	display: inline;
	height: 22px;
	font-weight: bold;
	text-transform:none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left:0;	
	margin-top: 20px;
}

ul.nested{
width: 964px;
    padding-left: 98px;
    list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 22px;
	font-size: 12px;
	
}*/
/* 3. Ebene */


.vertical_menu_wrapper{
	width: 100%;
	color: #444444;
	overflow: hidden;
	background-color: #a59d95;
	
}

.vertical_menu_wrapper ul.first {
position: relative; /*float: left;*/
list-style: none;
width: 964px;
margin: 0 0 0 0 ;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 22px;
font-size: 12px;
}

.vertical_menu_wrapper ul.first li.submenu {
display: inline;
line-height: 1.5em; /**/
}

.vertical_menu_wrapper ul.first li.submenu ul {
	position: absolute; /*float: left;*/
	/*top: 100%; */
	left: 59px; /**/
	width: 100%;
}

.vertical_menu_wrapper ul.first li.submenu ul li {

}

.vertical_menu_wrapper ul.first li.submenu ul li ul {
/*position: absolute; float: left;*/
/*float: left;*/
background: #fff;
/*width: 100%;*/
}

.vertical_menu_wrapper ul.first li.submenu ul li ul li {

}


li.main_menu_red_off{
	display: block;
	width: 964px;
	/*color: #ffffff;*/
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	/*color: #000000;*/
	cursor: pointer;
	/*background-color: #be0d2a;*/
	background-color: #AA272F;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left:59px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
}


li.main_menu_red{
	display: block;
	width: 964px;
/*	color: #ffffff;*/
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	/*color: #000000;*/
	cursor: pointer;
	margin: 0 0 22px 0;
	/*background-color: #be0d2a;*/
	background-color: #AA272F;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	background-position: 40px center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left:59px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
}

/*Ende 3.Ebenen */

.main_menu_red a:link, .main_menu_red_off a:link, .main_menu_red a:visited, .main_menu_red_off a:visited, .main_menu_red a:hover, .main_menu_red_off a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

li.submenu{
	display: inline;
	height: 22px;
	font-weight: bold;
	text-decoration: none;
	text-transform:none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left:0;	
	margin-top: 20px;
	
}

*+html ul.submenu3{
 margin-top: 18px;
}
/*IE */

*+html li.submenu{
	display: inline;
	height: 22px;
	font-weight: bold;
	text-decoration: none;
	text-transform:none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	padding-top:0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left:0;	
	margin-top: 20px;
}

li.submenu a{
	cursor: pointer;
}

.submenu a:link, .submenu a:hover, .submenu a:visited{
	text-decoration: none;
	margin-top: 20px;
}

.submenu a:active{
	text-decoration: none;
	margin-top: 20px;
	text-decoration: underline;
	/*background-color:#be0d2a;*/
	background-color: #AA272F;
}


.submenu_active{
	display: inline;
	height: 22px;
	font-weight: bold;
	text-transform:none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left:0;	
	margin-top: 20px;
	position: relative;
}

.submenu_active a{
	color: #A3A118;
}

.active_multimedia{
	color: #488DA5;
}
.active_event{
	color: #D2873C;
}
.active_print{
	color: #A3A118;

}


/* ENDE MENU OHNE JAVASCRIPT ACCORDEON */


#horizontal_container {      
		margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
}
#vertical_nested_container {      
		margin: 20px auto 20px auto;
      width: 620px;
}

.left {
	float: right;
}

.right {
	float: left;
}


.l1{}

.l2{
	margin-left: 55px;
}

.l3{
	margin-left: 100px;
	width: 200px;
	float: left;
}

a {
	color: #AA272F;
	text-decoration: underline;
}

a:hover {
	color: #333333;
	text-decoration: none;
}


#vertical_container ul{
	padding-left:73px;
	padding-bottom: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#vertical_container li{
list-style-type: none;
display: inline; 
list-style-position: outside;
margin:5px; 
	
}

#vertical_container a{
color: #000;
text-decoration: none;
font-family: verdana;
font-size: 9pt;
font-weight: bold;
/*background-image: url(img/menu/dot_black.png);
background-repeat:no-repeat;
background-position: 350px 0;*/
	
}


#vertical_container a:hover{
/*color: #be0d2a;*/
color: #AA272F;
text-decoration: none;
font-family: verdana;
font-size: 9pt;
font-weight: bold;
/*background-image: url(img/menu/dot_black.png);
background-repeat:no-repeat;
background-position: 350px 0;*/
	
}



/* PROFIL */ 


#bezier{
position:absolute;
z-index:5;
top: 1400px;
left: 275px; 
width: 707px;
height: 486px;
background-image:URL("img/bezierkurve.gif");
background-color: transparent;
}

#text_links_profil {
	padding-top: 0;
	padding-left: 15px;
	float:left;
	width:335px;
	background-color: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#text_rechts_profil {
	padding-left:20px;
	float:left;
	width:335px;
	background-color: transparent;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



/* LEISTUNGSBEISPIELE */
#flash_image {
		margin-left: 160px;
	width: 390px;
float: left;
	

}

#flash_leistung_vorschau {
	margin:20px 0 0 -115px;
	

}
#leistungsbeispiele_link {
	width: 300px;
	margin-top: 50px;
	text-align: left;
}

#leistungsbeispiele_link a:link { color:black; text-decoration:underline; }
#leistungsbeispiele_link a:visited { color:#9f9389; text-decoration:none; }
#leistungsbeispiele_link a:hover { color:#cc0033; text-decoration:none; }
#leistungsbeispiele_link a:active { color:#cc0033; text-decoration:none; }


#flash_container{
	margin: 0;
	padding: 20px 0 0 0 ;
	width: 900px;
	height: 500px;
}

/* infoanforderung */

#info_table{

margin-left: 15px;}


/* NEWS */




#news_buttons{
	float:left;
	width: 350px;
	height: 50px;
}

#news_weiter {
font-face: Verdana, Arial, Helvetica; font-size: 12px;
	padding-left:330px;
	padding-bottom:20px;
}

#news_zurueck {
font-face: Verdana, Arial, Helvetica; font-size: 12px;
	padding-bottom:20px;
	float:left;
}
/*#news_buttons{
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	padding-top: 10px;
	margin-left: 20px;
	width: 400px;
}

#news_weiter {
	padding:0 20px 0 270px;
}

#news_weiter a{
	padding:0 ;
	margin:0;
}

#news_zurueck {
	padding-bottom:0 20px 0 0;
	float:left;
}

#news_weiter a{
	padding:0 ;
	margin:0;
}*/

#news_buttons a:link { font-face: Verdana, Arial, Helvetica; font-size: 12px; color:#9f9389; text-decoration:none;}
#news_buttons a:visited { font-face: Verdana, Arial, Helvetica; font-size: 12px; color:#9f9389; text-decoration:none;}
#news_buttons a:hover { font-face: Verdana, Arial, Helvetica; font-size: 12px; color:#cc0033; text-decoration:none; }
#news_buttons a:active { font-face: Verdana, Arial, Helvetica; font-size: 12px; color:#cc0033; text-decoration:none; }

table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* MITARBEITER */

#mitarbeiter { padding-top: 31px;
				padding-left: 7px;
}

/* Voting Nov/Dez 2010 */

td.font{
color: #fff;
font-weight:bold;
font-size: 12px;
}

#err{
width: 450px;
border: 1px solid #be0d2a;
background-color: #ffcccc;
padding: 2px;
}


#thanks{
width: 450px;
border: 1px solid #33cc33;
background-color: #ccffcc;
padding: 2px;
}



#flash_image embed {
margin-left:20px;}


#content li {
list-style-image:url(img/ccc_list_style.png)
}


#headline_gamescom_inner{
	text-align:center;
	}
	
#content_3DinMotion_praesentation{
	text-align:center;
	}