/*
	CSS Document
*/

* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
	color: #333333;
}

html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #e0e0e0;
	height: 100%;
}

img {
	border: 0;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
}


a {
	color: #333333;
	text-decoration: none;
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #4B5FD7;
	text-decoration: none;
}
a:active {
	color: #333333;
}

table, tr ,td {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	width: 180px;
}


/*
	special style definitions
*/
#content {
	width: 734px;
	height: 604px;
	border: 1px solid #c8c8c8;
	background-color: #ffffff;
}

#meta {
         width: 734px;
	height: 26px;
	background-image: url(../img/gradient_horz_white_grey.gif);
	background-repeat: repeat-x;
	text-align: right;
	border-bottom: 1px solid #eaeaea;
         font-size:11px;
         color:#4B5FD7
}

a.metanavi {
	color: #4B5FD7;
	text-decoration: none;
	line-height: 26px;
         font-size:11px;
}
a.metanavi:link {
	color: #4B5FD7;
}
a.metanavi:visited {
	color: #4B5FD7;
}
a.metanavi:hover {
	color: #CCCCCC;
}
a.metanavi:active {
	color: #4B5FD7;
}

#header {
	width: 734px;
	height: 90px;
	background-image: url(../img/header_mood_new4.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-align: left;
}

#logo {
	width: 127px;
	height: 90px;
	margin-left: 30px;
	background-image: url(../img/logo_neu.gif);
	background-repeat: no-repeat;
}

#main {
	width: 734px;
	height: 26px;
	background-image: url(../img/gradient_horz_white_grey.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #eaeaea;
	text-align: left;

}

a.mainnavi {
	padding-left: 30px;
	color: #333333;
	text-decoration: none;
         font-size:11px;
         line-height: 26px;
}
a.mainnavi:link {
	color: #333333;
}
a.mainnavi:visited {
	color: #333333;
}
a.mainnavi:hover {
	color: #4B5FD7;
}
a.mainnavi:active {
	color: #333333;
}

#divider {
	width: 734px;
	height: 26px;
	background-color: #ededed;
	border-top: 1px solid #e3e3e3;
	text-align: left;
}

#spacer{
	height: 24px;
	background-color: #FFFFFF;
	text-align: left;
}

#spacer_projects{
	height: 22px;
	background-color: #FFFFFF;
	text-align: left;
}

#maincontent {
	width: 734px;
	height: 406px;
	overflow: auto;
	text-align: left;
         background-color: #FFF;
}

#textcontent {
	margin: 20px 46px 60px 30px;
	float: left;
	width: 370px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

*html #textcontent {
	margin: 30px 46px 60px 15px;
	float: left;
	width: 370px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

#textcontent_index {
	margin: 20px 32px 60px 30px;
	float: left;
	width: 370px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

*html #textcontent_index {
	margin: 30px 32px 60px 15px;
	float: left;
	width: 370px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

#textcontent_index_en {
	margin: 20px 22px 60px 30px;
	float: left;
	width: 380px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

*html #textcontent_index_en {
	margin: 30px 22px 60px 15px;
	float: left;
	width: 380px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}


a.textcontent_index {
	color: #333333;
	text-decoration: underline;
         font-size:12px;
         line-height: 15px;
}

a.textcontent_index:link {
	color: #333;
}
a.textcontent_index:visited {
	color: #333;
}
a.textcontent_index:hover {
	color: #4B5FD7;
}
a.textcontent_index:active {
	color: #BAC4FF;
}


#textcontent_service {
	margin: 20px 32px 60px 30px;
	float: left;
	width: 370px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

*html #textcontent_service {
	margin: 30px 32px 60px 15px;
	float: left;
	width: 370px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}


#textcontent_contact {
	margin: 20px 32px 50px 30px;
	float: left;
	width: 250px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

*html #textcontent_contact {
	margin: 29px 50px 60px 15px;
	float: left;
	width: 250px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}


a.textcontent_contact {
	color: #333333;
	text-decoration: underline;
         font-size:12px;
         line-height: 12px;
}

