html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body{	
	background-color: #F0F0F0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	-x-system-font: none; 
	-webkit-text-size-adjust: none; 
	font-size-adjust: none; 
	font-stretch: normal;
	text-align: center;
}
.sitedimension {width:100%; height:1500px; margin:0 auto;}

/* Large screens ----------- */
@media only screen
and (min-width : 1024px) {
/* Styles */
body {background-color: #F0F0F0;}
.sitedimensionHome {width:1024px; height:900px; margin:0 auto;}
}

.bgWhite {background-color: #FFFFFF;}
.bgFace {background-color: #F3F4EF;}
.bgColorLight {background-color: #F8F8F8;}
.borderLight {border-style: solid; border-width: 3px 3px 3px 3px; border-color: #F8F8F8;}
.border1 {border-style: solid; border-width: 3px 3px 3px 3px; border-color: #B0B0B0;}
.borderright {border-style: solid; border-width: 0px 2px 0px 0px; border-color: #B0B0B0;}
.noborder {border-style: solid; border-width: 0px 0px 0px 0px;}

.bgColorDark {background-color: #E8E8E8;}
.borderDark {border-style: solid; border-width: 3px 3px 3px 3px; border-color: #E8E8E8;}
.border2 {border-style: solid; border-width: 3px 3px 3px 3px; border-color: #D0D0D0;}

.borderPic {border-style: solid; border-width: 8px 8px 8px 8px; border-color: #D0D0D0;}

.bgAzure {background-color: #6DBBE1;}
.borderAzure {border-style: solid; border-width: thin; border-color: #6DBBE1;}
.border2 {border-style: solid; border-width: thin; border-color: #333333;}
.bgBlau {background-color: #4F81BD;}
.borderRechts {border-style: solid; border-right: medium; border-color: #F8F8F8;}
.borderUnten {border-style: solid; border-right: medium; border-color: #F8F8F8;}

.textTitle{font-size: 48px; text-align: center; color: grey;}
.textDepartments{font-size: 24px; text-align: center; color: grey}
.text01{font-size: 16px; text-align: left; color: #404040; padding-left:3%;  padding-right:3%;}
.text02 {font-size: 16px; text-align: left; color: #404040; padding: 1% 1% 1% 1%;}
.text03 {font-size: 16px; text-align: center; color: lightgrey; padding: 1% 1% 1% 1%;}
.text04 {font-size: 14px; text-align: center; color: lightgrey; padding: 1% 1% 1% 1%;}
.text05 {font-size: 14px; color: lightgrey; padding-top:20px;}
.nomargin{margin-top: 0px; margin-bottom: 0px;}

.nobutton {
  width: 150px;
  height: 35px;
  margin-left: 10px;
  margin-right: 10px;
  float:left;
}
.logobutton {
	background-image: url(./img/logo.gif);
	background-repeat: no-repeat;
	border-radius: 12px;
	border: darkgrey;
	border-style: solid; border-width: 3px 3px 3px 3px;
	color: #F8F8F8;
	width: 130px;
	height: 35px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.link {
  cursor: pointer;
}

.topPos {z-index:2; position: absolute; width:1024px; height:80px; margin:0 auto;  top:0%; text-align: left;}
.menuPos {z-index:3; position: absolute; width:100%; height:50px; margin:0 auto;  top:0%; text-align: right;}	
.menuBarTr {z-index:4; position: fixed; width:100%; height:50px; margin:0 auto;  top:0%; text-align: left; opacity: 0.5; filter: alpha(opacity=50);}		
.menuBar {z-index:4; position: fixed; width:100%; height:50px; margin:0 auto;  top:0%; text-align: left; opacity: 0.9; filter: alpha(opacity=90);}		

.menubutton {
  border-radius: 12px;
  border: darkgrey;
  border-style: solid; border-width: 3px 3px 3px 3px;
  color: black;
  width: 150px;
  height: 35px;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}

.backgroundWhite{text-align: center; width:100%; float:left; background-color: #E8E8E8; }
.nobackground{text-align: center; width:100%; float:left; }
.menubutton:hover {
  background-color: #E8E8E8;
}

#popUp 
{
	position: fixed; width:100%; height:280px; margin:0 auto;  top:0%; text-align: left; opacity: 0.8; filter: alpha(opacity=80);
}

.noPopup {visibility:hidden; z-index:0;}
.Popup {visibility:visible; z-index:5;}
.popUpField 
{
	width:200px; min-width : 200px; float: right; height:300px; background-color: #E8E8E8;
}

.input {width:90%; height:20px;}
.input1 {width:91%; height:28px;}

.row{width:100%; float:left;}
.row99{width:99.2%; float:left;}
.row994{width:99.4%; float:left;}
.row996{width:99.6%; float:left;}
.row998{width:99.8%; float:left;}

.m1 {height:80px; width:10%; min-width:100px; max-width : 200px;  text-align: center; display: inline-block;}
.m2 {height:100px; width:60%; min-width:280px; max-width : 560px; text-align: center; display: inline-block;}
.m3 {height:100px; width:22%; min-width:140px; max-width : 280px; text-align: center; display: inline-block;}

.bgrey {background-color:grey;}
.bbrown {background-color:brown;}
.byellow {background-color:yellow;}
.bgreen {background-color:green;}
.bblue {background-color:blue;}
.bred {background-color:red;}
.col02{width:0.2%; float:left;}
.col08{width:0.8%; float:left;}
.col1{width:1%; float:left;}
.col2{width:2%; float:left;}
.col5{width:5%; float:left;}
.col6{width:6%; float:left;}
.col7{width:7%; float:left;}
.col10{width:10%; float:left;}
.col15{width:15%; float:left;}
.col20{width:20%; float:left;}
.col22{width:22%; float:left;}
.col25{width:25%; float:left;}
.col30{width:30%; float:left;}
.col33{width:33.33%; float:left;}
.col35{width:35%; float:left;}
.col38{width:38%; float:left;}
.col39{width:39%; float:left;}
.col40{width:40%; float:left;}
.col43{width:43%; float:left;}
.col45{width:45%; float:left;}
.col48{width:48%; float:left;}
.col50{width:50%; float:left;}
.col50r{width:50%; float:right;}
.col55{width:55%; float:left;}
.col60{width:60%; float:left;}
.col70{width:70%; float:left;}
.col80{width:80%; float:left;}
.col88{width:88%; float:left;}
.col90{width:90%; float:left;}
.col95{width:95%; float:left;}
.col94{width:94%; float:left;}
.col999{width:97.9%; float:left;}
.col99{width:99.5%; float:left;}
.col100{width:100%; float:left;}

.col5p{width:5px; float:left;}
.col15p{width:15px; float:left;}
.col20p{width:20px; float:left;}
.col33pc{width:30%; min-width : 200px; max-width : 280px; display: inline-block;}

.col1024p{width:1024px; float:left;}
.w1024p{width:1024px; margin:0 auto;}
.w50p{width:50px; }
.auto{width: 600px; margin:0 auto;}
.ilb{display: inline-block;}

.hx {height:100%;}
.h1 {height:1px;}
.h2 {height:2px;}
.h5 {height:5px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
.h110 {height:110px;}
.h130 {height:130px;}
.h150 {height:150px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h270 {height:270px;}
.h300 {height:300px;}
.h490 {height:490px;}
.h500 {height:500px;}
.h1000 {height:1000px;}
.mh100 {min-height: 200px;}
.mh150 {min-height: 150px;}
.mh200 {min-height: 200px;}

.lh1 {line-height: 120%;}
.lh2 {line-height: 140%;}
.lh3 {line-height: 160%;}

.padl5{padding-left:5px;}
.padt3{padding-top:3px;}
.padt5{padding-top:5px;}
.padt10{padding-top:10px;}
.padt25{padding-top:25px;}

.text50{font-size: 50%;}
.text90{font-size: 90%;}
.text100{font-size: 100%;}
.text120{font-size: 120%;}
.text130{font-size: 130%;}
.text140{font-size: 140%;}
.text150{font-size: 150%;}
.text180{font-size: 180%;}

.normal{font-weight: normal;}
.bold{font-weight: bold;}
	
.hidden {visibility:hidden;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.ovh{overflow:hidden;}
.fr{float:right;}

.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.white {color:#F0F0F0;}
.grey {color:grey;}
.darkgrey {color:#505050;}

.menu:hover { color:#808080; cursor:pointer;}
a:link { color: #303030; text-decoration: none;}
a:visited {color: #303030; text-decoration: none;}
a:hover {color: #808080; text-decoration: none;}
a:active {color: #505050; text-decoration: none;}
.lb:link { color: #505050;}
.lb:visited { color: #505050;}
.lb:hover {color: #808080; text-decoration: none;}

.unselectable
		{
			-moz-user-select: none; 
			-khtml-user-select: none; 
			-webkit-user-select: none; 
			-o-user-select: none;
			user-select: none;
		}
.selectable
		{
			-moz-user-select: initial; 
			-khtml-user-select: initial; 
			-webkit-user-select: initial; 
			-o-user-select: initial;
			user-select: initial;
		}