/*** Color definition ******************************************************************/
/* screenBlue: #0082D6
/* screenGray: #666666
/* stage size 760x560
/***************************************************************************************/

/*** global styles *********************************************************************/
html, body { 
		height:100%; 
		}

body { 
		margin: 0px 0px 0px 0px;
		background-color:#0082D6; 
		text-align: center;
		}
		
body#imagePage {
		background-color:#666666;
		}
		
p.adress { 
		margin-top: 6px; 
		font-size: 11px; 
		font-weight:normal; 
		line-height: 16px; 
		text-align:right; 
		}
		
p.imgMenu { 
		font-size: 11px; 
		font-weight:bold; 
		text-align:right; 
		margin: 10px 10px 0px 0px;
		}
		
span {
		color: #000000;
}
		
br { 
		line-height: 16px; 
		}
		
br.small { 
		line-height: 5px; 
		}

h1 { 
		font-size: 12px; 
		font-weight: bold; 
		margin: 5px 0px 10px 0px;
		}
		
h2 { 
		font-size: 11px; 
		font-weight: bold;
		}

img { 
		border: none; 
		}

ul { 
		list-style-type: none; 
		padding: 0px; 
		margin: 0px 0px 0px 0px; 
	 	font-size: 10px; 
		font-weight: normal; 
		line-height: 16px; 
		text-align: left;
		}
	 
ul.imgList { 
		list-style-type: none; 
		padding: 0px; 
		margin: 0px 0px 0px 0px; 
	 	font-size: 10px; 
		font-weight: normal; 
		line-height: 12px;
		}

li { 
		padding-top: 5px; 
		}

input.checkbox{
	width: 12px; 
	height: 12px; 
	margin: 0px 20px 0px 0px;
	vertical-align: top;
}

input.text{
	width: 195px; 
	height: 14px; 
	margin: 0px 0px 0px 0px;
	border: none;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif ;
	background-color:#FFFFFF; 
	color:#0082D6;
}

textarea.textField{
	width: 240px; 
	height: 80px; 
	margin: 0px 0px 0px 0px;
	border: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif ;
	background-color:#0078D6; 
	color:#FFFFFF;
}

input.customer{
	width: 195px; 
	height: 14px; 
	margin: 0px 0px 0px 0px;
	border: none;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif ;
	background-color:#0082D6; 
	color:#FFFFFF;
}

input.upload{
	height: 20px; 
	margin: 0px 0px 0px 0px;
	border: 1px solid #FFFFFF;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif ;
	background-color:#0082D6; 
	color:#FFFFFF;
}

/*** menu & links styles *********************************************************************/
a.mainMenu { 
		text-decoration: none; 
		}
		
a.mainMenu:hover { 
		border-bottom: 1px solid #FFFFFF; 
		}

a.smenu { 
		color:#FFFFFF; 
		text-decoration:none; 
		font-weight: normal; 
		}
		
a.smenu:hover { 
		color:#000000; 
		text-decoration:none; 
		font-weight: normal; 
		}

a.smenu2 { 
		background-position:0px; 
		font-size: 16px; 
		}
		
a.smenu2:hover { 
		background-position: 17px; 
		}

a.contentLink{ 
		color:#FFFFFF; 
		text-decoration:none; 
		}
		
a.contentLink:hover { 
		color:#000000; 
		text-decoration:none; 
		}
		
a.black{ 
		color:#000000; 
		text-decoration:none; 
		}
		
a.black:hover { 
		color:#FFFFFF; 
		text-decoration:none; 
		}

a.back{ 
		font-weight: bold;
		color:#FFFFFF; 
		text-decoration:none; 
		}
		
a.back:hover { 
		color:#000000; 
		text-decoration:none; 
		}
		
a.showImage{ 
		font-weight: bold;
		color:#FFFFFF; 
		text-decoration:none; 
		}
		
a.showImage:hover { 
		color:#000000; 
		text-decoration:none; 
		}

/*** layout styles *********************************************************************/
.screenTable {
		margin: 0px; 
		padding: 0px; 
		width: 100%; 
		height: 98%;
		}

.distance { 
		width:1px;
		height:50%;
		margin-bottom:-13.75em; /* half of container's height */
		float:left;
}
		
.stageTable {
		margin: 0px; 
		padding: 0px;
		width: 760px; 
		height: 560px; 
		vertical-align: middle;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif ; 
		color:#FFFFFF;
		}
		
.stageTable_admin {
		margin: 0px; 
		padding: 0px;
		width: 760px;
		height:560px;
		vertical-align: middle;
		text-align:left;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif ; 
		color:#FFFFFF;
		}
		
.stageTable_imgPage {
		margin: 0px; 
		padding: 0px;
		width: auto; 
		height: auto; 
		vertical-align: middle;
		font: bold 12px Verdana, Arial, Helvetica, sans-serif ; 
		color:#FFFFFF;
		}
		
.stageTable_impressum {
		margin: 0px; 
		padding: 0px;
		width: auto;  
		vertical-align: middle;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif ; 
		color:#FFFFFF;
		}

div.impressum {  
		text-align:right;
		line-height: 14px; 
		margin: 30px 30px 0px 0px;
		}
		
div.showImageInfo{
		position:absolute; 
		bottom:60px; 
		right:-60px; 
		width:auto; 
		height:auto;
		visibility:hidden;
		background-image:url(../_images/showInfoBG.gif);
		color:#000000;
		font: normal 10px Verdana, Arial, Helvetica, sans-serif ; 
}

/*** layer positions styles *************************************************************/
.mmenuLay { position:relative; width: 760px; height: 560px; left:0px; top:0px; }
.admin_Lay{ position:absolute; width: auto; height: auto; left: 30px; top: 30px; }

.mmenu_01_Lay{ position:absolute; width: auto; height: auto; left: 20px; top: 125px; }
.mmenu_02_Lay{ position:absolute; width: auto; height: auto; left: 404px; top: 125px; }
.mmenu_03_Lay{ position:absolute; width: auto; height: auto; left: 20px; top: 367px; }
.mmenu_04_Lay{ position:absolute; width: auto; height: auto; left: 214px; top: 367px; }
.mmenu_05_Lay{ position:absolute; width: auto; height: auto; left: 404px; top: 367px; }
.mmenu_06_Lay{ position:absolute; width: auto; height: auto; left: 595px; top: 367px; }

.cont_01_Lay{ position:absolute; width: auto; height: auto; left: 20px; top: 154px; }
.cont_02_Lay{ position:absolute; width: auto; height: auto; left: 593px; top: 154px; }
.cont_03_Lay{ position:absolute; width: auto; height: auto; left: 20px; top: 397px; }
.cont_04_Lay{ position:absolute; width: auto; height: auto; left: 215px; top: 397px; }
.cont_05_Lay{ position:absolute; width: auto; height: auto; left: 403px; top: 397px; }
.cont_06_Lay{ position:absolute; width: auto; height: auto; left: 501px; top: 397px; }