/*	-------------------------------------------------------------
	Position
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
html{
	height: 100%;                                         
	margin: 0;                                                      
	padding: 0;                                                             
}

div#container {
	background: transparent;
	width: 934px;
	height: 600px;
	clear: both;
	margin:0px auto;
    padding: 0px;
    text-align: left;
	position: relative;
	top: -293px;
	/* IE4ever Hack: Hide from IE4 **/
		position: static;
	/** end hack */	
}

body {
	height: 100%;
	background-color: #f5f3f4;
	font-family: "Arial", "Verdana", " Tahoma", Serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: none;
	background-position: left top;
	background-repeat: repeat-x;
	
}

#header {
	height: 46px;
	width: 934px;
	margin-top: 50px;
	margin-bottom: 0px;
	background-position: top left;
	background-repeat: repeat-x;
}

.main {
	height: 364px;
	margin-top: 18px;
}

.mainleft {
	float: left;
	height: 364px;
	width: 459px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_mainleft.png);
	background-position: top left;
	background-repeat: repeat-x;
}

.mainright {
	float: right;
	height: 364px;
	width: 459px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg_mainright.png);
	background-position: top right;
	background-repeat: repeat-x;
}

.maincontent {
	color:#FFF;
	padding:25px 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

.subfieldcontent {
	color:#FFF;
	padding:15px 30px 15px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

.titel	{
	color:#FFF;
	padding-left:280px;
	padding-top:124px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:52px;
}

.subtitel	{
	color:#FFF;
	padding-left:280px;
	padding-top:128px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:42px;
}

.subfield {
	clear: both;
	float: right;
	width: 704px;
	margin-top: 18px;
	height: 110px;
	background: #f5f3f4;
	background-position: bottom left;
	background-image: url(images/bg_subfield.png);
	background-repeat: no-repeat;
}

#topmenu {
	float: right;
	width: 704px;
	margin-left: 0px;
	height: 46px; 
	background: #f5f3f4;
	background-image: url(images/bg_nav.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: right;
	display: inline; 
}	

#topmenu li{
	font-family: "Arial", "Verdana", " Tahoma", Serif;
	font-size: 17px;
	font-weight:bold;
	color: #800000;	
	display: inline;
	float:right;
	height: 25px;
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 0 0;
	margin-top: 14px;
	margin-right: 65px;
}

#topmenu a {
	font-family: "Arial", "Verdana", " Tahoma", Serif;
	font-size: 17px;
	color: #FFFFFF;
	margin: 0px;
	font-weight:bold;
}

#topmenu a:hover {
	text-decoration: none;
	color: #800000;
	font-weight:bold;
}

#topmenu a:active {
	text-decoration: none;
	font-weight: bold;
	color: #800000;
	margin: 0px;
}

