/* CSS Document validated on 25.01.2007 on http://jigsaw.w3.org/css-validator/validator */

body
{
	margin-top: 0px;
	margin-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #ccc;
}
a, a:active, a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;

}

a:hover
{
	text-decoration:none;
}

div#container_1 {	vertical-align:middle; 	width: 100%; 	height: 100%;
}

div#container_2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*border: 1px solid;*/	
	border-color: #000;
	width: 875px;
	min-height: 650px;
	background-color: #fff;
	text-align:left;
	padding-left:25px;
	padding-right: 25px;
	
}
div#container_3 {	width: 100%;	height: 100%;	clear: both; }

div#container_4 { 	float: right; width: 455px;	margin-right: 145px; margin-bottom: 25px; }
div#logo
{
	width: 175px;
	height: 75px;
	float: left;
	
}
div#flashAni
{
	border: 1px solid;
	float: right;
	width: 120px;
	height: 75px;
}
#header
{
	width: 100%; height: 10px;
	margin-bottom: 11px;
	background-image: url(../images/header.gif);
	background-repeat:repeat-x;
	clear: both;

}
ul#mainMenu 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: right;
	background-color: transparent;
	padding-left: 273px;
	float: left;		   
}
ul#mainMenu li 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	list-style: none;
	display: inline;
	padding-left: 0;
	/*padding-right: 0.1em; nicht valide nach W3C, gilt für ul#MainMenu*/
	background-color: transparent;  
}
			
ul#mainMenu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 0.21em;
	padding-right: 0.21em;
	padding-bottom: 0.5em;
	padding-top: 0.4em;
	text-decoration: none; 
	color: #fff;
	background-image: url(../images/navi.gif);
	background-repeat: repeat-x;
			    
}
ul#mainMenu a:link {	color: #fff; background-image: url(../images/navi.gif); background-repeat: repeat-x; }
ul#mainMenu a:hover {	background-image: url(../images/navi_hover.gif);	background-repeat: repeat-x; }
ul#mainMenu a:active {	background-image: url(../images/navi_active.gif);	background-repeat: repeat-x; }

/* Contact and Imprint */

ul#mainMenu2
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-size: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: right;
	background-color: transparent;
	padding-left: 102px;
	float: right; /* Bug in IE 7.0 the hover function doesn't work*/
			   
}
ul#mainMenu2 li 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	list-style: none;
	display: inline;
	/*padding-right: 0.1em; nicht valide nach W3C, gilt für ul#MainMenu*/
	background-color: transparent;  
}
			
ul#mainMenu2 a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 0.21em;
	padding-right: 0.21em;
	padding-bottom: 0.5em;
	padding-top: 0.4em;
	text-decoration: none; 
	color: #fff;
	background-image: url(../images/navi2.gif);
	background-repeat: repeat-x;
			    
}
ul#mainMenu2 a:link { color: #fff;	background-image: url(../images/navi2.gif);	background-repeat: repeat-x; }
		  
ul#mainMenu2 a:hover 
{	background-image: url(../images/navi2_hover.gif);	background-repeat: repeat-x;}
ul#mainMenu2 a:active 
{	background-image: url(../images/navi2_active.gif);background-repeat: repeat-x;}

/* Submenu */

 ul#subMenu {
    font-size: 10px;
	margin: 0; 
	padding: 0 0 0 4px;
    width: 175px;
  	float: left;
  }
  ul#subMenu li {
  	text-align:right;
    list-style: none;
    margin: 0; padding: 1px;
	height: 13px;
  }
  ul#subMenu a {
    display: block;
	padding-left: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-decoration: none;
	font-size: 10px;
	height: 13px;
	background-image: url(../images/subnavi.gif);
	background-repeat: repeat-x;
  }
  ul#subMenu a:link {
    color: #000000;
	height: 13px;
	background-image: url(../images/subnavi.gif);
	background-repeat: repeat-x;
  }
  ul#subMenu a:visited {  color: #fff;}
  ul#subMenu a:hover {	background-image: url(../images/subnavi_hover.gif);background-repeat: repeat-x;  }
  ul#subMenu a:active {  background-image: url(../images/subnavi_hover.gif);  color: white;   }

  
div#txtAni
{
    margin: 0 196px 0;
	padding: 0;
	width: 50px;
	height: 200px;
    /*border: 1px solid #000;*/
}
div .headline1
{
	/*border: 1px solid;*/
	margin-right: 125px;
	float: left;
	margin-top: 33px;
	padding-left: 273px;
	height:50px;
} 

