@charset "utf-8";
/* CSS Document css copyright by info-art */

/*****************************/
/*         Farbschema        */
/*****************************/

/* schwarz: #000000
/* dunkelgrau: #333333
/* mittelgrau: #666666
/* hellgrau: #CCCCCC   hellgrau+: #E2E2E2   hellgrau++: #F3F3F3

/* logorot: #CC3300
/* dunkelrot: #BC3013
/* linkrot: #C33213
/* footertextrot: #401109

/* komplementär
/* dunkelgrünblau: #008062
/* türkisgrün: #00CC9D  türkisgrün+: #C1FFF1  türkisgrün+: #E6FFFA

*/

hr {
color:#ccc;
border-top:1px solid #ccc;
border-bottom:none;
}

input, textarea {
border:1px solid #333;
}

h4 {
	font-size: 11px !important;
}

a {
	color: #333333;
}

body {
	font: 11px/1.1  Arial, Verdana, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	width: inherit;
	background-image: url(/layout/body-bg.png);
	background-repeat: repeat-x;
	background-color:#E7E7E7;
}
.clear {
clear:both;
}
.sear {
padding:5px;
}

/*****************************/
/*         Hauptbereiche     */
/*****************************/

/*         Header     */
#header {width:940px; margin-right:auto; margin-left:auto; position: relative; z-index: 1;}
	#topnav {width:940px; height:84px;}
		#logo {float:left;margin-top:15px;}
		#topnavigation {
			padding-top:30px;
			text-align:right;
		}
		#topnavigation a{
			text-decoration: none;
			color: #666666;
		}
		#topnavigation a:hover{
			text-decoration: underline;
			color: #000000;
		}
	#hauptnav {width:940px;height:40px;background-image: url(/layout/navbarhg.jpg);}
		#hauptnavigation {
			height:40px; float:left;
		}
		#hauptnavigation ul {
			height:40px;
			margin:0;
			padding: 0;
		}
		#hauptnavigation ul li{
	color:#FFFFFF;
	float:left;
	font-size:12px;
	list-style-type:none;
	padding-right:25px;
	padding-left:25px;
	padding-top:2px;
	text-transform:uppercase;
	height:38px;
	line-height:35px;
	font-weight: bold;
		}
		#hauptnavigation ul li:hover {
			/*background: url(/layout/hauptnavigation-hover.jpg) repeat-x !important;
			font-weight: bold;*/
			text-decoration: underline;
		}
		#hauptnavigation ul li.hauptnavigations-border {
			background: url(/layout/hauptnavigation-trenner.jpg) no-repeat scroll left 0;
		}
		#hauptnavigation ul li a{
			color: #ffffff;
			text-decoration: none;
		}
		
		#suche {
			height:40px;
			float:left;
			background: url("/layout/suche-hintergrund.jpg") no-repeat scroll 0 8px transparent;
		}
		#suche input{
			border: 0px none;
			background: transparent;
			margin-left:5px;
			margin-top:11px;
			width:175px;
			color: #ffffff;
		}

