html, body {
  background-color: #ccc;
  color:#000000;
	font-family: sans-serif, arial, helvetica;
  font-size:12px;
  margin: 0px;
  padding: 0px;
  height: 100%;

	text-align:center;
}

* {
  margin: 0px;
  padding: 0px;
}


	a {
		text-decoration: none;
		color:#ee7f00;
	}

	a:hover {
		text-decoration: underline;
		color:#e75113;
	}

	a:active {
		text-decoration: underline;
		color:#e75113;
	}
	a.active {
		color: #777;
	}
	
	a.noborder {
		text-decoration: none;	
	}
	a.noborder img{
		border: none;
	}

	h1 {
		font-family: sans-serif,Arial,Helvetica;
		font-size: 16px;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		height: auto;
		letter-spacing: normal;
		line-height: normal;
		margin-bottom: 18px;
		text-transform: uppercase;
		text-decoration: none;
		color: #666;
	}

	h2 {
		font-family: sans-serif,Arial,Helvetica;
		font-size: 14px;
		font-style: normal;
		font-variant: normal;
		font-weight: bold;
		height: auto;
		letter-spacing: normal;
		line-height: normal;
		margin-top: 15px;
		margin-bottom: 10px;
		text-transform: none;
		text-decoration: none;
		color: #666;
	}

	p {
		font-family: sans-serif,Arial,Helvetica;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		height: auto;
		letter-spacing: normal;
		line-height: normal;
		margin-bottom: 2px;
		text-transform: none;
		text-decoration: none;
		color: #000;
		margin: 0px 0px 12px 0px;
	}


	ul {
		font-family: sans-serif,Arial,Helvetica;
		font-size: 12px;
		font-style: normal;
		font-variant: normal;
		font-weight: normal;
		height: auto;
		letter-spacing: normal;
		line-height: normal;
		margin-bottom: 12px;
		text-transform: none;
		text-decoration: none;
		color: #000;
		list-style: none outside;
	}
	li {
		margin-left: 2em;
		background-image: url(../../images/li3.gif);
		padding-left: 16px;
		padding-bottom: 4px;
		background-repeat: no-repeat;
		background-position: 0 4;
		text-align: left;
		display: block;
		width: auto;
	}


/* layout */

#shadow {
	position: relative;
	width:1020px; 
	z-index:0; 
	background:#eee url(../../images/shadow1.gif); 
	margin:0px auto; 
	text-align:center; 
	border: 0px solid #990000;
	display: table;	
}

#wrapper {
	position: relative;
	width:1000px;
	z-index:1;
	background:#eee;
	margin: auto auto 0 auto;
	text-align:center;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid #990000;
	
	display: table;
}

#header  {
	position: relative;
	left:0px;
	top:0px;
	z-index:2;
	width:1000px;
	height:71px;
	float:left;
}

#content {
  margin: 0px;
  padding: 0px;
  position: relative;
	background:transparent; 
	width: 100%;
	display: block;
}


#main {
	height: auto;
	width: 700px;
	overflow: hidden;
	margin: 0px auto;
  	text-align: left;
  	display: block;
}

#left {
  width: 220px;
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: left;
  height: 100%;
}

#right {
  width: 779px;
  float: left;
  padding: 0px;
  margin: 0px;
  text-align: left;
  height: auto;
  overflow-y: auto; 
	background:#fff;
	border-left: 1px solid #cccccc;
	border-right: 0px solid #ffffff;
	  
	  text-align: center;
}


#footer {
  background:#aeaeae none repeat scroll 0%;
  margin: 0px;
  position:absolute;
  bottom: -1px;
  border-top:1px solid grey;
  width: 100%;
}





.clear, .clearing {
  clear:both;
  height:0pt;
}












.last {
	margin-bottom:0pt;
}




#content_image{

    width: 650px;
    min-height: 217px;
    height: auto;
    padding: 0px;
    margin: 10px 0px 20px 0px;
    text-align: left;
}

#content_image_no{

    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    border: 1px solid #e9e9e9;
    text-align: center;

}

#content_image_no span{
    color: #e9e9e9;
    font-size:14px;
    font-weight: bold;
    text-transform: uppercase;
}

#content_image_buttons {
    float: right;
    border-left: 1px dashed #AEAFB2;
    padding-left: 4px;
}
#content_imagebox{
	padding: 6px;;
}


