/*HACKS*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*** HTML BASIS CSS ***/

* {
  margin: 0;
  padding: 0;
}

html { height: 100%; }

body {
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #434343;
}

input,select,textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #434343;
}

a {
  color: #9f9f9f;
  text-decoration: none;
}

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

h1,h2,h3,h4,h5,h6 { font-size: 1em; }

img,fieldset { border: 0 none; }

legend { display: none; }

/*** TYPO3 KLASSEN ***/

.align-right   { text-align: right;   }
.align-center  { text-align: center;  }
.align-left    { text-align: left;    }
.align-justify { text-align: justify; }

/*** TYPO3 EXTENSIONS ***/

  /*** LIGHTBOX ***/
  
  #lbImageData #lbCaption {
    font-weight: normal;
  }

	/*** NEWS ***/
		
		#col1 .news-single-item h3 {
		  color: #00386E;
      
      border-top:1px dotted #B2B2B2;
			padding:28px 0 0 0;
			background:none;
      /*
			padding:25px 0 10px 17px;
			background:url(../img/h3.png) no-repeat left 29px;
			*/
		}

		
		#col1 .news-single-img {
			position: relative;
			
			
		}
		
		#col1 .news-single-singleimg {
		  float: left;
		  height: 180px;
		  display: block;
		  margin-right: 10px;
		  margin-bottom: 10px;
		}
		
		#col1 .news-single-singleimg p.news-single-imgcaption {
			position: absolute;
			top: 160px;
			
		}

		#col1 .news-single-content {
			margin: 10px 0 0 0;
		  clear: left;
		}

		#col1 .news-single-additional-info {
		  margin: 12px 0;
		}

		#col1 .news-list-title {
			float: left;
			margin-bottom: 8px;
		}	
		
		#col1 .news-list-subtitle {
			float: left;
			margin-left: 10px;
			margin-bottom: 8px;
		}	
		
		#col1 .news-list-title h3 a {
			color: #00386E;
			
		}
		
		#col1 .news-list-subheader {
			clear: both;
			margin-bottom: 20px;
		}
		
		#col1 .news-list-morelink a {
			
			color: #9f9f9f;
		}
		
		.news-latest-container {
			margin-bottom: 20px;
		}

	/*** SI MEDIA ***/
		
		#col1 {
		  opacity: 1;
		}
		
		.simedia_item_text {
			display: block;
		}
		
		.simedia_item_text #simedia_text_slide {
			height: 25px;
		}
		
		.simedia_item_text #simedia_text_slide .simedia_text {
			position: absolute;
			margin-top: -38px;
			margin-left: 100px;
			width: 470px;
			
		}
		
		.simedia_item_text #simedia_text_slide .simedia_text .simedia_content {
			text-transform: uppercase;
			font-weight: normal;
		}
		
		.simedia_item_text #simedia_text_slide .simedia_text .simedia_content h3 {
			color: #434343;
			background: none;
			padding: 0;
			margin-bottom: 0;
			margin: 0;
			text-transform: uppercase;
			font-weight: normal;
			display: block;
		}
		
		.simedia_item_text #simedia_text_slide .simedia_text .simedia_content p.subtitle {
			display: none;
			color: #9f9f9f;
			margin-bottom: 0;
		}
		
		.simedia_item_text #simedia_text_slide .simedia_text .simedia_content a {
			text-transform: none;
			font-weight: normal;
		}
		
		
		.simedia_item_image {
			display: block;

		}
		
		.simedia_item_image #simedia_image_slide {
			
			height: 400px;
		}
		
		.simedia_item_image #simedia_image_slide .simedia_image {
			position: relative;
		}
		
		
		.simedia_linkbox {
			
			border-top: 1px dotted #b2b2b2;
			border-bottom: 1px dotted #b2b2b2;
			height: 28px;
			text-align: center;
			padding-top: 8px;
			margin-top: 0px;
			margin-bottom: 0;
			z-index: 99;
		}
		
		.simedia_linkbox .simedia_linkopenimage {
			display: none;
			float: right;
			padding-left: 18px;
			background: url(../img/lupe.png) no-repeat left center;
		}
		
		.simedia_linkbox .simedia_linkchooseimage span {
		  margin-right: 12px;
		  cursor: pointer;
		  padding: 5px 8px 4px 8px;
		  font-weight: bold;
		  font-size: 14px;
		}

		.simedia_linkbox .simedia_linkchooseimage span.active {
		  color: #00386E;
		}
		
		.simedia_linkbox .simedia_linkchooseimage span.pause {
			background: url(../img/play.png) no-repeat;
			width: 30px;
			height: 26px;
			
		}
		
		.simedia_linkbox .simedia_linkchooseimage span.play {
			background: url(../img/pause.png) no-repeat;
			width: 30px;
			height: 26px;
			
		}
		
		
	/***
		RG GOOGLE MAP
			***/
			
			.tx-rggooglemap-pi1 {
				margin-bottom: 20px;
			}
			
			.tx-rggooglemap-pi1 #poi ul#poitab {
				display: none;
			}
			
			.tx-rggooglemap-pi1 #resultdiv {
				display: none;
			}
		
		
	/***
		LIGHTBOX
			***/
			
			#lbOuterImageContainer {
				padding: 40px 10px 0 10px;
				border-bottom: 1px solid black;
			}
			
			#lbImageContainer {
				border-top: 1px solid black;
				
			}
			
			#lbNumber {
				position: absolute;
				top: 12px;
				margin-left: 8px;
				font-weight: bold;
				font-size: 12px;
			}
			
			#bottomNav {
				position: absolute;
				top: 8px;
				margin-left: 760px;
				
			}
			
			#nextLink,
			#prevLink {
				margin-top: 20%;
				display: block;
			}
			
			#lbImageDataContainer  {
				padding: 0 10px;
			}
			
			#lbImageDetails {
				margin-top: 10px;
			}
			
			#lbCaption p {
				margin-bottom: 8px;
			}
		