/*         Maincontent     */
#main {width:940px; margin-right:auto; margin-left:auto;position: relative; z-index: 1;}
	#left {width:220px; float:left;}
	#left #partner h3{background: url("/layout/sidebar-header.png") no-repeat scroll 0 0 transparent;height: 25px; color: #ffffff;padding-left:10px;line-height:24px; font-size: 12px !important;}
    	#aktuell {color: #666;}
    	#aktuell h3{
			color: #862413;
		}
		#jobs {background:url("/layout/kleine-spalte.gif") repeat-y scroll 0 0 transparent;		margin-bottom:15px;margin-top:25px;}
		#jobtabs {
			left:5px;
			position:relative;
		}
		#jobtabs div{
			float:left;
			background:url("/layout/tab-left.jpg") repeat-x scroll 0 0 transparent;
			padding:4px 0 6px 10px;
			margin-right: 5px;
			cursor: pointer;
			max-width: 70px;
		}
		#jobtabs div.active-tab{
			float:left;
			background:url("/layout/tab-active.gif") repeat-x scroll 0 0 transparent;
			padding:4px 0 6px 10px;
			margin-right: 5px;
			height:10px;
			position: relative;
			z-index:100;
			overflow:hidden;
		}
		#jobtabs div img{
			float:right;
			margin-top:-4px;
			width: 7px;
		}
		
	
		
		
        #partner {background:url("/layout/kleine-spalte.gif") repeat-y scroll 0 0 transparent;margin-bottom:15px;}
        #partner p {padding: 15px;}
	#jobangebote {
		clear: left;
		background:url("/layout/kleine-spalte.gif") repeat-y scroll 0 0 transparent;
		position:relative;
		top:-12px;
		border-top: 1px solid #cccccc;
		padding:10px;

	}
		#jobangebote .tabbig {
			visibility: hidden;
			height:0px;
		}
		#jobangebote .tabbig p{
			margin: 0;
			padding: 0;
		}
		#jobangebote .active {
			height:100%;
			visibility: visible;
		}
		#jobangebote .active p{
			margin: 5px;
			padding: 5px;
		}
					
		
    #contentarea{width:700px; float:right;margin-bottom:10px;}
    	#breadcrumb {margin-top:15px; margin-bottom:10px; height:15px;}
        #keyvisual {margin-bottom:15px;}
        #maincontent {width:460px; float:left;}
		        #maincontent p{
				color:#666;
				font-size: 12px; line-height: 1.2;
				}
        #maincontent h1{
			font-size: 13px; margin-bottom:15px; padding-left:10px;
		}
		#maincontenthg {
			background: url('/layout/main-content.gif') repeat-y;
		}
			.maincontenthg-top {
				background: url('/layout/main-content-top.gif') no-repeat;
				height: 7px;
			}
			.maincontenthg-bottom {
				background: url('/layout/main-content-bottom.gif') no-repeat;
				height: 7px;
			}
			#kontext {width:220px;float:right;}
			#kontext h4{background: url("/layout/sidebar-header.png") no-repeat scroll 0 0 transparent;height: 25px; color: #ffffff;padding-left:10px;line-height:24px;}
			#kontext div p{padding:0px; padding-left:10px; padding-top: 4px; padding-bottom: 4px; padding-right:10px; margin-top:0px; color: #666;}
            #in-arbeit {background:url("/layout/kleine-spalte.gif") repeat-y scroll 0 0 transparent;margin-bottom:15px;}
        	#projekte {background:url("/layout/kleine-spalte.gif") repeat-y scroll 0 0 transparent;margin-bottom:15px;}
        	#neue-referenzen {background:url("/layout/kleine-spalte.gif") repeat-y scroll 0 0 transparent;margin-bottom:15px;}
			.kontext-bottom {
				background: url("/layout/linke-spalte-bottom.gif") no-repeat;	
				width: 220px;
				height: 7px;
				margin-top:-15px;
			}
			.inhalt {
				padding: 15px;
				padding-top: 5px;
				border-bottom: 1px dashed #eaeaea;
				margin-bottom:30px;
			}
			.inhalt p{
				line-height:13px;
			} 
			.inhalt img{
				float: left;
				margin-right: 5px;
				margin-bottom:50px;
				padding: 1px;
				border: 1px solid #cccccc;
			}
						.inhalt .noborder{
						float: none;
						margin-right: 5px;
						margin-bottom:20px;
						padding-top: 10px;
						border: 0px solid #cccccc;
						}
			.inhalt h2{
				color: #666666;
				font-size: 12px; 
			}
/*         Footer     */               	
#footer {width:940px; height:160px; margin-right:auto; margin-left:auto;background-image: url(/layout/footer-hg.jpg);color:#FFFFFF;margin-bottom:10px;}
    .footerbox {width:215px;margin-left:10px;margin-right:10px;float:left;}
	#footer a {color: #fff !important; text-decoration: none}
	#footer a:hover {color: #3F1107; text-decoration: underline}
	#footer a:visited {color: #61190B; text-decoration: none}
/*         subfooter     */  
#subfooter {
	width:100%;
	background-color: #696969;
	padding-top:10px;
}
#subfooterlogo {float: left;}
#footerinfos {text-align: right; color: #ffffff;}
#footerinfos a{color: #ffffff; text-decoration: none;}
#footerinfos #pictures, #footerinfos #pictures a{
	color:#aaa;
	font-size:10px;
	margin-top:15px;
}
#subfootercontent {width:920px; margin-right:auto; margin-left:auto;font-size:10px;}


