/*****************/
/*Standard styles*/
/*****************/

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

body {
	font-size: 10px; /** Important value: body's font-size = 1em ** In this case, 1em is the Browser's standard font-size.**/
	font-family: arial, verdana, serif;
	text-align: center;
	background: #FFFFFF;
}

input{
	border: 1px solid #849399;
}

.clear{
	clear: both;
}

a{
	color: #4b6168;
	text-decoration: underline;
}

a:hover, a:focus{
	color: #233940;
}

.act a{
	color: #233940;
}

#main {
	height: 100%;
	text-align: center;
	display: table;
	margin:  0 auto;
}

#footer {
	height: 3.8em;
	width: 100%;
	position: relative;
	margin-top:-4.8em;
	border-bottom: 1em solid #1B3641;
}

#content{
	text-align: left;
	position: relative;
	margin: 0 auto;
	height: 100%;
	width:99.6em;
	background: #FFFFFF;
	overflow:visible;
}
img{
	border: 0;
}


.bottomBorder{
	border-bottom: 1px solid #AEB9BC;
}
/******************/
/****Background****/
/******************/

#bgLeft {
	position: absolute;
	top:0;
	left:0;
	width: 50%;
	height: 100%;
	margin-left: 0em;
	z-index: 0;
}

#bgRight {
	position: absolute;
	top:0;
	right:0;
	width: 50%;
	height: 100%;
	z-index:0;

}

#bgRight, #bgLeft{
	font-size: 10px;
}

.bgTop {
	padding-bottom: 4px;
	background: url(../images/bgTop_bg.gif);
	background-position: bottom;
	width:100%;
}

.bgTopBorder {
	background: #394D53;
	height: 0.4em;
	width: 100%;
}

.bgTopBox {
	background: #E8EAEB;
	height: 2.5em;
	width: 100%;
	border-top: 0.1em solid #FFFFFF;
}

.bgMiddle {
	height: 13.1em;
	width: 100%;
	background: #FFFFFF;
	border-bottom: 29em solid #233940;
}

.bgBottom {
	height: 18.5em;
	min-height: 185px;
	background: url(../images/bgBottom_bg.gif) repeat-x top;
	width:100%;
}

/*********************/
/****Content Boxes****/
/*********************/

#topBorder{
	margin: 0 0.1em;
	background: #233940;
	height: 0.4em;
}

#topBox{
	background: #FFFFFF;
	height: 2.5em;
	width: 100%;
	border-top: 0.1em solid #FFFFFF;
}

#topNav{
	padding-bottom: 4px;
	background: url(../images/bgTop_bg.gif);
	background-position: bottom;
	width:100%;
	text-align: left;
}

#topNav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;

}

#topNav ul li{
	height: 1.9em;
	width: 3em;
	display:block;
	float: left;
}

#topNav ul li a{
	text-decoration:none;
	font-size: 1.2em;
	display: block;
}

#topNav ul li span {
	color:#A7B0B3;
	display:block;
	font-size:1.2em;
}

#metaNav{ 
	float: left;
	margin-left: 1.1em;
	margin-top: -0.5em;
}

#metaNav ul li{
	width: auto;
	padding: 1em 0 0.6em 0;
	height: auto;
}

#metaNav ul li a{
	float: left;
	padding: 0 0.8em;
	border-right: 1px solid #A7B0B3;
}

#search{
	display:block;
	float:left;
	margin-left: 0.8em;
	margin-top: -0.2em;
	border: 1px solid #99A3A7;
	padding: 0.075em 0.225em;
	width: 11.1em;
	height: 1.2em;
	font-size: 1.3333333333333em;
}

#searchBox{
	height: 1.5em!important;
}

#searchBox a{
	border: 0!important;
}

#langNav{
	float: right;
	margin-right: 1em;
	margin-top: -0.5em;
}

#langNav ul li{
 	height: 1.4em;
 	width: 3.7em;
 	padding: 1em 0 0.6em 0;
}

#langNav ul li a, #langNav ul li span{
	width: 1.5em;
	padding: 0 0.716666em;
	margin: 0 0.0833333em;
	border-right: 1px solid #A7B0B3;
}



