/* Core
------------------------------ */

* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container { width: 100%; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

img { border: none; }

/* Main styles
------------------------------ */

html { height: 100%; background: #fff; font: 11px/1.5 Helvetica, Verdana, Arial, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; position: relative; } /* body height 100% */

a { color: #4B4B4C; text-decoration: none;font-weight: bold;}
a:visited {  }
a:hover { text-decoration: none; color:#0098db;}
a:active { color:#0098db; }
a.readmore { font-weight:bold; }

/* Colors
------------------------------ */

.color-text-default, html  { color: #4b4b4c; }
.color-0 { color: #191619; } /* Logo and main menu area background*/
.color-1,#main-navigation li a { color: #FFFFFF; }
.color-2, #copyright-footer a,#copyright-footer span { color: #878788; }
.color-3, h1 {color: #128AC5;}

/* Layout Boxs
------------------------------ */

.page-layout { margin-right: 0px; }

.layout-box { float: left; margin: 40px 0px 60px 0; } /* Background-container  */
.lb-1 { min-width: 990px; width: 100%; background: transparent url('../images/main-background.gif') repeat-y;} /* 100% Background-container */

#left-flash { float:left;}

#main-menu-area { float: left;background-color: #191619;}

#main-content-block {overflow-x: hidden; width:790px;min-height: 540px; margin-left: 137px;background-color: #F5F2E8;} 

#sub-navigation-area { }

#center-content-area { margin: 0px 40px 40px; min-height: 420px; float: left;}

#main-logo { position: absolute; top: 176px;left: 74px;} 

#copyright-footer { text-align: right;position: absolute;top: 20px; left:0px; margin-right: 0px;}


/* Template
------------------------------ */

#main-navigation,#main-language-selector { position: absolute; top: 305px; left: 63px; width: 137px; text-align: center;}
#main-navigation li, #main-language-selector li { list-style: none; text-transform: uppercase; padding-bottom:10px;}
#main-language-selector {top: 60px;}
#main-language-selector li  {text-transform: none;}
#main-language-selector ul li a { color: #FFFFFF; font-size: 12px; }
#main-navigation li a,#main-language-selector li a {font-weight: normal; display:block;} 
#main-navigation li a:hover,#main-navigation li.active a,#main-language-selector li a:hover, #main-language-selector li.active a { color:#0098db;}
#main-navigation li:hover a, #sub-navigation a:hover, #main-language-selector li:hover a { color:#0098db;}

#sub-navigation-area {margin: 7px 5px 16px 40px; height: 77px; white-space: nowrap; }
#sub-navigation-area ul { width: 690px; padding: 0px;padding-left: 0!important; margin: 0px;}
	#nav-level-3, #nav-level-4 {border-top: 1px solid #858688;}
#sub-navigation-area li { display: inline;list-style: none; text-transform: uppercase; height: 25px;line-height: 25px;}
#sub-navigation-area li a { padding: 0 20px 0 0; text-decoration: none; font-weight: bold; color: #494a4c;}
#sub-navigation-area li.active a,#sub-navigation-area li a:hover {color:#0098db; }

#copyright-footer {font-size: 10px;font-family: Verdana,sans-serif;float: left; width: 990px; text-align: right;}
#copyright-footer ul { display: inline; }
#copyright-footer li { float: none; list-style: none;display: inline; }
#copyright-footer li a {font-weight: normal;} 
#copyright-footer li a:hover {color:#0098db;}

/* ------------------------
		Common content
	------------------------ */

h1 {font-size: 20px;color: #0098db;font-weight: normal;}
h2 {font-size: 14px;font-weight: bold;}
h3 {font-size: 14px;color: #4b4b4c;}
h4 {font-size: 12px;color: #0098db;}
p a {background: transparent url('../images/link-arrow-icon.png') no-repeat center left; padding-left: 10px;}

table a { background: none; font-weight: normal; padding-left: 0; }



div #center-content-area ul {list-style-type:none;padding:0px;margin:0px;margin-top: 10px; font-size: 12px;}
div #center-content-area li {
	background-image:url(/fileadmin/templates/atkon/images/list_item_marker.gif);
	background-repeat:no-repeat;
	background-position:1px 4px;
	padding-left:8px;
   line-height: 16px;
}


div #center-content-area ul.csc-bulletlist-2 li {
	padding-bottom: 16px;
}

.csc-textpic-image {
	margin-bottom:8px !important;
}


/* ------------------------
		Content Tables
		Layout
			Normal		contenttable-0
			Layout 1	contenttable-1
			Layout 2	contenttable-2
			Layout 3	contenttable-3
			
		Header Position
			No Header	
			Top			First Row is <thead> <th>
			Left		First Column is <th>
			
		
		
	------------------------ */


table.contenttable{
	border: none;
	width: 712px;
	border-spacing:2px;
	text-indent:0;
	border-collapse:separate;
	table-layout: fixed;
	line-height: normal;
}

table.contenttable td{
	height:60px;
	vertical-align:top;
	padding: 5px 5px 0px 10px;
	text-align:left;
	font-size:12px;
	background-color:#EEE9D8;
}

table.contenttable th{
	height:60px;
	vertical-align:top;
	padding-left:10px;
	padding-right:5px;
	text-align:left;
	padding-top:18px;
	font-size:12px;
	background-color:#E7DFC8;
	color:#178CC5;
	font-weight:bold;
}

table.contenttable-3 thead th:first-child, table.contenttable-3 tbody tr.tr-0 td.td-0 {
	background:transparent;
}

table.contenttable-3 td.td-0 {
	padding-top:18px;
	background-color:#E7DFC8;
	color:#178CC5;
	font-weight:bold;	
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    table.contenttable th { height:42px; }
    table.contenttable td { height:55px; }
    table.contenttable-3 td.td-0 { height:42px; }
}



/* ------------------------
		PORTFOLIO TABLE
	----------------------- */
div.portfolio-table-wrapper table.contenttable td{
	border-bottom:2px solid #F5F2E8;
}

div.portfolio-table-wrapper table.contenttable  td.contenttable-colgroup{
	padding: 0;
}
div.portfolio-table-wrapper table.contenttable  td.contenttable-colgroup table {
	width: 100%;
}
div.portfolio-table-wrapper table.contenttable  div.contenttable-head-details{
	display: block;
}

div.portfolio-table-wrapper table.contenttable  tr.contenttable-head th {
	color: #ffffff;
	font-size: 17px;
	background: #0098DB;
	padding-left: 0px;
	text-align: center;
	width: 100%;
}
div.portfolio-table-wrapper table.contenttable  div.contenttable-head-details{
	text-align: left;
	padding: 0 29px;
	padding-top: 15px;
	overflow: hidden;
}
div.portfolio-table-wrapper table.contenttable  div.contenttable-head-details *{
	color: #ffffff;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
}
div.portfolio-table-wrapper table.contenttable  div.contenttable-head-details a{
	text-decoration: underline;
}

/* ------------------------
		EXTENSIONS
	------------------------ */

/* ------------------------
		FCEs
	------------------------ */

/* ------------------------
		Bucket Header
	------------------------ */
div.bucketheadercontainer div.outer-1 { width: 500px;}
div.bucketheadercontainer div.outer-2 { width: 210px;}
div.bucketheadercontainer div.inner-1 { margin-right: 30px;}
div.bucketheadercontainer.gridcontainer {margin: 0px !important;}
div.bucketheadercontainer.height80 div.inner-1,div.bucketheadercontainer.height80 div.inner-2 { height: 85px;}
div.bucketheadercontainer.height50 div.inner-1,div.bucketheadercontainer.height50 div.inner-2 { height: 50px;} 

div.bucketheadercontainer h1 { font-weight: normal;}
div.bucketheadercontainer h4 { width: 100%;}
div.bucketheadercontainer h3 { padding-left: 70px;}
/* ------------------------
		Grids
    ------------------------ */
div.gridcontainer {width: 100%;margin: 20px 0px 0px 0px;clear: both;display: block;float: left; }

div.gridcontainer div.outer {display: inline;float: left;}

div.outer-1,div.outer-2,div.outer-3,div.outer-4   { overflow: hidden;}
div.inner-1,div.inner-2,div.inner-3,div.inner-4   { overflow: hidden;}

div.grid7525container div.outer-1 { width: 160px;}
div.grid7525container div.outer-2 { width: 520px;}
div.grid7525container div.inner-1 { margin-right: 30px;}

div.grid20container div.outer-1 { width: 136px;}
div.grid20container div.outer-2 { width: 568px;}
div.grid20container div.inner-1 { margin-right: 8px;}

div.grid40container div.outer-1 { width: 280px;}
div.grid40container div.outer-2 { width: 424px;}
div.grid40container div.inner-1 { margin-right: 8px;}

div.grid60container div.outer-1 { width: 424px;}
div.grid60container div.outer-2 { width: 280px;}
div.grid60container div.inner-1 { margin-right: 8px;}

div.grid80container div.outer-1 { width: 520px;}
div.grid80container div.outer-2 { width: 160px;}
div.grid80container div.inner-1 { margin-right: 8px;}



div.grid50container div.outer { width: 50%;}
div.grid50container div.outer-1 { width: 50%;}
div.grid50container div.inner-1 { border-right: 0px solid transparent;margin-right: 30px;}

div.grid50flexcontainer div.inner-1 { border-right: 0px solid transparent;}

div.grid33container div.outer {	width: 33.3%;}
div.grid33container div.inner-1,div.grid33container div.inner-2 {margin-right: 30px;}

div.grid25container div.outer {	width: 160px;}
div.grid25container div.inner-1,div.grid25container div.inner-2,div.grid25container div.inner-3 {
	  margin-right: 30px;
}

/* ------------------------
	spacing after or before tt_content
	------------------------ */
q.content-spacer {clear:both;}

p {padding-bottom: 10px; font-size: 12px; }

table.atk4p { color: #000000; }
table.atk4p th, table.atk4p tr td:first-child, table.atk4p tr.tr-0 { font-weight: normal; }
table.atk4p thead th, table.atk4p tbody td:first-child, table.atk4p table tbody tr.tr-0 td {background-color: #F5F2E8; color: #000000; }
table.atk4p td, table.atk4p th {background-color: #F5F2E8; height: 440px; vertical-align:top;padding: 5px 2px 5px 2px; text-align:left;}


div.atk4p {
width: 172px;
overflow: hidden;
background-color: #FFFFFF;
}


div.atk4p div.button_on a {
color: #757678;
text-align: center;
font-weight: normal;
font-size: 20px;
padding-top: 4px;
height: 36px;
background-color: #cbcbcd;
background-image: url(../../../atkon/images/design/atk4p_arrow_act.png);
background-position: top left;
background-repeat: no-repeat;
display: block;
}

div.atk4p div.button_off a {
color: #0098db;
text-align: center;
font-weight: normal;
font-size: 20px;
padding-top: 4px;
height: 36px;
background-image: url(../../../atkon/images/design/atk4p_arrow_no.png);
background-position: top left;
background-repeat: no-repeat;
display: block;
}

div.atk4p div.text {
padding: 5px 10px 5px 10px;
font-size: 12px;
height: 0px;
overflow: hidden;
font-color: #000000;
}

div.atk4p div.button_on a:hover {
background-color: #cbcbcd;
background-image: none;
color: #757678;
background-image: url(../../../atkon/images/design/atk4p_arrow_act.png);
}

div.atk4p div.button_off a:hover {
background-color: #cbcbcd;
background-image: none;
color: #757678;
background-image: url(../../../atkon/images/design/atk4p_arrow_act.png);
}



/* ------------------------
	News (rechte Spalte auf Startseite)
   ------------------------ */
#main-news-container {
		
		position:absolute;
		left:990px;
		top:40px;
		
		/*IE6*/
		_left:930px;
		_top:0px;
		
		
		width: 203px;
		height: 540px;
		
		background: #dbc884;
		padding-left: 19px;
	}
	#main-news-content{
		background: black;
		color: white;
		height: 380px;
		
		padding: 160px 8px 0 8px;
		
		
	}
	
	/* Content */
	#main-news-container h1{
		color: #dbc884;
		font-size:12px;
		padding-bottom: 35px;
	}
	#main-news-container h2{

		margin-top: 45px;
	
		color: #dbc884;
		font-size:12px;
		font-weight: normal;
	}
	
	#main-news-container a.more {
	
		display: block;
		float: right;
		
		color: #dbc884;
		font-weight: normal;
		
		background:url("../images/link-arrow-icon-yellow.png") no-repeat scroll left center transparent;
/* 		background:url("fileadmin/templates/atkon/images/link-arrow-icon-yellow.png") no-repeat scroll left center transparent; */
		padding-left: 14px;

	}