/*         mehrfach verwendete Klassen     */  
.aktuellcontainer {
	background: url("/layout/kleine-spalte.gif") repeat-y;	
}
	.aktuellcontainer-top {
		background: url("/layout/linke-spalte-top.gif") no-repeat;	
		width: 220px;
		height: 7px;
	}
	.aktuellcontainer-bottom {
		background: url("/layout/linke-spalte-bottom.gif") no-repeat;	
		width: 220px;
		height: 7px;
		margin-top:-15px;
	}
	.aktuellinfo { border-bottom: 1px dashed #eaeaea;padding:5px;margin-bottom: 10px;} /*       Snippet aktuell */     
	.aktuellinfo img{float:left;border: 1px solid #eaeaea;padding: 1px;margin-right:5px;margin-bottom:25px;} 
	.aktuellinfo h4{margin: 0px;color: #666666;} 
	.aktuellinfo a {color:#C33213;text-decoration: none;background-image: url(/layout/linkbg-aktuell.gif);background-repeat: no-repeat;padding-left:10px;} 
	/* .aktuellinfo a:link {color:#C33213;text-decoration: none;background-image: url(/layout/linkbg-aktuell.gif);background-repeat: no-repeat;padding-left:10px;}*/
	.aktuellinfo a:visited {color:#C33213;text-decoration: none;background-image: url(/layout/linkbg-aktuell.gif);background-repeat: no-repeat;padding-left:10px;}
	.aktuellinfo a:hover {color:#DC4D2F;text-decoration: underline;background-image: url(/layout/linkbg-aktuell-over.gif);background-repeat: no-repeat;padding-left:10px;}
	.aktuellinfo a:active {color:#DC4D2F;text-decoration: none;background-image: url(/layout/linkbg-aktuell-over.gif);background-repeat: no-repeat;padding-left:10px;}
	.aktuellinfo a:focus {color:#DC4D2F;text-decoration: none;background-image: url(/layout/linkbg-aktuell-over.gif);background-repeat: no-repeat;padding-left:10px;}
	.button {
		float:right;
		background:url("/layout/button.png") no-repeat scroll 0 0 #D13515;
		height:16px;
		line-height:15px;
		padding-left:10px;
	}
	.button a {
		text-decoration: none;
		color: #ffffff;
	}
	.button img{
		float:right;
		border: 0px none;
		position:relative;
		top:-1px;
		margin-right:-1px;
		padding-left:6px;
	}
/*         navigation     */
#hauptnav
    	#hauptnavlinks {width:4px;float:left;}
  		#hauptnavigation {width:732px;}
		#suche {width:200px;float:left;}
        #hauptnavrechts {width:4px;float:right;}

		
.menuelinks {
    margin-top: 40px;
    position: relative;
    width: 220px;
	font-size: 12px;
}
		
		.menuelinks ul li {
		border-top:1px solid #ccc;
		list-style: none outside none;
		margin-left: -40px;
		padding: 10px;
		width: 197px;
		border-bottom:none;
		background:transparent;
		}
		.menuelinks li:hover {
		background-color:#ccc;
		}
		
			.menuelinks ul li a {
			padding-left: 20px;
			}
			.menuelinks ul li img {
			padding-left:5px;
			}
		
				.bottom {
				border-bottom:1px solid #ccc !important;
				}
					.aktiv {
					background-color:#FFF !important;
					font-weight:bold;
					}
 /* Gallery Styling */
 .gallery .image-title,
 .gallery .image-description,
 .gallery .image-author,
 .gallery .image-link {
     display:none;
 }

 .gallery
 {
     width: 100%;
	 text-align: center;
     margin-left: auto;
     margin-right: auto;
     padding: none;
 }


 .gallery ul.images
 {
     list-style-type: none;
     border: none;
     padding: none;
 }


 .gallery ul.images li.image
 {
     display: inline;
     line-height: 0;
 }


 .gallery ul.images li.image a
 {
     text-decoration: none;
     color: inherit;
     cursor: pointer;
     margin: 14px;
     display: inline-block;
     background: white;
     padding: 3px;
     border:1px solid #AAAAAA;
	 line-height: 0;
     -webkit-border-radius: 4px 4px;
     -moz-border-radius: 4px 4px;
     border-radius: 4px 4px;
     -moz-box-shadow: 0px 0px 8px #AAA;
     -webkit-box-shadow: 0px 0px 8px #AAA;
     box-shadow: 0px 0px 8px #AAA;
     -webkit-transition: -webkit-box-shadow 0.1s ease-out;
     -moz-transition: -webkit-box-shadow 0.1s ease-out;
     -o-transition: -webkit-box-shadow 0.1s ease-out;
     transition: -webkit-box-shadow 0.1s ease-out;
 }


 .gallery ul.images li.image a img
 {
     border: none;
     padding: none;
     -webkit-border-radius: 4px 4px;
     -moz-border-radius: 4px 4px;
     border-radius: 4px 4px;
 }


 .gallery ul.images li.image a:hover
 {
     -moz-box-shadow: 0px 0px 8px #222;
     -webkit-box-shadow: 0px 0px 8px #222;
     box-shadow: 0px 0px 8px #222;
	 border:1px solid red;
 }