/*** LAYOUT ***/

#container {
  position: relative;
  width: 990px;
  margin: 0 auto;
}

	/***
		HEADER 
			***/

	#header { height: 80px; }

	#header h1 {
	  position: absolute;
	  left: 20px;
	  top: 40px;
	  width: 150px;
	  height: 40px;
	  background: url(../img/header_h1.png);
	}

	#header h1 a {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 150px;
	  height: 40px;
	  font-size: 0;
	  text-indent: -999em;
	  overflow: hidden;
	}

/***
	CONTENT & SITEMETA
		***/
		
	/*** CONTENT ***/
	
		#content { 
			float: right;
			width: 800px;
			margin: 190px 0 10px 0; 
		}

		#col1 {
			display: inline;
			float: left;
			width: 570px;
			margin-right: 30px;
			padding: 14px 0 20px 0;
		  
		}

		#col1 h2 {
			border-top: 1px dotted #b2b2b2;

			padding: 25px 0 10px 0;
			margin-bottom: 12px;

			font-size: 1.4em;
			text-transform: none;
			color: #00386E;
		}

		#col1 h3 {
			background: url(../img/h3.png) no-repeat left 4px;
			padding-left: 17px;
			color: #00386E;
			text-transform: uppercase;
			
			
		}

		#col1 .csc-textpic-text {
			margin-bottom: 10px;
			padding-bottom: 20px;
			
		}

		#col2 {
			display: inline;
			float: left;
			width: 170px;
			font-size: 11px;
		}

		#col2 h2 {
			background: url(../img/col2_h3.png) 0px 4px no-repeat;
			padding-left: 20px;
			color: #00386E;
			text-transform: uppercase;
			font-size: 12px;
		}

		#col3 { clear: left; }

		#media {
			position: absolute;
			left: 10px;
			top: 80px;
			width: 590px;
			height: 160px;
		}


	/*** SITEMETA ***/
	
		#sitemeta {
			float: left;
			width: 185px;
			margin: 0;
			margin: 190px 0px 10px 5px; 
		}
		
		/*** MENU ***/
			
			#menu {
				position: absolute;
				top: 250px; 
				left: 190px;
				width: 590px;
			}
			
			#menu ul {
				list-stlye: none;
			}

			#menu ul li { 
				display: inline; 
			}

			#menu ul li span {
				display: none;
			}
			
			#menu ul li ul li {
				display: block; 
				float: left;
				margin-right: 20px;
			}
			
			#menu ul li ul li a {
				display: block;
				overflow: hidden;
				text-indent: -999em; 
			}
			
			#menu a:hover,
			#menu li.active a {
				/* background-position: 0px 20px; */
			}
			
			#menu ul li ul li.menu26 a {
				background: url(../img/menu_agentur.png) no-repeat left;
				width: 69px;
				height: 15px;
			}
			
			#menu ul li ul li.active26 a,
			#menu ul li ul li.menu26 a:hover {
				background: url(../img/menu_agentur_hover.png) no-repeat left;
				width: 69px;
				height: 15px;
			}
			
			#menu ul li ul li.menu27 a {
				background: url(../img/menu_kunden.png) no-repeat left;
				width: 60px;
				height: 15px;
			}
			
			#menu ul li ul li.active27 a,
			#menu ul li ul li.menu27 a:hover {
				background: url(../img/menu_kunden_hover.png) no-repeat left;
				width: 60px;
				height: 15px;
			}
			
			#menu ul li ul li.menu54 a {
				background: url(../img/menu_casestudies.png) no-repeat left;
				width: 102px;
				height: 15px;
			}
			
			#menu ul li ul li.active54 a,
			#menu ul li ul li.menu54 a:hover {
				background: url(../img/menu_casestudies_hover.png) no-repeat left;
				width: 102px;
				height: 15px;
			}
			
			#menu ul li ul li.menu29 a {
				background: url(../img/menu_arbeiten.png) no-repeat left;
				width: 72px;
				height: 15px;
			}
			
			#menu ul li ul li.active29 a,
			#menu ul li ul li.menu29 a:hover {
				background: url(../img/menu_arbeiten_hover.png) no-repeat left;
				width: 72px;
				height: 15px;
			}
			
			#menu ul li ul li.menu30 a {
				background: url(../img/menu_kontakt.png) no-repeat left;
				width: 66px;
				height: 15px;
			}
			
			#menu ul li ul li.active30 a,
			#menu ul li ul li.menu30 a:hover {
				background: url(../img/menu_kontakt_hover.png) no-repeat left;
				width: 66px;
				height: 15px;
			}
			
			#menu ul li ul li.menu31 a {
				background: url(../img/menu_jobs.png) no-repeat left;
				width: 38px;
				height: 15px;
			}
			
			#menu ul li ul li.active31 a,
			#menu ul li ul li.menu31 a:hover {
				background: url(../img/menu_jobs_hover.png) no-repeat left;
				width: 38px;
				height: 15px;
			}
			
			#menu ul li ul li.menu22 a {
				background: url(../img/menu_news.png) no-repeat left;
				width: 42px;
				height: 15px;
			}
			
			#menu ul li ul li.active22 a,
			#menu ul li ul li.menu22 a:hover {
				background: url(../img/menu_news_hover.png) no-repeat left;
				width: 42px;
				height: 15px;
			}
			
			
		
		/*** MENU2 ***/

			#menu2 {
				width: 164px;
			}

			#menu2 a {
				padding-left: 15px;
				color: #666666;
				text-transform: uppercase;
				display: block;
			}
			
			#menu2 li.second-child a {
				padding-left: 15px;
				color: #666666;
				text-transform:none;
				display: block;
			}			

			#menu2 ul {
				list-stlye: none;
			}

			#menu2 ul li { 
				display: inline; 
			}

			#menu2 ul li span {
				display: none;
			}

			#menu2 a:hover,
			#menu2 li.active a {
				color: #00386e;
				background: url(../img/list_active.png) 0px 2px no-repeat;
			}

			#menu2 ul li ul li ul li {
				display: block;
				margin-bottom: 7px;
			}
			#menu2 ul li {display:block; padding-bottom:8px}
		
		/*** SITELINKS ***/

			#sitelinks {
				position: absolute;
				right: 35px;
				top: 15px;
				width: 500px;
			}

			#sitelinks ul {
				list-style: none;
				
			}
			#sitelinks ul li { 
				display: inline; 
			}

			#sitelinks ul li span {
				display: none;
			}

			#sitelinks ul li ul li {
				display: block;
				float: right;
				height: 10px;
				padding-left: 20px;
				margin-left: 20px;
				background: url(../img/list.png) no-repeat left;
			}


			#sitelinks ul li ul li:hover {
				background: url(../img/list_active.png) no-repeat left;
			}

			#sitelinks ul li ul li a {
				display: block;
				overflow: hidden;
				text-indent: -999em;
			}

			
			
			#sitelinks ul li ul li.menu44 a {
				background: url(../img/sitelinks_kundenlogin.png) no-repeat left 1px;
				width: 85px;
				height: 10px;
			}
			
			#sitelinks ul li ul li.active44 a,
			#sitelinks ul li ul li.menu44 a:hover {
				background: url(../img/sitelinks_kundenlogin_hover.png) no-repeat left 1px;
			}
			
			#sitelinks ul li ul li.menu56 a {
				background: url(../img/sitelinks_links_partner.png) no-repeat left 1px;
				width: 85px;
				height: 10px;
			}
			
			#sitelinks ul li ul li.active56 a,
			#sitelinks ul li ul li.menu56 a:hover {
				background: url(../img/sitelinks_links_partner_hover.png) no-repeat left 1px;
			}
			
			#sitelinks ul li ul li.menu21 a {
				background: url(../img/sitelinks_news.png) no-repeat left 1px;
				width: 30px;
				height: 10px;
			}
			
			#sitelinks ul li ul li.active21 a,
			#sitelinks ul li ul li.menu21 a:hover {
				background: url(../img/sitelinks_news_hover.png) no-repeat left 1px;
			}

/***
	FOOTER
		***/
		
		#footer {
			clear: both;
			margin-left: 190px;
			padding-bottom: 30px;
		}
		
		#footer address {
			font-style: normal;
		}

#jump { display: none; }

.csc-sitemap {padding-left:20px;}
.csc-sitemap  li {padding-left:20px;}
.csc-sitemap  li a:hover {color:#00386e}