/* Wichtige Farben
Hintergrund		= #303030
Rahmen			= #E2E3E4
MenüGrau		= #7F7F7F
Messebau        = #DA221D		218 /  37 /  29
Ladenbau		= #EC921A		236 / 146 /  26
Präsentationssys= #711C76		113 /  28 / 118
Reinraum		= #0093DD		  0 / 147 / 221
S&S				= #1F1A17		 31 /  26 /  23	
MISC			= #CCCCCC		204 / 104 / 204	
*/
html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li, input, textarea {
    margin: 0;
    padding: 0;
    font-family: /*HelveticaNeue MediumCond, Verdana, Arial,*/  Helvetica, Arial, sans-serif;
    
}

body
{

    overflow: hidden;
    background-color: #303030;
}

a 
{
	color: Black;
	font-weight: bold;
	text-decoration:none;	
}

a:hover
{
	font-weight: bold;
	text-decoration: none;
	/*border-bottom: dashed 1px black;*/
	cursor: pointer;
}

.NoHover
{
    color: black;
	font-weight: normal;
	text-decoration:none;	
	border-bottom: none;
}

.NoHover:hover
{
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

/* PAGE */
.Page {
	width: 970px;
	margin: 0 auto;
	min-height: 635px;
	overflow:hidden;
}

.PageTopMargin {
	height: 20px;
	background-color: #303030;
}

.PageTopBorder {
	height: 45px;
	background-color: #E2E3E4;
	position: relative;	
}

.PageTopBorderProductColors {
	width: 66px;
	height: 10px;
	position: absolute;
	right: 45px;
	bottom: 0px;
}

.PageTopMenuProductFieldExhibition {
	width: 10px;
	height: 100%;
	background-color: #DA221D;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.PageTopMenuProductFieldInterior {
	width: 10px;
	height: 100%;
	background-color: #EC921A;
	position: absolute;
	left: 14px;
	bottom: 0px;
}

.PageTopMenuProductFieldPresentation {
	width: 10px;
	height: 100%;
	background-color: #711C76;
	position: absolute;
	left: 28px;
	bottom: 0px;
}

.PageTopMenuProductFieldCleanroom {
	width: 10px;
	height: 100%;
	background-color: #0093DD;
	position: absolute;
	left: 42px;
	bottom: 0px;
}

.PageTopMenuProductFieldSoftware {
	width: 10px;
	height: 100%;
	background-color: #1F1A17;
	position: absolute;
	left: 56px;
	bottom: 0px;
}

.PageBottomMargin {
	height: 0px;
	background-color: #303030;
	position:relative;
}

.PageBottomBorder {
	height: 45px;
	background-color: #E2E3E4;
	position:relative;
	z-index: 0;
}
/*************************************************/

.PageBottomMenuDivsLeftBorder
{
    height: 45px;
    float: left;
    width: 263px;
}
.PageBottomMenuDivs
{
    height: 45px;
    border-left: solid 1px #999999;
    float: left;
    font-size: 8pt;
    position: relative;
}


.PageBottomMenuDivs a
{
    color: #999999;
}

.PageBottomMenuDivs a:hover
{
    color: #303030;
}

.PageBottomMenuContent
{
	position:relative;
	padding-left: 2px;
	height: 40px;
}

.PageBottomMenuMarkerDivOn
 {  margin-left: 10px; height: 5px }

.PageBottomMenuMarkerDivOff
{
	background-image: none;
	background-repeat:no-repeat;
	height: 5px;
}

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

.PageBottomLogoTextWhite 
  { background-image: url("images/logo_text_white.png"); background-repeat: no-repeat; position: absolute; top: -23px; right: 45px; width: 193px; height: 23px }

.PageBottomClaimImageBlack 
  { background-image: url("images/claim_black.png"); background-repeat: no-repeat; position: absolute; top: -54px; left: 45px; width: 67px; height: 54px; float: left }

.PageBottomLogoImage 
  { background-image: url("images/logo_ocv.png"); background-repeat: no-repeat; position: absolute; top: -23px; right: 0; width: 45px; height: 23px }

/*************************************************/
/* PAGE TOP MENU*/

.PageTopMenu {
	height: 87px;
	background-color: #7F7F7F;
	position: relative;
}

.PageTopMenuGrayBar {
	height: 57px;
	background-color: Red;
}

.PageTopMenuGrayField {
	height: 100%;
	background-color: #7F7F7F;
	border-right: solid 1px #FFFFFF;
	float:left;
}

.PageTopMenuGrayFieldRight {
	height: 100%;
	background-color: #7F7F7F;
	float:left;
}

.PageTopMenuButtonBar {
	height: 29px;
	background-color: #ffff00;
	/*border-bottom: solid 1px #000000;*/
	width: 880px;
}


/* New Page Menu */
.solidblockmenu{
	background-color: White;
	margin: 0;
    padding: 0;
    float: left;
    font-size: 11px;
	width: 880px;
	border-bottom: solid 1px black;
}

.solidblockmenu li{
    display: inline;
}

.solidblockmenu li a{
	float: left;
	color: black;
	padding: 0px 0px 1px 1px;
	text-decoration: none;
	border-right: 1px solid black;
	height: 28px;
	letter-spacing: 0.5px;
}



/*. damit auch 2zeilig passt - höhe mehr, padding weniger

solidblockmenu li a{
	float: left;
	color: black;
	padding: 0px 0px 11px 1px;
	text-decoration: none;
	border-right: 1px solid black;
	height: 18px;
	letter-spacing: 0.5px;
}
*/

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: #DA221D;
	
	text-decoration:none;	
}

