@charset "utf-8";
/* CSS Document */


html {
	height:        		100%;
	font-size:     		100.1%;
	margin:				0;
	padding:			0;	
	margin-bottom: 		0.1px;
} 
body{
	font-family:		Arial, Helvetica, sans-serif;	
	text-align: 		center;
	font-size: 			12px;
	margin: 			0;
	padding: 			0;
	background-color: 	#FFFFFF;
	background-image: 	url(../images/bg.jpg);	
	background-repeat: 	no-repeat;
	background-position:top center;
	height:				100%;
}
h3.russisch {
	margin-top:			2px;
	font-size:			18px;
	color:				#666;
	font-weight:		bold;
	}
h4 {
	font-size: 			12px;
	font-weight:		bold;
	color:				#666;
	margin:				0 0 10px 0;
}
.box h3 {
	font-size: 			13px;
	font-weight:		bold;
	color:				#666;
	margin:				0 0 5px 0;
}
#container{
	width:				960px;
	text-align:			left;
	position:			relative;
	float: 				none;
	margin: 			auto;
}
#wrapper {
	width: 				960px; 
	margin: 			auto auto; 
	min-height: 		100%; 
	position: 			relative;
	background-image: 	url(../images/content-bg.gif); 
	background-repeat: 	no-repeat;
}

#main  {
	text-align:			center;
	margin-bottom:		13px;
}
#main p {
	margin-top:			2px;
	font-size:			11px;

}

/* ------------------------ Header ------------------------------------------------------- */
#header{
	margin:				auto;
	padding:			0;	
	height:				80px;
	display: 			block;		
	float: 				none;
	clear: 				both;		
}
#header-left{
	display: 			block;
	float: 				left;	
}
#header-left img{
	padding-top:		38px;
}
#header-right{
	display: 			block;
	float: 				right;	
}
#header-right img{
	padding-top:		44px;
}


/* ------------------------ Flash ------------------------------------------------------- */
#flash {
	display: 			block;
	height:				400px;		
	margin:				0;
	padding:			0;	
	text-align:			center;
}

#videoheader {
	
	height:				480px;		
	display: 			block;	
	text-align:			center;
	/*padding-top:		16px;*/
}

/* ------------------------ Navigation ------------------------------------------------------- */
#navigation{
	margin:				0;
	padding:			0;	
	width:				221px;	
	position:			relative;
	display: 			block;
	left:				0;
	float: 				left;	
}






/* ------------------------ Content ------------------------------------------------------- */
#content{
	margin:				22px 0px 0px 25px;
	padding:			0;	
	position: 			relative;	
	display: 			block;	
	float: 				left;
	width: 				680px;
    height:				auto;
    min-height:			350px;
}

.left {
	float:			left;
	width:			330px;
	margin-right:	20px;
}
.right {
	float:			left;
	width:			295px;
	padding-top:	35px;
}

.box {
	clear:			both;
	display:		block;
	height:			146px;
}
.box-left {
	display:		block;
	width:			220px;
	float:			left;
}
.box-right {
	display:		block;
	width:			220px;
	float:			left;
	margin-left:	10px;
}
.inner-box {
	display:		block;
	width:			216px;
	height:			110px;
	border:			1px solid #666;
}
.inner-box a img {
	border:			none;
}
.inner-box h4 {
	padding:		8px 0 0 10px;
}

ul.aufzaehlung{
	margin: 			0;	
	padding: 			0 0 0 17px;		
	list-style-type:	square;	
}
ul.aufzaehlung li{
	margin: 			0 0 2px 0;
	padding: 			0;
}
p{
	margin: 			0;	
	padding: 			0;		
}
h3{
	font-weight:		bold;
	font-size:			18px;		
}
a:link, a:visited, a:active {
	color: 				#6b7402;
	text-decoration: 	none;
}
a:hover{
	color: 				#000;
	text-decoration: 	none;	
}


.bildrahmen{
	border:				1px solid #999;
}