#langNav ul li.act{
	background: #FFFFFF;
}

#langNav ul li.last a, #langNav ul li.inactlast span{
	border: 0;
}

#fontNav{
	float: right;
	margin: 0 9em 0 0;
}

#fontNav ul li{
	width: auto;
	margin-right: 1.2em;
	margin-top: -0.5em;
	padding-top: 1em;
}

#fontNav #fontnav-medium{

}

#fontNav #mediumSize{
	width: 0.66666666em;
	height: 1em;
}

#fontNav #bigSize{
	width: 0.833333333em;
	height: 1em;
}

#fontNav #largeSize{
	width: 1em;
	height: 1em;
}

#headerBox{
	margin: 3em 0 3em 0 ;
	height: 3em;
	width: 100%;
	background: #FFFFFF;
}

#claimBox{
	height: 100%;
	margin-left: 2em;
	float: left;
	width: 55.6em;
	text-align: left;

}

#claimBox img{
	width: 80.4em;
	height: 3em;
}

#claimText{
	font-size: 1.2em;
	color: #5f727a;
}

#logoBox{
	float: right;
	text-align: right;
	width: 15em;
	margin-right: 2em;
}

#headerBottomBorder{
	height: 3em;
	border-bottom: 1em solid #1B3641;
	background: #FFFFFF;
	margin: 0 0.1em;
}

#contentImageBox{
	margin: 0.1em 0.1em 0 0.1em;
}

#contentImageBox img{
	width: 99.4em;
	height: 29em;
}

.contentBoxes{
	position:absolute;
	top: 12.4em;
	color: #5F727A;
}

#contentBox1{
	left: 39.5em;
	z-index: 4;
}

#contentBox2{
	left: 59.5em;
	z-index: 4;
}

#contentBox3{
	left: 79.5em;
	z-index: 4;
}

.contentBoxTabs{
	width: 18em;
	height: 4em;
	background: #FF7C00;
}

.contentBoxTabs ul{
	padding: 0;
	margin: 0;
}

.contentBoxContents{
	font-size:1.2em;
	height:22.58333333333em;
	overflow:hidden;
	padding: 0.833333em;
	width:13.3333em;
}

.contentBoxContents p{
	margin-top: 0;
}

body.start #contentBox1 .contentBoxContents h1,
body.start #contentBox2 .contentBoxContents h1,
body.start #contentBox3 .contentBoxContents h1 {
	display:none;
}

body.start #contentBox1 .contentBoxContents ul,
body.start #contentBox2 .contentBoxContents ul,
body.start #contentBox3 .contentBoxContents ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

body.start #contentBox1 .contentBoxContents li,
body.start #contentBox2 .contentBoxContents li,
body.start #contentBox3 .contentBoxContents li {
	background:transparent url(../images/overviewLinkArrow.gif) no-repeat 0 50%;
	margin:0.5em 0;
	padding:0.3em 0 0 1em;
}


.contentBoxReflections{
	height: 18.5em;
	width: 18em;
	background: url(../images/reflexions_bg.gif) repeat-x;
	min-height: 185px;
}

#reflexionsBgBox{
	height: 18.5em;
 	width: 99.4em;
	background: url(../images/bgBottom_bg.gif) repeat-x top;
	margin: 0 0.1em;
	min-height: 185px;
}

#footerBorder{
	width: 99.6em;
	border-left: 0.1em solid #FFFFFF;
	border-right: 0.1em solid #FFFFFF;
	margin: 0 auto;
}

#navTabs{
	position:relative;
	width: 99.6em;
	margin: 0 auto;
	text-align: left;
}

.contentBoxTabs h1{
	font-size: 1em;
	margin: 0;
	font-weight: normal;
	height: 4em;
}

.contentBoxTabs h1 a{
	color: #FFFFFF!important;
	text-decoration: none;
	font-size: 1.4em;
	padding-left: 0.71em;
	display:block;
	height: 1.57em;
	padding-top: 1.2em;
}

#contentBoxTab1 h1 a{
	padding-top: 1.28em;
}