/*************************************************/
/* PAGE CONTENT */

.PageCoreContent {
	height: 100%;
	min-height: 450px;
	background-color: White;
	border-left: 45px solid #E2E3E4;
	border-right: 45px solid #E2E3E4;
}

.PageContent {
	height: 100%;
	min-height: 450px;
	background-color: White;
	position: relative;
}


/*
.PageFooter 
{
	height: 54px;
	background-color: white;
	border-left: 45px solid #E2E3E4;
	border-right: 45px solid #E2E3E4;
	position:relative;
}
*/

/*************************************************/
/* SIDE MENU */

#SideMenuAndContent
{
	min-height: 525px;
	height: 100%;	
}

#SideMenuContent
{   
	min-height: 450px;
	height: 100%;
	width: 661px;
}

.SideMenuContent
{   
	min-height: 450px;
	height: 100%;
	width: 661px;
}

.SideMenuMenu{
	margin: 0;
    padding: 0;
    font-size: 9px;
	width: 218px;
	background-color: #7F7F7F;
	border-right: solid 1px black;
	min-height: 450px;
	height: 100%;
}




/*************************************************/
/* CONTENTBEREICH */

.EuroshopContentDiv
{
    height: 115px;
	position: relative;
}


/*width: 100%;*/
#EuroshopTitleLeft {
	position: absolute; 
    top: 0px;
	height: 283px; 
	max-height: 276px; 
    width: 88px ;
    overflow: hidden; 
    background-color: #DA221D; 
    color: White; 
	text-align: right;
	color: white;
	font-size: 40px;
	padding-top: 7px;
	
}

/* for explorer only */
/* optional: #inner[id] {position: static;} */


/* war draussen? width: 100%;*/
.EuroshopCenterDivHeadline
{
	color: white;
	background-color: #DA221D;	
	font-size: 22px;
	width: 661px;
	max-width: 654px;
	padding-left:7px;
	height:25px;

	
}




/* SPIN */