div .headline1 .headline_gray {
    font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#C9C9C9;
}

div .headline1 .headline_dark_gray {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#818181;
}

div .headline1 .headline_gray a,a:visited,a:hover,a:active{
    font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#C9C9C9;
}

div .headline2
{
	width: 475px;
	height: 20px;
	padding-top: 5px;
	margin-right: 125px;
	float: right;
	background-image:url(../images/headline_background.gif);
	background-repeat:repeat-x;
}

div .headline3
{
	width: 475px;
	height: 20px;
	padding-top: 5px;
	background-image:url(../images/headline_background.gif);
	background-repeat:repeat-x;
} 

.subline
{	margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:100;
	margin-left: 15px;
	background-color:#fff;
	padding-left: 4px;
	padding-right: 4px;
	color: #9f9f9f;
}

div .content
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	color: #4f4f4f;
	margin-bottom: 15px;
	padding: 15px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}
div .content a
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #4f4f4f;
	margin-bottom: 15px;

}
img.contentImg {}
img.showcase { margin-bottom: 5px; margin-top: 5px;}
div .content .close {width: 455px; margin-bottom: 5px; float: right; text-align:right; margin: 0; padding-bottom:5px;}
div .content .projDescription {float: left; vertical-align:middle; margin-bottom: 10px;}
div .content .showcaseNavi { float: right; float: right; vertical-align:middle; margin: 0;}
div .content .projTxt { clear: both; color: #4f4f4f;}
div .content table { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #9f9f9f; width: 455px; }
div .content th { font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left: 3px;}
div .content tr { font-family: Arial, Helvetica, sans-serif; height: 100%; padding-left: 3px;}
div .content tr:hover { font-family: Arial, Helvetica, sans-serif; height: 100%; color: #9f9f9f; background-color:#fff;}
div .content td  {font-family: Arial, Helvetica, sans-serif; vertical-align:top;	padding-left: 3px; }

div .content .default
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;	
	padding: 10px 10px 10px 10px;
	width: 100%;
}

div .content th.default { font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left: 3px; background-color: #efefef}
div .content tr.default { font-family: Arial, Helvetica, sans-serif; height: 100%; padding-left: 3px; background-color: #efefef}


div .project_detail
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	color: #9f9f9f;
	margin-bottom: 15px;
	padding: 15px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}

div .project_detail a
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;

}

div .project_detail a:hover
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;
	text-decoration:underline;

}

a.project_detail_link, a.project_detail_link:visited, a.project_detail_link:link, a.project_detail_link:active
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;

}

