/* ****************************************************************************

                                CSS DOCUMENT
				
		               (c) 2007 zechendorf e.solutions
		                  http://www.zechendorf.de
		                  
		                 
		          made for ultrabold Kommunikationsdesign GmbH

**************************************************************************** */




/* ****************************************************************************

                               MAIN ELEMENTS

**************************************************************************** */

html {
}

body {
  height: 100%;
  margin: 0 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.2em;
  background: url('../images/bg_body.gif') top repeat-x fixed #dddad5;
}

a:link, a:visited {
  color: #067fb8;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

h1{
}

h2{
	padding: 0.5em 0;
}

/* ****************************************************************************

                         DEFAULT CONTAINER ELEMENTS

**************************************************************************** */

#container{
  /* contains the site and the ornaments */
  width: 1200px;
  margin: auto;
}

#header{
  /* header element on top of the page */
  margin-left: 120px;
  margin-right: 120px;
  height: 32px;
}

#header_right{
  float: right;
  font-size: 10px;
  color: #cdcd06;
  padding-top: 18px;
}

#nav_vert a:link, #nav_vert a:active, #nav_vert a:visited,
#header_right a:link, #header_right a:active, #header_right a:visited{
  color: #666;
  text-decoration: none;
}


div.page_content#footer a:link, div.page_content#footer a:active, div.page_content#footer a:visited{
  color: #666;
  text-decoration: none;
}

#nav_vert a:hover,
#header_right a:hover,
div.page_content#footer a:hover{
  text-decoration: underline;
  color: #000;
}

#subheader{
  margin-left: 120px;
  margin-right: 120px;
  height: 69px;
  background: url('../images/bg_subheader.gif') top repeat-x #fff;
}

#subheader img{
  float: right;
  padding-top: 3px;
  border: 0px none;
  border-left: 3px solid #fff;
}

#subsubheader{
  margin-left: 120px;
  margin-right: 120px;
  height: 88px;
  background: url('../images/bg_subsubheader.gif') bottom repeat-x #fff;
}

#title_container{
}

#nav_vert{
  float: left;
  width: 290px;
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 5px;
  z-index:100;
  overflow: hidden;
}

#nav_vert ul{
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
  line-height: 16px;
}

#nav_vert ul li{
  margin-left: 0px;
  padding-left: 0px;
}

#nav_vert ul li ul{
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px;
}

#nav_vert ul li ul li{
  background: url('../images/bg_ul_li_ul_li.gif') 130px 4px no-repeat;
}

#nav_vert ul li ul li.active a:link, #nav_vert ul li ul li.active a:visited{
  color: #067fb8;
}

div.nav_li{ 
  margin-top: 5px;
  margin-right: 20px;
  margin-left: 120px; /* 120 - width */
  height: 7px;
  background: url('../images/balkenanimation_klein_gruen.gif') top left;
  float: left;
  padding: 0px;
  font-size: 3px;
  width: 0px;
	overflow: hidden;
}



div.nav_li_li, div.nav_li_li_active{
  margin-top: 5px;
  margin-right: 20px;
  margin-left: 120px; /* 120 - width */
  height: 7px;
  background: url('../images/balkenanimation_klein_grau.gif') top left;
  float: left;
  font-size: 3px;
  width: 0px;
	overflow: hidden;
}

div.nav_li_li_active{
  background: url('../images/balkenanimation_klein_blau.gif') top left;
}


#page_title{
  clear: none;
  float: left;
  padding-bottom: 17px;
  margin-left: 0px;
  padding-right: 60px;
}

#content_right{
  float: left;
  padding-bottom: 25px;
  padding-top: 25px;
  width: 460px;
}

#page_title h1{
  font-weight: bold;
  color: #b3b3b3;
  font-size: 16px;
  padding-bottom: 0px;
  padding-top: 30px;
  margin: 0;
  line-height: 1.3em;
}

.page_content{
  clear: both;
  margin-left: 120px;
  margin-right: 120px;
  background: url('../images/bg_subsubheader.gif') top left repeat-x;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 170px;
}
/*
.content_border:hover{
  background-color: #dddddd;
}*/

.content_border_fullsize{
  clear: both;
  margin-left: 120px;
  margin-right: 120px;
  background: url('../images/bg_subsubheader.gif') top left repeat-x;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0px;
}

div.page_content div h1{
  float:left;
  font-size: 10px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.0em;
  color: #000;
  font-weight: normal;
  margin-right: 3px;
  display: normal;
}

.content{
  clear: both;
  float: left;
  width: 260px;
  margin-left: 170px;
  padding-bottom: 15px;
}

div.csc-textpicHeader{
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
  height: 10px;
}

div.page_content div.csc-textpic-border div.csc-textpic-imagewrap{
  float: right;
  margin-top: -10px;
  width: 443px;
  height: 30px;
  margin-bottom: 15px;
  padding-left: 60px;
}