#properties_form{
	padding: 8px;
	margin-bottom: 10px;
}

#properties_form br{
clear: left;
}
#properties_form input {
    margin-bottom: 4px;
}


#properties_form label {
    width: 140px;
    float: left;
    font-weight: bold;
}

#properties_form div {
	padding-left: 140px;
}


#content_image_buttons input {
    height: 18px;
    color: white;
    background: #AEAFB2;
    border: 0px;
    font-size: 10px;
    margin-bottom: 4px;
}


#content_image_buttons label {
    color: #AEAFB2;
    font-size: 10px;
    width: 40px;
    float: left;
}

#content_text{
	text-align:left; 
    width: 700px;
    padding: 0px;
    margin: 0px;
}

#content_attachments{
	clear: both;
}

#content_text table{
  color: #4c4c4c;
  font-size: 12px;
}


#content_image img{
    padding: 0px;
    margin: 0px;
    border: 0px;
}




#site_navigation {
    padding: 0px 0px 0px 0px;
    margin: 50px 0px 0px 40px;
}

#site_navigation2 {
    padding: 0px 0px 0px 0px;
    margin: 350px 0px 10px 15px;
}


#control{
    /*width: 100%;
    border-bottom: 1px dotted orange;
    height: 16px;
    */
}


	#actions{
		background-color:#FFFFFF;
		float:right;
		right:0;
		opacity:0.9;
		position:absolute;
		top:44px;
		border: 1px solid #aaa;
		z-index: 9999;
	}

	#actioncms{
		background-image:url('../../images/small.jpg');
		display:block;
		width:54px;
		text-align: left;
	}

	#actions a{
	    padding: 1px;
	    font-size: 10px;
	    text-align:center;
	}



#breadcrumb a  {text-decoration: none; color: #999;line-height: 30px;}
#breadcrumb a:hover  {text-decoration: underline; color: #000;}



#breadcrumb  {
	/*
	position: absolute; left:251px; top:71px; z-index:4;
	 width:728px;
	 */
	 	
	  	background:#fff;
	    font-family: arial, helvetica, sans-serif;
	    font-size:10px; color:#000; text-align:left;
	    text-valign:middle;
	    text-transform: uppercase;
	    display: block;
	    height:30px;
		clear: both;	    
	    
	    
	       
	       
	       
	        }



form.cmxform fieldset {
		text-align: left;
}

form.cmxform fieldset {
    padding: 10px;
}

form.cmxform div {
    padding: 2px;
    margin: 2px;
}

form.cmxform label {
    width: 140px;
    font-weight: bold;

  display: inline-block;
  line-height: 1.8;
  vertical-align: top;

}

form.cmxform input.text {
    border: 1px solid;
    width: 300px;
}


.radios {
	width:400px;
	height:auto;
	display: block;
	float: left;
	clear: right;
	overflow: auto;
}

.radios input {
	width:20px;
	float: left !important;
	clear: both;
}

fieldset div {
margin-bottom:.5em;
display:block;
height:auto;
overflow:auto;
clear:both;
padding:0;
}


label {
	float:left;
	width:100px;
	text-align:left;
	padding:0 1em;
}




/* project archive */

#content_project{

    width: 650px;
    padding: 0px;
    margin: 0px;
}
.project_info table th a, .project_info table th a:hover, .project_info table th a:active, .project_info table th a:visited{
	color: #fff;
	text-decoration: none;
}
.project_info table th {
    color: #FFFFFF;
    background: #575757;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;

}

.project {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

.project_image{
    width: 140px;
    height: 140px;

    min-width: 140px;
    min-height: 140px;

    border: 1px solid #e9e9e9;
    display: inline;
    padding: 0px;
    margin:  0px;
    vertical-align: top;


        color: #e9e9e9;
    font-size:14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}



.project_info{
    width: 500px;
    margin-left: 10px;

    heigth: 100%;
    display: inline;
    vertical-align: top;

}

.project_info table td{
    background: #F3F3F3;
    padding: 5px;
    margin: 1px;
    color:black;
    /*font-family:Arial,sans-serif;*/
    font-size:12px;
    text-align:left;
    height: auto;
    vertical-align: top;

    /*border-top: 1px solid #FFFFFF;*/

}



span.project_label{
    width: 90px;
    padding: 2px 6px;
    height: 100%;
    vertical-align: top;
    float: left;
}
span.project_text{
    padding: 2px 6px;
    height: 100%;
    float: right;

}





	#sitemap ul {
		margin-top: 0px;
	}
	#sitemap li {
		margin-left: 5px;
	}
	#sitemap li a {
		color: #000;
	}