a.project_detail_link:hover
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;
	text-decoration:underline;

}
div .project_detail .close {width: 455px; margin-bottom: 5px; float: right; text-align:right; margin: 0; padding-bottom:5px;}
div .project_detail .projDescription {float: left; vertical-align:middle; margin-bottom: 10px; color: #4f4f4f;}
div .project_detail .showcaseNavi { float: right; float: right; vertical-align:middle; margin: 0;}
div .project_detail .projTxt { clear: both; color: #4f4f4f;}
div .project_detail table { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #4f4f4f; width: 455px; }
div .project_detail th { font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left: 3px;}
div .project_detail tr { font-family: Arial, Helvetica, sans-serif; height: 100%; padding-left: 3px;}
div .project_detail td  {font-family: Arial, Helvetica, sans-serif; vertical-align:top;	padding-left: 3px; }

div#footer { width: 100%; height: 25px; background-image: url(../images/header.gif); background-repeat:repeat-x; clear: both; }
h2 {font-size: 11px; margin:0 0 5px 0; font-weight: 200;}

.show_image
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	color: #4f4f4f;
	margin-bottom: 15px;
	padding:10px;
}

div .contact
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 15px;
	letter-spacing: 0.05em;
	background-color: #efefef;
	color: #4f4f4f;
	margin-bottom: 15px;
	padding: 15px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}

div .contact .close {width: 455px; margin-bottom: 5px; float: right; text-align:right; margin: 0; padding-bottom:5px;}
div .contact .projDescription {float: left; vertical-align:middle; margin-bottom: 10px;}
div .contact .showcaseNavi { float: right; float: right; vertical-align:middle; margin: 0;}
div .contact table { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #9f9f9f; width: 590px; }
div .contact th { font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left: 3px;}
div .contact tr { font-family: Arial, Helvetica, sans-serif; height: 100%; padding-left: 3px;}
div .contact td  {font-family: Arial, Helvetica, sans-serif; vertical-align:top; height: 14px;padding-left: 3px; padding-bottom:10px; vertical-align:top;}

option {border-bottom: 1px solid #9f9f9f; height: 15px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3f3f3f;}
select {border: 1px solid #9f9f9f ;height: 18px; font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #3f3f3f; background-color:#fff;}
input{border: 1px solid #9f9f9f; height: 15px;font-size: 10px; font-family:Arial, Helvetica, sans-serif; color: #3f3f3f; background-color:#fff; padding-left:3px;}
textarea{width: 200px; border: 1px solid #9f9f9f; font-family:Arial, Helvetica, sans-serif; font-size: 10px;color: #3f3f3f; background-color:#fff;}
.button {background-color: #9f9f9f; color: #fff; font-size: 11px; height: 19px; border: 1px solid  #6f6f6f;	}

.error {
 font-family: arial, Verdana, Sans-serif;
 font-size: 12px;
 color: #FC7878;
 display: block;
 margin-bottom:5px;
}

div .kompetenzen
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	color: #9f9f9f;
	margin-bottom: 15px;
	padding: 15px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}

div .kompetenzen a
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #000000;
	margin-bottom: 15px;

}

div .kompetenzen a:hover
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #000000;
	margin-bottom: 15px;
	text-decoration:underline;

}

div .kompetenzen .close {width: 455px; margin-bottom: 5px; float: right; text-align:right; margin: 0; padding-bottom:5px;}
div .kompetenzen .projDescription {float: left; vertical-align:middle; margin-bottom: 10px; color: #4f4f4f;}
div .kompetenzen .showcaseNavi { float: right; float: right; vertical-align:middle; margin: 0;}
div .kompetenzen .projTxt { clear: both; color: #4f4f4f;}
div .kompetenzen table { font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #4f4f4f; width: 455px; }
div .kompetenzen th { font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left: 3px;}
div .kompetenzen tr { font-family: Arial, Helvetica, sans-serif; height: 100%; padding-left: 3px;}
div .kompetenzen td  {font-family: Arial, Helvetica, sans-serif; vertical-align:top;	padding-left: 3px; }

div .news_detail
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	color: #4f4f4f;
	padding: 10px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}

div .news_detail a
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #4f4f4f;
	margin-bottom: 15px;

}

div .news_detail a:hover
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;
	text-decoration:underline;

}

a.link_detail, a.link_detail:visited, a.link_detail:active{
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
}

a.link_detail:hover {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
	text-decoration:underline;
}


#default
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	padding: 10px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}

th#default { font-family: Arial, Helvetica, sans-serif; text-align:left; padding-left: 3px;}
tr#default { font-family: Arial, Helvetica, sans-serif; height: 100%; padding-left: 3px;}

a.link_headline_gray, a.link_headline_gray:visited, a.link_headline_gray:hover, a.link_headline_gray:active{
    font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#C9C9C9;
}

a.link_kompetenzen, a.link_kompetenzen:active, a.link_kompetenzen:visited
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #4f4f4f;
}

a.link_kompetenzen:hover
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #4f4f4f;
	text-decoration:underline;

}

a.project_detail_link, a.project_detail_link:visited, a.project_detail_link:active, a.project_detail_link:link
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;

}

a.project_detail_link:hover
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	color: #9f9f9f;
	margin-bottom: 15px;
	text-decoration:underline;

}

div .partner
{	
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 15px;
	letter-spacing: 0.05em;
	/*float: right; width: 455px;*/
	background-color: #efefef;
	color: #4f4f4f;
	margin-bottom: 15px;
	padding: 15px 10px 10px 10px;
	width: 100%;
	text-align:justify;
}

.partner_title {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
	font-weight:bold;
}

a.partner_title, a.partner_title:visited, a.partner_title:link, a.partner_title:active {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
	font-weight:bold;
}

a.partner_title:hover {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
	font-weight:bold;	
	text-decoration:underline;
}

a.partner_list, a.partner_list:visited, a.partner_list:link, a.partner_list:active {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
}

a.partner_list:hover {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #4f4f4f;
	text-decoration:underline;
}

.category_title {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4f4f4f;
	font-weight:bold;
	padding-bottom:5px;
}

.sub_category_list {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #4f4f4f;
	font-weight:bold;
	padding-bottom:10px;
}

.lower_link {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	margin-top:15px;

}

a.lower_link, a.lower_link:visited, a.lower_link:link, a.lower_link:active {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
}

a.lower_link:hover {
	font-family	:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-decoration:underline;
}