div.content_border_fullsize div.csc-textpic-border div.csc-textpic-imagewrap dl.csc-textpic-image{
  margin-right: 30px;
}

div.page_content div.csc-textpic-border div.csc-textpic-imagewrap dl.csc-textpic-image dt img,
div.content_border_fullsize div.csc-textpic-border div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
  border: 2px solid #fff;
}

div#content_right div.csc-textpic-border div.csc-textpic-imagewrap dl.csc-textpic-image dt img{
  border: 1px solid #b3b3b3;
}

div#content_right div.csc-textpic-border div.csc-textpic-imagewrap{
  margin: 0; padding: 0;
}

.border_container .content-element .csc-textpic .csc-textpic-imagewrap{
	height: 74px;
}


.meta img{
  float: left;
  border: 2px solid #fff;
  margin-right: 15px;
}

#map{
width: 460px; height: 230px; border: 1px solid #b3b3b3;
}

#footer{
  color: #666;
  padding-top: 15px;
  padding-left: 0px;
}

div.page_content #footer:hover{
  background-color: none;
}

fieldset.csc-mailform{
  border: none;
  padding: 0;
}

input, textarea{
  border: 1px solid #ccc;
  background: #efefef;
  margin-bottom: 4px;
  width: 260px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
	color: #555;
}

input.csc-mailform-submit{
  width: 150px;
  margin-left: 0px;
}

.inline_nav img{
	border: 2px solid white;
	margin-right: 12px;
	float: left;
}

.inline_nav .desc{
	float: left;
	height: 41px;
	width: 264px;
	margin-top: 8px;
	padding-right: 36px;
}

.inline_nav .counter{
  height: 21px;
	width: 44px;
	font-size: 36px;
	color: #b0b0b0;
	float: left;
	padding-top: 32px;
	overflow: hidden;
}

.inline_nav .percentage,
.inline_nav .bar{
  float: left;
	margin-top: 42px;
	width: 30px;
	height: 11px;
	overflow: hidden;
}

.inline_nav .bar{
  background-color: #cdcd06;
}

.clear{
	clear: both;
	height: 1px;
}

a.download:link,
a.download:visited,
a.download:active,
a.download:hover{
	background: url('../images/downloads.gif') 0px 0px no-repeat;
	padding: 3px 0 3px 20px;
	
}

h1.subsubheader{
	margin: 0;
	font-size: 28px;
	padding: 48px 0 0 0;
	line-height: 1.3em;
	font-weight: normal;
	color: #b4b4b4;
}

.homenav_li{
	float: left;
	background: url('../images/balkenanimation_lang_gruen.gif') top right no-repeat;
	margin-right: 8px;
	height: 8px;
	clear: left;
	margin-bottom: 4px;
	margin-top: 2px;
	cursor: pointer;
}

.homenav_li_li{
	float: left;
	clear: left;
	background: url('../images/balkenanimation_lang_grau.gif') top right no-repeat;
	margin-right: 8px;
	height: 7px;
	margin-bottom: 4px;
	margin-top: 2px;
	cursor: pointer;
}

.homenav, .homenav_sub{
	height: 14px;
	margin-top: 3px;
	color: #b3b3b3; 
}

.homenav{
	margin-top: 24px;
}

.homenav_sub{
	padding-left: 12px;
	background: url('../images/homenav_arrow.gif') 0 2px no-repeat;
}

.home_projects{
	width: 140px;
	margin-right: 24px;
	float: left;
}

.home_projects img{
	border: none;
}

.home_border,
.home_projectlist{
  padding-left: 0;
}

.homenav a:link,
.homenav a:visited,
.homenav a:active,
.homenav_sub a:link,
.homenav_sub a:visited,
.homenav_sub a:active,
.home_projectlist a:link,
.home_projectlist a:visited,
.home_projectlist a:active{
	color: #666;
	text-decoration: none;
}

.homenav a:hover,
.homenav_sub a:hover,
.home_projectlist a:hover{
	color: #067fb8;
	text-decoration: underline;
}

.home_border .content-element{
	width: 304px;
	margin-right: 24px;
	float: left;
}

#content_right{
	text-align: right;
}

.border_container{
	padding: 0;
}

.border_container .content-element{
  clear: both;
  background: url('../images/bg_subsubheader.gif') top left repeat-x;
  padding-top: 20px;
	margin: 0px;
	padding-left: 170px;
}

.inline_nav{
	margin: 0;
}

.csc-textpic-clear{
	clear: both;
}

.navtext{
	display: none;
}

.ce103{
	width: 600px;
}

ul.csc-menu-1{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.csc-menu-1 li{
	padding-bottom: 0.8em;
}

::-moz-selection{
background: #cdcd06;
color: #fff;
}

::selection {
background: #cdcd06;
color: #fff;
}