.bilder-left{
	width: 560px;
	float: left;
	font-size: 11px;
	color: #666;
}
.bilder-left a:link, .bilder-left a:visited, .bilder-left a:active {
	color: 				#666;
	text-decoration: 	none;
}
.bilder-left a:hover{
	color: 				#000;
	text-decoration: 	none;	
}
.bilder-right{
	width: 				324px;
	float: 				right;	
}
.download-left{
	float: 				left;
	width: 				160px;
	padding-top: 		3px;
}
.download-right{
	float: 				left;
	text-align: 		right;	
	width: 				400px;
	padding-top: 		3px;	
}
.download-icon{
	padding-right: 		3px;
}
.download-text{
	padding-top: 		10px;
}

#hallenplan {
	background-image:		url(../images/hallenplan_expo.gif);
	background-repeat:		no-repeat;
	background-position:	10px 26px;
	height:					340px;	
}

/* ------------ Home Seite ------------------ */

.box-678 {
	/*width:			678px;*/
	margin:			45px 0 15px 0;
	font-size:		11px;
}

.box-678 #flash {
	display: 			block;
	height:				420px;		
	margin:				-40px 0 0 0;
	padding:			0;	
	text-align:			left;
}

.box-678 img,
.box-330-left img,
.box-330-right img {
	border:1px solid #CCC;
}
.box-678 h4,
.box-330-left h4,
.box-330-right h4 {
	margin:	5px 0 0 0;
}
.box-330-left {
	width:			332px;
	float:			left;
	margin-right:	16px;
	font-size:		11px;
}
		

.box-330-right {
	float:			left;
	font-size:		11px;
	width:			332px;
}





/* Formulare */
.form_input { 
    background: 		#FFF;
	color:				#333;
    border: 			1px solid #DDD;	
    padding: 			3px;	
	width:				200px;
}
.form_input:active, .form_input:focus, .form_input:hover { 
    background:			 #F5F5F5;
}

.form_textarea{
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;	
    background: 		#FFF;
	color:				#333;
    border: 			1px solid #DDD;	
    padding: 			3px;	
	width:				250px;
	margin-top:			3px;
}
.form_textarea:active, .form_textarea:focus, .form_textarea:hover { 
    background: 		#F7F7F7;
}

.form_button{
    background: 		#F5F5F5;
	color:				#333;
    border: 			1px solid #CCC;	
    padding: 			4px;	
	width:				250px;
	overflow: 			visible;	
}
.form_button:active, .form_button:focus, .form_button:hover{
    background: 		#E9E9E9;
}
  
  


/* ------------------------ Footer ------------------------------------------------------- */
#footer{
	margin:				0;
	padding:			0;	
	height:				110px;
	position: 			relative;	
	display: 			block;	
	font-size:			11px;	
	font-weight:		bold;
	color: 				#999;
	float: 				left;
	width: 				960px;
}


#footer-right{
	display: 			block;
	padding:			30px 25px 0 0;	
	float: 				right;	
}

/* -------- videobereich --------  
 ------- obere Teil -----*/

.videobereich {
	width:				678px;
	height:				388px;		
	display: 			block;	
	/*background-image: 	url(../images/video_bg.jpg); 
	background-repeat: 	repeat-x;*/
	text-align:			center;
	padding-top:		16px;
	margin-bottom:		20px;
}

/* ----- untere Teil ------*/

#videoList {
	list-style:			none;
	margin-left:		21px;
	/*border-top:			1px solid #CCC;
	margin-left:		-40px;
	font-size:			10px;*/
}

#videoList ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}

#videoList li {
	float:				left;
	/*height:				110px;*/
	width:				132px;
	padding:			0 5px 20px 5px;
}

#videoList li .videoTitle {
	position:			relative;
	display:			block;
	color:				#666;
	font-size:			10px;
	font-weight:		600;
	height:				26px;
	valing:				bottom;
	padding:			2px 5px;
	background-color:	#E7E7E7;
}

#videoList .videothumb img {
	border:				1px solid #CCC;
	display:			block;
	height:				80px;
	width:				130px;
	margin-bottom:		2px;
}

#videoList .vidViews {
	color:				#999;
	font-size:			11px;
	text-align:			right;
}
#videolist .videoText {
	color:				#666;
	font-size:			10px;
}
#videoList td.videoauswahl {
	font-size:				10px;
	background-image:		url(../images/hg-videolist.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom;
}
#videoList .pagesList p {
	margin-top:				10px;
}