#contentBoxTab2 h1 a, #contentBoxTab3 h1 a{
	padding-top: 0.57em;
}

#searchSubmit{
	background:#FFFFFF none repeat scroll 0%;
	border:0pt none;
	cursor:pointer;
	display:block;
	float:left;
	margin-top:-0.1em;
	text-align:left;
	font-size: 1.2em;
	font-family: arial, verdana;
}
#footerInner{
	margin: 0 auto;
	width: 99.4em;
}

#copyright{
	height: 2.8em;
	margin-left: 22.8em;
	width: 52em;
	background: url(../images/footer_box_bg.gif) repeat-x;
	position: relative;
	text-align: left;
	padding-top: 1em;
}

#copyright a, #copyright span{
	font-size: 1.2em;
}

#fontnav-medium {
	background-color: #ffffff;
}


/*******************************************/
/**************** MAIL-FORM ****************/
/*******************************************/

#mailform{
	padding: 1em 0 0 0;
}

#mailform .csc-mailform{
	border: 0;
	padding: 0;
	margin: 0;
}

#mailform .csc-mailform-field{
	margin-bottom: 1em;
}

#mailform .csc-mailform-field label{
	width: 8.3333333333em;
	display:block;
	float: left;
	font-size: 1.2em;
	height: 1.5em;
}

#mailform .csc-mailform-field input {
	font-size: 1.2em;
	width: 20.833333333em;
	height: 1.333333333333em;
	padding-top: 0.166666666em;
}

#mailform .csc-mailform-field select {
	width: 20.833333333em;
	padding-top: 0.166666666em;
}


#mailform .csc-mailform-field #mailformBemerkungen{
	width: 20.83333333em!important;
	font-size: 12px;
	border: 1px solid #849399;
}

#mailform #mailformformtype_mail, #mailform #mailformformclear{
	width: 10em;
	font-size: 1.2em;
	height: 1.75em;
	background: url(../images/submit_bg.gif) repeat-y center top;
	border-left: 1px solid #233940;
	border-right: 1px solid #233940;
	border-top: 0;
	border-bottom: 0;
	color: #FFFFFF;
	font-family: arial, verdana, serif;
	padding: 0;
	float: right;
	margin: 1em 0 0 1.6666666666em;
}


#kontoContent1,#kontoContent2,#kontoContent3,#kontoContent4{
	background: #FFFFFF;
	width: 450px;
	text-align: left;
	padding:0 0.83333333em;
	border: 4px solid #EEF1F1;
}

#mailformKundentyp,
#mailform .csc-mailform-field .csc-mailform-radio {
	display:block;
	float:left;
	width: 35.1666666666em;
	margin-bottom: 0.5em;
}

#mailform .csc-mailform-field .csc-mailform-radio {
	width: 41em;
}

#mailformKundentyp label,
#mailform .csc-mailform-field .csc-mailform-radio label {
	width: auto!important;
}

#mailformKundentypPrivate, #mailformKundentypInstitutionelle,
#mailform .csc-mailform-field .csc-mailform-radio input {
	width: auto!important;
	float:left;
	border:none;
	margin-top: 0;
}

#mailformKundentypInstitutionelle,
#mailform .csc-mailform-field .csc-mailform-radio input {
	clear:both;
}

/*******************************************/
/**************** MAIL-FORM ****************/
/*******************************************/


/*********** Overriding Colors ***********/
#contentInner, h1, h2, .overviewTableHeaderField, a:hover, a:focus, .act a, .contentBoxes{
	color: #0f252c!important;
}

a{
	color: #233940!important;
}

/*********** Overriding Colors ***********/


.listtable td, 
.listtable th{
	padding: 0.25em;
}

.tabButtons a{
	text-decoration: none;
}

#priceTable td,  #toolsTable td, #infoTable td, #priceTable th,  #toolsTable th, #infoTable th{
	font-size: 1.2em;
	padding: 0.25em;
}

.contactContainer p.bodytext{
	font-size: 1.2em;
	margin:0 0 0.16666666666em 0;
}

DIV.csc-textpic IMG {
	border: 0px;
}