/*li {font-family: sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; }*/
.small {font-size: 11px; }
hr {color:silver; width:auto; size:1px; }


#outer {width: auto; padding:10px; border:1px solid #f9b700; margin:;}

/* always visible */
#outer .holder {width: auto; padding:1em; border:1px solid #ccc; margin:0 20px 10px 0;border: 1px solid rgb(249, 183, 0);}
#outer .holder:HOVER {border:1px solid rgb(249, 183, 0);}
#outer .holder p, #outer .holder ul {padding:4px 0 0 0; margin:0; clear: both;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {font-family: sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 12px; margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#000; font-family: sans-serif; font-size: 10px; font-style: italic; font-variant: normal; font-weight: bolder;}
#outer div.more i.hide {display:none;}
#outer div.more p, #outer div.more ul,  #outer div.more hr {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click { height: auto; }
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p, #outer div.click ul, #outer div.click hr {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}




/* CSS PLAY * CSS PLAY */







/*
#naviga  {position: absolute; left:251px; top:71px; z-index:4; width:728px; height:14px; float:left; background:#fff; border-left: 1px solid #f9b700; padding: 2px 0px 2px 20px; font-family: arial, helvetica, sans-serif; font-size:10px; color:#000; text-align:left; text-valign:middle; }
#naviga a  {text-decoration: none; color: #999;}
#naviga a:hover  {
	text-decoration: underline;
	
	 color: #000;}
*/

#contnt  {position: absolute; left:251px; top:89px; z-index:3; width:668px; height:800px; float:left; background:#fff; border-left: 1px solid #f9b700; padding: 20px 40px 20px 40px; overflow: auto;}

h3 {font-family: arial, helvetica, sans-serif; font-size:12px; line-height:18px; text-align:left; }

.silvr { color:#999; }
.silvr:hover { color:#000; }









.news_item{
	color: #4C4C4C;
	margin-bottom: 10px;
}



.news_date {
	font-weight: bold;
}

.news_title{
	padding-left: 16px;
	background-image: url(../../images/li3.gif);
	background-repeat: no-repeat;
	background-position: 0 3;	

}

.news_title a{
	color: #4C4C4C !important;
} 



table#company td {
	padding: 5px;
	color: #4c4c4c;
}

table#company td.selected {
	background-color: #FAEDC8;
}

.newsletter h2 {
	margin: 6px 0px;
	font-weight:bold;
}


.newsletter ul {
	font-weight: bold;
	color: #4D4D4D;
	text-align: left;
}




.media_thumbnail {
	width:120px;
	height:120px;
	padding:0px;
	margin:0px;
	float:left;
	padding-right: 30px;
}

.media_item {
	float: right;
}
.media_text {
  color: #4c4c4c;
  padding-top: 10px;
}

.media_title {
  color: #4c4c4c;
  font-weight: bold;
}

.media_video, .media_audio, .media_image {
	clear: both;
}



.list_table td{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
}


#article_content{
	background:#fff;
	display: table;	
	width:1000px;
}

#article_left{

		width:240px;
	float:left;
	border-right: 1px solid #cccccc;	
background:#eee;
min-height:2000px;
	display: table-cell;	
		}
		
#article_main{
/*	  border: 1px solid blue;*/
	width:auto;
	float:right;
	background:#fff;
	border-left: 0px solid #cccccc;
	border-right: 0px solid #ffffff;
	padding: 30px 20px 30px 30px;
	margin: 0px;
  text-align: left;
  display: table-cell;	
}

#article_left li{
	margin-left: 10px;
	text-align: left;
	padding-left: 16px;
	background-image: url(../../images/li3.gif);
	background-repeat: no-repeat;
	background-position: 0 3;	
}


#article_left a{
	color: #4c4c4c;
	width: 180px;
}

#article_left a:hover{
	background: #fff;
}