/* -------- impressionen -------- */

.videobereich {
	width:				678px;
	height:				388px;		
	display: 			block;	
	text-align:			center;
	padding-top:		16px;
	margin-bottom:		20px;
}

#imageList {
	list-style:			none;
	margin-left:		21px;
	/*border-top:			1px solid #CCC;
	margin-left:		-40px;
	font-size:			10px;*/
}

#imageList ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}

#imageList li {
	float:				left;
	/*height:				110px;*/
	width:				132px;
	padding:			0 5px 10px 5px;
}

#imageList li .videoTitle {
	position:			relative;
	color:				#666;
	font-size:			10px;
	font-weight:		600;
	height:				22px;
	padding:			2px 0;
}

#imageList .videothumb img {
	border:				1px solid #333;
	display:			block;
	height:				80px;
	width:				130px;
}

#imageList .vidViews {
	color:				#999;
	font-size:			11px;
	text-align:			right;
}
#imageList .videoText {
	color:				#666;
	font-size:			10px;
}
#imageList .imageauswahl {
	font-size:				10px;
	background-image:		url(../images/hg-videolist.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom;
}

#imageList .imageauswahl li a img {
	border:				1px solid #CCC;
}
#imageList .pagesList p {
	margin-top:				10px;
}
#imageList .imageTitle {
	margin-left:			3px;
}


/* --------- Mess News ------- */
.news-left {
	display:		block;
	width:			210px;
	float:			left;
}
.news-left img {
	margin-bottom:	10px;
}
.news-right {
	display:		block;
	float:			left;
	margin-left:	20px;
	width:			425px;
	font-size:		11px;
	position:		relative;
}
.news-right p {
	margin-left:	2px;
}

.news-left h4, 
.news-right h4 {
	background-color:#E7E7E7;
	display:		block; 
	padding:		2px 6px;
	font-weight: 	bold;
	font-size:		12px;
	color:			#333;
}

ul.pfeil {
	list-style-position: outside;
	list-style-image: 	url(../images/navi/pfeil-grau.gif);
	list-style-type: 	none;
	margin-left:		-21px;
		
}
ul.pfeil li {
	padding-bottom:		6px;
	color:				#000;
}
.datum {
	text-align:			right;
	padding-bottom: 	10px;
	position:		absolute;
	top:			-16px;
	right:3px;
}
.retour {
	background-image:   url(../images/navi/pfeil-grau-back.gif);
	background-repeat:	no-repeat;
	padding-left:	 	16px;
	display:			block;
}

/* ---- impressionen ----- */
#bildbereich {
	height:			360px;
}
.bild-textbox {
	float:			left;
	display:		block;
	width:			474px;
	margin-right:	26px;
	font-size:		11px;
}
.bild-textbox img {
	border:			1px solid #666;
	margin-bottom:	3px;
}
.auswahl {
	float:			left;
	display:		block;
	width:			180px;
	font-size:		11px;
}
.auswahl a:link,
.auswahl a.visted {
	font-weight:		normal;
	text-decoration: 	none;
	color:			#333;
}
.auswahl a:hover,
.auswahl a:active,
.auswahl a.current:visited {
	font-weight:		bold;
	text-decoration: 	none;
	color:			#333;
}






/* MESSE-TV BUTTONS */
.button_back,
.button_end,
.button_forward,
.button_start {
	width: 50px;
	height: 70px;
	display: block;
}

.button_forward{
	background-image:url(../images/arrow_forward.gif);
}
.button_forward:hover{
	background-image:url(../images/arrow_forward-hover.gif);
}
.button_end{
	background-image:url(../images/arrow_end.gif);
}
.button_end:hover{
	background-image:url(../images/arrow_end-hover.gif);
}
.button_back{
	background-image:url(../images/arrow_back.gif);
}
.button_back:hover{
	background-image:url(../images/arrow_back-hover.gif);
}
.button_start{
	background-image:url(../images/arrow_start.gif);
}
.button_start:hover{
	background-image:url(../images/arrow_start-hover.gif);
}