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

body, html, img {
	margin: 0;
	padding: 0;
	border: 0;
}
body, html {
	height: 100%;
}

body {
	background-image: url(../imgs/background2.png);
	background-repeat:repeat-x;
	background-position: center top;
	background-color: #022560;
	font: normal 10px/15px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
}

.bodytext a {
	font: 10px/15px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	text-decoration: underline;
}

.bodytext a:hover {
	font: bold 10px/15px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	text-decoration: underline;
}

h1 {
	font: normal 17px/21px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	padding: 0;
	margin: 0;
	padding-top: 20px;
}
h2 {
	font: normal 14px/15px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	padding: 0;
	margin: 0;
	padding-top: 20px;
}

#total {
	position: absolute;
	left: 50%;
	top: 0;
	width: 966px;
	height: 100%;
	margin: 0 0 0 -483px;

}

#menu {
	position: absolute;
	left: 14px;
	top: 370px;
	width: 252px;
	height: 188px;
}

#logo {
	position: absolute;
	left: 14px;
	top: 35px;	
	z-index: 1000;
}

/* ### TOP ### */

#head {
	position: absolute;
	left: 135px;
	top: 0;
	width: 736px;
	height: 350px;
	z-index: 10;
}


#headImage {
	position: absolute;
	height: 100%;
	width: 736px;
	background-image:url(../imgs/headBackground3.png);
	background-repeat: repeat-x;
	background-position-x: 130px;
	float: left;	
}

#headImage #flaCoverflow {
	position: relative;
	/*top: 124px;
	left: 130px;*/
}

#headImage img {
	position: relative;
	top: 0px;
	left: 131px;
}


/* ### MIDDLE ### */

#middle {
	position: absolute;
	left: 252px;
	top: 350px;
	width: 506px;
	height:auto;
	padding-bottom: 20px;
}

#middleShadowLeft {
	width: 14px;
	background-image:url(../imgs/middleShadowLeft.png);
	float: left;
	height: 100%;
}
#middleShadowRight {
	height: 100%;
	width: 14px;
	background-image:url(../imgs/middleShadowRight.png);
	float: left;
}
#middleContent {
	height: 100%;
	width: 438px;
	background-image:url(../imgs/middleBackground.png);
	background-repeat: repeat-x;
	background-color: #253b5f;
	float: left;
	height: 100%;
	min-height: 350px;
	padding-left: 14px;
	padding-right: 24px;
	padding-bottom: 20px;
}
#middleMinHeight {
	width: 0;
	height: 350px;
}

#footer {
	text-align: right;
	padding-right: 15px;
	margin-top: 3px;
}
#footer a {
	font: normal 10px/18px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	text-decoration: none;
	padding-left: 10px;
}

#footer a:hover, #footer a.active {
	text-decoration: underline;
}

/* ### RIGHT ### */

#right {
	position: absolute;
	left: 756px;
	top: 370px;
	width: 210px;
	padding: 0;
}

.rightContentBox{
margin-bottom: 40px;
}

.rightContentBoxContent {
	background-image: url(../imgs/rightContentBackground.png);
	height: 100%;
	padding: 8px;
}

.rightOrangeContentBoxContent {
	background-image: url(../imgs/rightOrangeContentBackground.png);
	height: 100%;
	padding: 8px;
}

.rightContentBoxFooter {
}

.rightOrangeContentBoxContent h2, .rightContentBoxContent h2 {
	font: normal 13px/20px 'Lucia Grande', Verdana, Arial, Sans-Serif;	
	padding: 0;
	margin: 0;
}

#right a {
	font: normal 10px/10px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	text-decoration: underline;
}
#right a:hover {
	font: bold 10px/10px 'Lucia Grande', Verdana, Arial, Sans-Serif;
}

.rightOrangeContentBox {
margin-bottom: 20px;
}


/* ### MENU ### */

#menu a {
	color: #fff;
	text-decoration: none;
}
#menu a:hover {
	font-size: 1.2em;
	margin-left: -5px;
	margin-top: -5x;
}
#menu a.active {
	text-decoration: underline;
}



#menu_news {
	position: absolute;
	left: 120px;
	top: 0;
	font-size: 14px;
	padding:5px;
}
#menu_events {
	position: absolute;
	left: 46px;
	top: 14px;
	font-size: 22px;
	padding:5px;
}
#menu_erlebisse {
	position: absolute;
	left: 0;
	top: 54px;
	font-size: 14px;
	padding:5px;
}
#menu_promotion {
	position: absolute;
	left: 54px;
	top: 34px;
	font-size: 14px;
	padding:5px;
}
#menu_messe {
	position: absolute;
	left: 152px;
	top: 34px;
	font-size: 14px;
	padding:5px;
	width: 100px;
}
#menu_agentur {
	position: absolute;
	left: 106px;
	top: 48px;
	font-size: 22px;
	padding:8px;
}
#menu_profil {
	position: absolute;
	left: 63px;
	top: 76px;
	font-size: 14px;
	padding:5px;
}
#menu_fullservice {
	position: absolute;
	left: 114px;
	top: 76px;
	font-size: 14px;
	padding:5px;
}
#menu_team {
	position: absolute;
	left: 200px;
	top: 76px;
	font-size: 14px;
	padding:5px;
}
#menu_jobs {
	position: absolute;
	left: 80px;
	top: 98px;
	font-size: 14px;
	padding:5px;
}
#menu_referenzen {
	position: absolute;
	left: 129px;
	top: 115px;
	font-size: 14px;
	padding:5px;
}
#menu_service {
	position: absolute;
	left: 25px;
	top: 110px;
	font-size: 22px;
	padding:13px;
	padding-bottom:7px;
}
#menu_kontakt {
	position: absolute;
	left: 86px;
	top: 140px;
	font-size: 14px;
	padding:4px;
}
#menu_trailer {
	position: absolute;
	left: 40px;
	top: 158px;
	font-size: 14px;
	padding:5px;
	width: 100px;
}
#menu_partner {
	position: absolute;
	left: 148px;
	top: 163px;
	font-size: 14px;
	padding:5px;
	width: 100px;
}


/* MENU LANGUAGE: */

#languageMenu {
	position: absolute;
	left: 756px;
	top: 30px;
	z-index: 1000;
}
#languageMenu a {
	font: normal 10px/18px 'Lucia Grande', Verdana, Arial, Sans-Serif;
	color: #fff;
	text-decoration: none;
}
#languageMenu a:hover {
	text-decoration: underline;
}


.csc-mailform {
padding: 0px;
border: none;
}

.csc-mailform label {
	display: block;
	float: left;
	font: normal 11px/16px Verdana,Arial,Sans-Serif;
	width: 150px;
	margin: 5px 0;
}

.csc-mailform input {
width: 250px;
}
.csc-mailform-submit {
clear: booth;
margin-top: 20px;
}

#videoCanvas {
	position: absolute;
	top: 0px;
	left: 13px;
}

#stempel {
	position: absolute;
	top: 620px;
	left: 100px;
}

#videowrap {
	position: absolute;
	left: 14px;
	top: 0;
	background: none;
}