a.textcontent_contact:link {
	color: #333;
}
a.textcontent_contact:visited {
	color: #333;
}
a.textcontent_contact:hover {
	color: #4B5FD7;
}
a.textcontent_contact:active {
	color: #BAC4FF;
}


/* Projects */

#projectcontent {
	margin: 20px 20px 60px 30px;
	float: left;
	width: 602px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

*html #projectcontent {
	margin: 29px 20px 60px 15px;
	float: left;
	width: 602px;
         font-size: 12px;
         line-height: 15px;
         background-color: #FFF;
}

.projectgroup_a{
         width: 601px;
         height: 18px;
         clear:left;
         margin: 24px 0 12px 0;
         background-color: #BCD1EF;
         text-align: left;
}

.projectgroup_b{
         width: 601px;
         height: 18px;
         clear:left;
         margin: 24px 0 12px 0;
         background-color: #BCD1EF;
         text-align: left;
}

.projectgroupname {
	font-size: 12px;
         font-weight: bold;
         padding:2px 0 2px 4px;
}

.project_a {
         float:left;
         margin-bottom: 12px;
         margin-top: 12px;
         width: 599px;
         height: 154px;
         background-color: #fff;
         border: 1px solid #BCD1EF;
}

*html .project_a {
         float:left;
         margin-bottom: 12px;
         margin-top: 12px;
         width: 599px;
         height: 154px;
         background-color: #fff;
         border: 1px solid #BCD1EF;
}

.project_b {
         float:left;
         margin-bottom: 12px;
         margin-top: 12px;
         width: 599px;
         height: 154px;
         background-color: #fff;
         border: 1px solid #BCD1EF;
}
.testproject {
         float:left;
         margin-bottom: 36px;
         margin-top: 36px;
	width: 600px;
         background-color: #FFF;
}

.testprojectdesc {
	width: 320px;
	height: 145px;
         font-size: 12px;
         float: left;
	margin: 5px 14px 0 5px;
         background-color: #D2EBFF;
}


.projectdesc {
	width: 320px;
	height: 145px;
         font-size: 12px;
         float: left;
	margin: 5px 14px 0 5px;
         background-color: #FFF;
}

*html .projectdesc {
	width: 320px;
	height: 145px;
         font-size: 12px;
         float: left;
	margin: 5px 14px 0 2px;
         background-color: #FFF;
}

.projecttitle {
	font-size: 12px;
         font-weight: bold;

}

.projecttext {
	font-size: 12px;
         font-weight: normal;
         line-height: 14px;
}

.projectimage {
	width: 258px;
	height: 152px;
	float: left;
	margin-right: 0px;
}

/* Footer */

#footer {
         clear:left
         width: 734px;
	height: 26px;
         font-size:11px;
	background-image: url(../img/gradient_horz_white_grey.gif);
	background-repeat: repeat-x;
	text-align: right;
	border-top: 1px solid #eaeaea;
}

#copyrights {
         font-size:11px;
         float: left;
	text-align: left;
	padding: 6px 0 0 30px;
         color: #4B5FD7;
}

#footernavi {
         float: right;
	text-align: right;
         color: #4B5FD7;
         font-size:11px;
}


.toolicon {
	float: left;
}

.tooltext {
	float: left;
	margin-top: 8px;
	height: 24px;
}



#kontaktbild1 {
	float:right;
         background-color:#FFFFFF;
         width:363px;
         height:242px;
         margin-top:42px;
         margin-right:40px;
}

*html #kontaktbild1 {
	float:right;
         background-color:#FFFFFF;
         width:363px;
         height:242px;
         margin-top:42px;
         margin-right:20px;
}

#kontaktbild2 {
	float:right;
         background-color:#FFFFFF;
         width:363px;
         height:242px;
         margin-top:42px;
         margin-right:40px;
}

*html #kontaktbild2 {
	float:right;
         background-color:#FFFFFF;
         width:363px;
         height:242px;
         margin-top:42px;
         margin-right:20px;
}