/* check this if still used */
#logo {
/*	margin: 20px 0px 0px 20px;*/
    /*top: 25px;
    left: 690px;
    border: 0px solid black;
    width: 283px;*/
/*	height: 18px;*/
    /*background-image: url(../../images/logo.gif);*/
    position: relative;
}

#logo img {
    border: 0px;
}
#search_button {
    border: 0px solid black;
    width: 17px;
    height: 17px;
    padding: 0px;
    padding-left: 3px;
    color: white;
    background: #AEAFB2;
}

#search_text {
    border: 1px solid #C7C6C9;
    font-size: 10px;
    width: 80px;
    margin-left: 5px;
}

#content_subnavigation{
	clear:both;
		font-family: sans-serif,Arial,Helvetica;
		font-size: 12px;
		height: auto;
		letter-spacing: normal;
		line-height: normal;
		text-transform: none;
		text-decoration: none;
		color: #000;
		margin: 25px 0px 50px 0px;
		width: 700px;
}

#tt {position:absolute; display:block; background:url(../../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../../images/tt_bottom.gif) top right no-repeat; overflow:hidden}


#loginform{
	margin: 0 auto;
	width: 400px;
	padding: 20px;
	border: 1px solid #e9e9e9;
	background: #fff;
}

#loginform label{
	display: block;
	font-weight: bold;
	text-align: right;
	width:100px;
	float:left;
	paddig:2px;
}

#loginform input{
	display: block;
	text-align: left;
	width:200px;
	float:left;
	margin: 2px 0 10px 10px;
}

#loginform button {
	clear: both;
}




#fixed { 
	position: absolute;
	top: 120px;
	right: 180px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	border: 1px solid #666;
	background: #ccc; z-index: 100; 
	padding: 3px 10px;
	display: none;
	z-index: 1000;
}



/* company navigation */

#struktu  {
	z-index:100;
	width:1000px;
	height:40px;
	background:#eee;
	margin: opx;
	padding: 0px;
	clear: both;
}

#struktu ul{
	margin: 0px;
	margin-left: 28px;
	padding: 0px;
	width: 100%;
	list-style-type: none;
}

#struktu ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	margin-right: 0px;
	height: 26px;
	width: 183px;	
	float: left;
}




#struktu ul li a{
	display: block;
	height: 20px;
	text-decoration:none; 
	text-align:center; 
	font-size:13px; 	
	padding: 0px 0px 0px 0px; 
}

#struktu ul li a.sactive{
	color:#fff; 
	border-top: 1px solid #fabb00; 
	border-bottom: 1px solid #fabb00; 
	border-right: 1px solid #fabb00; 
	background:#fabb00;
}

#struktu ul li a{
	display: block;
	height: 20px;
	width: 182px;
	border: 1px solid red;
 	text-decoration:none; 
 	color:#999; 
 	background:#eee; 
 	text-align:center;
 	font-size:13px;
 	padding: 0px 0px 0px 0px;
 	border-left: 0px solid #ccc;
 	border-top: 1px solid #f1f1f1; 
 	border-right: 1px solid #ccc;
 	border-bottom: 1px solid #ccc; 	
}

#struktu ul li a:hover{
	background: #fff;
	color:#333;	
}

#struktu ul li a.sactive:hover, div#struktu ul li a:active{
	background:#fabb00;
	color:#fff; 	
}


#struktu ul li.first {
	width: 194px;	
}
#struktu ul li.first a {	
	width: 192px;	
	 	border-left: 1px solid #ccc;
 	border-top: 1px solid #f1f1f1; 
 	border-right: 1px solid #ccc;
 	border-bottom: 1px solid #ccc; 	
}




ul#nav2 {
    list-style-type: none;
    display: block;
}

ul#nav2 li {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 30px;
    background-image: url(../../images/quad44-k.gif);
    background-repeat: no-repeat;
    background-position: 0px;
    font-size : 12px;
    font-size: 12px;
}


ul#nav2 li a{
	text-align: left;
	padding: 0px;
	margin-left: 15px;
  width: 168px;
}

#pagination {
	padding: 2px 0px;
	margin: 32px 0px;	
	width: 700px;
	text-align: right;
	color: rgb(153,153,153);
	background-color:#F1F1F1;
	
}