#shs1 	{position:absolute; top:45px;left:36px;width:20px;height:20px;z-index: 100;}
#shs2 	{position:absolute; top:85px;left:52px;width:20px;height:20px;z-index: 100;}
#shs3 	{position:absolute; top:125px;left:118px;width:20px;height:20px;z-index: 100;}
#shs4 	{position:absolute; top:67px;left:110px;width:20px;height:20px;z-index: 100;}
#shs5 	{position:absolute; top:80px;left:140px;width:20px;height:20px;z-index: 100;}
#shs6 	{position:absolute; top:25px;left:108px;width:20px;height:20px;z-index: 100;}


#floorPlan{
	position:absolute; 
	top:210px;
	left:0px;
	width:218px;
	height:185px;
	background-image:url("images/grundriss.jpg");
}

#spinid{
	position:absolute; 
	top:25px;
	left:218px;
	width:661px;
	height:370px; 
	border-left:1px solid #000;
}

#menu {
	width:218px;
	margin-top:25px;
	height:200px;
	background-color:#000;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#spinMenu {
	
}

a.mItem {
        color: #fff;
        width: 160px;
		max-width: 160px;	
        padding: 5px 0px 5px 8px;
		padding-right:50px;
        text-decoration: none;
        letter-spacing: 0.9px;
        display:block;
        border-bottom: solid 1px white;
        background-color: black;
        background-image: url(images/pfeilSchwarz2.gif);
		background-repeat:no-repeat;
		background-position:center;
    }

a.mItem:hover {
        color: #DA221D;
        background-color: white;
        text-decoration:none;	
        background-image: url(images/pfeilRot2.gif);
    }

a.openertext {
        color: #fff;
        width: 210px;
		max-width: 210px;	
        padding: 5px 0px 5px 8px;
        text-decoration: none;
        letter-spacing: 0.9px;
        display:block;
        border-bottom: solid 1px white;
		font-size:12px;
        background-color: black;
        background-image: url(images/pfeilSchwarz2.gif);
		background-repeat:no-repeat;
		background-position:center;
    }

a.openertext:hover {
        color: #DA221D;
        background-color: white;
        text-decoration:none;	
        background-image: url(images/pfeilRot2.gif);
    }
	
a.flag_DE {
		position:absolute;
		top:0px;
		left:5px;
		width:23px;
		height:15px;
		display:block;
        background-image: url(images/flag_DE_Off.png);
		background-repeat:no-repeat;
    }

a.flag_DE:hover {
        background-image: url(images/flag_DE_On.png);
    }

a.flag_EN {
		position:absolute;
		top:0px;
		left:33px;
		width:23px;
		height:15px;
		display:block;
        background-image: url(images/flag_EN_Off.png);
		background-repeat:no-repeat;
    }

a.flag_EN:hover {
        background-image: url(images/flag_EN_On.png);
    }
	
a.flag_ES {
		position:absolute;
		top:0px;
		left:61px;
		width:23px;
		height:15px;
		display:block;
        background-image: url(images/flag_ES_Off.png);
		background-repeat:no-repeat;
    }

a.flag_ES:hover {
        background-image: url(images/flag_ES_On.png);
    }

a.flag_DE_On {
		position:absolute;
		top:0px;
		left:5px;
		width:23px;
		height:15px;
		display:block;
        background-image: url(images/flag_DE_On.png);
		background-repeat:no-repeat;
    }

a.flag_DE_On:hover {
        background-image: url(images/flag_DE_On.png);
    }

a.flag_EN_On {
		position:absolute;
		top:0px;
		left:33px;
		width:23px;
		height:15px;
		display:block;
        background-image: url(images/flag_EN_On.png);
		background-repeat:no-repeat;
    }

a.flag_EN_On:hover {
        background-image: url(images/flag_EN_On.png);
    }
	
a.flag_ES_On {
		position:absolute;
		top:0px;
		left:61px;
		width:23px;
		height:15px;
		display:block;
        background-image: url(images/flag_ES_On.png);
		background-repeat:no-repeat;
    }

a.flag_ES_On:hover {
        background-image: url(images/flag_ES_On.png);
    }