.demos {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-left: 150px;
}
/*	-------------------------------------------------------------
   Generic elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.about-text{
	width: 88%;
	text-align: justify;
}
	
img	{
	border: 0px;
	margin-top: 3px;
}
	
p	{
	line-height: 17px;
	margin: 0px;
}
	
a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	margin: 0px;
}
a:hover {
	text-decoration:underline;
	color: #fff;
}

h1{
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0 5px 0;
}

#header h1{
	margin: 0px;
}

h2{
	color: #508615;
	font-size: 12px;
	margin: 40px 0 17px 0;
	padding: 0px;
	font-weight: normal;
	width: 88%;
	line-height: 17px;
}

h3{
	color: #508615;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0 0px 0;
	padding: 0px;
	
	width: 88%;
	line-height: 17px;
}

/*	-------------------------------------------------------------
 logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#logo{
width: 224px;
height: 46px;
background-position: 0px 0px;
background-repeat: no-repeat;
margin: 0px;
}


#logo a:link, #logo a:visited{
text-indent: -9999px;}

#logo h1{
background-image: none;	
}



/*	-------------------------------------------------------------
Sub navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.submenu {
	float: left;
	width: 196px;
	min-height: 250px;
	margin-top: 29px;
	margin-left: 35px;
	margin-bottom: 23px;
	border-right: 1px solid #cac7c4;
	display: inline;
}

.submenu p {
	width: 220px;
}


#title_submenu {
	float: left;
    margin: 0px;
	width: 226px;
	height: 68px;
	
background-image: url(img/title_feature_about.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#title_submenu a {
	width: 226px;
	height: 68px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#title_submenu a:hover{
	background-image: url(img/title_feature_services_on.gif);
background-position: top left;
background-repeat: no-repeat;
}



/*	-------------------------------------------------------------
Boxes on the homepage
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.box1 {
	float: left;
	width: 256px;
	min-height: 127px;
	margin-top: 29px;
	margin-left: 35px;
	margin-bottom: 23px;
	border-right: 1px solid #cac7c4;
	display: inline;
}

.box2 {
	float: left;
	width: 256px;
	min-height: 127px;
	margin-top: 29px;
	margin-left: 35px;
	margin-bottom: 23px;
	border-right: 1px solid #cac7c4;
	display: inline;
}
.box3 {
	display: inline;
	float: left;
	width: 236px;
	min-height: 127px;
	margin-top: 29px;
	margin-left: 35px;
	margin-bottom: 23px;
}

.box1 p, box3 p {
	width: 240px;
	}

#title_box1 {
	float: left;
    margin: 0px;
	width: 246px;
	height: 68px;
	
background-image: url(img/title_feature_services.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#title_box2 {
	float: left;
    margin: 0px;
	width: 246px;
	height: 68px;
	
background-image: url(img/title_feature_work.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#title_box3 {
	float: left;
    margin: 0px;
	width: 246px;
	height: 68px;
	
background-image: url(img/title_feature_about.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#title_box3 a, #title_box2 a, #title_box1 a {
	width: 246px;
	height: 68px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#logo a:link, #logo a:visited{
text-indent: -9999px;}

#title_box3 a:hover{
	background-image: url(img/title_feature_about_on.gif);
background-position: top left;
background-repeat: no-repeat;
}

#title_box1 a:hover{
	background-image: url(img/title_feature_services_on.gif);
background-position: top left;
background-repeat: no-repeat;
}

#title_box2 a:hover{
	background-image: url(img/title_feature_work_on.gif);
background-position: top left;
background-repeat: no-repeat;
}

/*	-------------------------------------------------------------
Text on pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.text {
	display: inline;
	float: left;
	width: 560px;
	min-height: 127px;
	margin-top: 29px;
	margin-left: 40px;
	margin-bottom: 23px;
}

.text p {
	width: 550px;
	}


#title_text {
	float: left;
    margin: 0px;
	width: 500px;
	height: 68px;
	
background-image: url(img/title_feature_about.gif);
background-position: top left;
background-repeat: no-repeat;
	
	position: relative;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#title_text a {
	width: 500px;
	height: 68px;
	position: relative;
	display: block;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */ 
}

#title_text a:hover{
	background-image: url(img/title_feature_about_on.gif);
background-position: top left;
background-repeat: no-repeat;
}


	
/*	-------------------------------------------------------------
      Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer{
	float: right;
	width:690px;
	margin-bottom: 0px;
	margin-top: 0px;
    clear: both;
    text-align: center; 
    font-size: 11px;
    color: #999999;
	padding: 6px;
}

#footer p{
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}

#footer a{
	color: #999;
}

#footer a:hover{
	color: #9cdb14;
}

/*	-------------------------------------------------------------
   Titles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#title_about{
    float: left;
	width: 880px;
	height: 117px;
	
background-image: url(img/image_about.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
text-indent: -9999px;
}

	#title_contact{
    float: left;
	width: 880px;
	height: 117px;
		
background-image: url(img/image_contact.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
text-indent: -9999px;
}

	#title_work{
    float: left;
	width: 880px;
	height: 117px;
	
background-image: url(img/image_work.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
text-indent: -9999px;
}

	#title_services{
    float: left;
	width: 880px;
	height: 117px;
	
background-image: url(img/image_services.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
text-indent: -9999px;
}

	#title_extranet{
    float: left;
	width: 880px;
	height: 117px;	
background-image: url(img/image_extranet.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
text-indent: -9999px;
}

	#title_sitemap{
    float: left;
	width: 880px;
	height: 117px;
	
background-image: url(img/image_sitemap.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
margin-bottom: 0px;
text-indent: -9999px;
}



/*	-------------------------------------------------------------
    Contact page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.contact_form_ul {
     float: left;
     width: 440px;
	 height: 220px;
	 margin: 0px 0  0px 0px;
	 padding: 0px 17px 0 0px;
     list-style-type: none;
     list-style-image: none;
}

.contact_form_ul li{
margin-bottom: 10px;
padding-left: 45px;
}

label{
 line-height: 1.8;
 vertical-align: top;
 display: inline-block;
  width: auto;   
}

.contact_form_ul label{
width: 80px;
}

.inputf{
	width: 279px;
	height: 17px;
	padding: 2px;
}

.contact_form_ul textarea{
	width: 283px;
	height: 123px;
    overflow: auto;
}

.submit_button{
	width: 64px;
	height: 23px;
	float: right;
	border: 0px;
	margin-right: 0px;	
}

.contact-text{
    float: left;
	margin-left: 17px;
}
.contact-text p {
    line-height: 16px;
}
.contact-text h2{
	margin: 0px;
}

input, textarea {
	font-family: "Tahoma", "Verdana", "Arial", " Tahoma", sans-serif;
	font-size: 11px;
	border: solid #CDCDCD 1px;
	color: #444444;
}