﻿@CHARSET "UTF-8";

/**
 *
	Farbschema:
	Text:				#333333;
	Link (gold):			#c2b08f;
	
	h1_bg (blau):		#000555;
	h1_bg (gold):		#c2b08f;

 *
 */

* {
	margin: 0;
	padding: 0;
}

/* Scrollbar soll immer erscheinen */
html {
	overflow-y: scroll;
}
html[xmlns] {
	overflow-y: scroll;
	height: 100%;
	padding-bottom: 0.005em;
}

body {
	text-decoration: none;
	text-align:left;
	color: #333333;
	font: 12px Arial,Verdana,Helvetica,sans-serif;
	line-height: 17px;
	background: #eee;
}
p {
	margin-bottom:12px;
}

a {
	outline:0;
	text-decoration: none;
	color:#000;
}
ul {
	margin:0 0 12px 35px;
	list-style:square;
}
.akustikbuero-subpages-arbeitsfelder #mainContentBox ul li {
	margin-bottom:12px;
}

img {
	border:0;
}
h1 {
	margin:10px 0 5px 0;
	font-size:12pt;
	font-weight:bold;
}
h1#pageHeader {
	color:#0044FF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16pt;
	font-style:normal;
	font-weight:bold;
	margin:0;
}
#akustikbuero-page-3 h1#pageHeader {
	display:none;
}

h2 {
	margin:10px 0 10px 0;
	font-size:11pt;
	font-weight:bold;
}
h3 {
	margin:0 0 3px 0;
	font-size:11pt;
	font-weight:bold;
}


/* general layout BEGIN*/
#stage {
	float:left;
	width:775px;
	padding-right:5px;
	background: #fff;
}
#navigationArea {
	float:left;
	width:185px;
	padding-bottom:50px;
}
#logoContainer {
	float:left;
	width:120px;
	height:120px;
	margin:15px 0 30px 0;
}
#languageMenuBox {
	clear:both;
	float:left;
	width:165px;
	margin-bottom:10px;
	padding-left:20px;
}

#mainArea {
	float:left;
	width:585px;
}
#headerImage {
	position:relative;
	width:585px;
	height:45px;
	margin-bottom:10px;
}
#headerImage img {
	position:absolute;
	top:5px;
	right:3px;
}

#breadcrumbContainer {
	width:580px;
	height:20px;
	margin-bottom:25px;
	padding-left:5px;
	font-size:10px;
	
}
#pageHeaderContainer {
	width:580px;
	padding-bottom:20px;
	padding-left:5px;
}
#contentContainer {
	clear:both;
	float:left;
	width:575px;
	padding:5px;
	background:#fff;
}
#additionalContentBox {
	float:left;
	width:180px;
	margin:0 20px 10px 0;
}
#mainContentBox {
	float:left;
	width:375px;
}
#akustikbuero-page-6 #additionalContentBox {	/* Seite Anfahrt */
	display:none;
}
#akustikbuero-page-6 #mainContentBox {	/* Seite Anfahrt */
	width:575px;
}

#footerContainer {
	position:relative;
	float:left;
	clear:both;
	width:400px;
	height:30px;
	margin-top:20px;
	padding:0 90px;
}
#footerBox {
	width:400px;
	padding:5px 0;
	font-size:10px;
	text-align:center;
	border-top:1px solid #ccc;
}


/*******************************/
/********** Navigation **********/
/*******************************/
.primNavBox {
	clear:both;
	float:left;
	width:175px;
	margin:0 0 23px 0;
	list-style:none;
	border-top:1px solid #ccc;
	
}
.primNavBox li {
	clear:both;
	float:left;
	width:175px;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.primNavBox li.firstLevel a {
	display:block;
	width:155px;
	height:20px;
	padding:3px 0 0 20px;
	font-weight:normal;
	color:#333333;
	/*background: url(../images_layout/miniarrow.gif) no-repeat 5px 2px;*/
}
.primNavBox li.firstLevel a:hover,
.primNavBox li.firstLevel.active {
	background: #eee url(../images_layout/miniarrow.gif) no-repeat 5px 2px;
	font-weight:bold;
}
.primNavBox li.firstLevel.active a {
	font-weight:bold;
}

.primNavBox li ul {
	list-style:none;
	margin:0;
}
.primNavBox li ul li.secondLevel {
	clear:both;
	float:left;
	width:175px;
	border-bottom:0px solid #ccc;
	text-align:left;
}
.primNavBox li.active ul li.secondLevel a {
	width:145px;
	font-weight:normal;
	padding:3px 0 0 30px;
	color:#333333;
	/*background: url(../images_layout/miniarrow.gif) no-repeat 15px 2px;*/
}

.primNavBox li ul li.secondLevel a:hover,
.primNavBox li ul li.secondLevel.active a {
	background: #eee url(../images_layout/miniarrow.gif) no-repeat 15px 2px;
	font-weight:bold;
}


#terNavContainer a{
	font-size:10px;
	color:#666;
}

.csc-menu {
	clear:both;
	float:left;
	width:374px;
	margin:30px 0 0 0;
	list-style:none;
}
#akustikbuero-page-3 .csc-menu {
	margin:0 0 20px 0;
}
.csc-menu li {
	float:left;
	width:187px;
}
.csc-menu li a {
	display:block;
	width:167px;
	height:20px;
	padding:3px 0 0 20px;
	background: url(../images_layout/miniarrow.gif) no-repeat 5px 2px;
	color:#0044FF;
	font-weight:bold;
	text-decoration:underline;
}
.csc-menu li a:hover {
	background-color:#D0E8FF;
	color:#4488FF;
}




/**************************/
/********** Links **********/
/*************************/
a.external-link,
a.external-link-new-window,
a.internal-link,
a.internal-link-new-window,
a.mail,
a.download,
.sitemap a {
	color:#0044FF;
	font-weight:bold;
	text-decoration:underline;
}
a.external-link:hover,
a.external-link-new-window:hover,
a.internal-link:hover,
a.internal-link-new-window:hover,
a.mail:hover,
a.download:hover,
.sitemap a:hover {
	background-color:#D0E8FF;
	color:#4488FF;
}


/***********************************/
/********** Kontaktformular **********/
/***********************************/
.akustikbueroFormular {
	float:left;
	clear:both;
	margin:10px 0 30px 0;
}
.akustikbueroFormular  fieldset{
	clear:both;
	border:0 none;
	margin-bottom:30px;
	padding:0;
}

input,
select,
textarea {
	font: 12px Arial,Verdana,Helvetica,sans-serif;
}
.formRow {
	float:left;
	clear:both;
	width:360px;
	margin-bottom:10px;
}
.nomargin {
	margin:0px!important;
}
.submitRow {
	position:relative;
	float:left;
	clear:both;
}
.submitRow p {
	white-space:nowrap;
	font-size:10px;
	color:#999;
}

.formItem {
	float:left;
	position:relative;
}
.formItem label {
	float:left;
	display:block;
	width:80px;
	margin-bottom:3px;
	padding:0;
}
.formItem a {
	display:inline;
}
.inputText,
.inputNumber,
.inputShortText,
.inputTextArea {
	border:1px solid #999;
	padding:5px;
	
}
.inputText {
	width:268px;
}
.inputNumber {
	margin-right:10px;
	width:47px;
}
.inputShortText {
	width:225px;
}

.inputTextArea {
	height:130px;
	overflow:auto;
	width:348px;
}
.inputCheckbox {
	float:left;
	clear:both;
	margin:0 5px 5px 0;
	vertical-align:middle;
}
.labelCheckbox {
	display:inline!important;
	width:auto!important;
}
.inputRadio {
	float:left;
	clear:both;
	margin:0 5px 5px 0;
	vertical-align:middle;
}
.labelRadio {
	display:inline!important;
	width:auto!important;
}

.btn-akustikbuero {
	height:23px;
	padding:0 5px;
	float:none;
	border:0;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	background:#0044FF;
	text-transform:uppercase;
}
.btn-akustikbuero:hover {
}
.akustikbueroFormular .errorMessageBox {
	clear:both;
	float:left;
}
.akustikbueroFormular .error {
	display:block;
	color:#f71800;
	padding:3px 0 3px 80px;
}
.textAreaItem .error{
	
}


/****************************/
/********** Sitemap **********/
/****************************/
.sitemap ul {
	list-style:square;
}
.sitemap ul li ul {
	margin:0 0 5px 15px;
}


/*******************************/
/********** Teaser Box **********/
/*******************************/
#teaserContentBox {
	float:left;
	clear:both;
	width:548px;
	margin:20px 5px;
	padding:0px 10px 10px 10px;
	border:1px solid #0044FF;
	background:#D0E8FF;
}
#teaserContentBox h1,
#teaserContentBox h1 a {
	color: #0044FF;
	margin-bottom:10px;
}
#teaserContentBox .csc-textpic-image {
	margin:0;
}
#teaserContentBox .csc-textpic-text p {
	margin:0;
}


/********************************/
/********** Google Maps **********/
/********************************/
#gmnoprint {
	width:300px;
}
.tx_lumogooglemaps_pi1_infobox img {float:left;margin:3px 10px 0 0;}
#gmapDirSaddr {
	width:271px;
	padding:2px 0;
	border:1px solid #ccc;
	font-size:10px;
	color: #0044FF;
	font: 12px arial, verdana, sans-serif;
}
#gmapDirFrom,
#gmapDirTo {
	padding-top:10px;
}
#gmapDirFrom p,
#gmapDirTo p{
	margin-bottom:5px;
}
#gmapDirButtonFrom,
#gmapDirButtonTo {
	width:175px;
	height: 20px;
	padding:0 0 2px 0;
	border:1px solid #000;
	background:#ebebeb;
	color:#000;
	font: 12px arial, verdana, sans-serif;
	cursor:pointer;
}
/* googlemaps END */


/*********************************/
/********** Neo Fileshare **********/
/*********************************/
.tx-neofileshare-pi2 {

}
.tx-neofileshare-pi2-searchbox {
	display:none;
}
.tx-neofileshare-pi2 .browseBoxWrap {
	display:none;
}
.tx-neofileshare-pi2 table {
	width:100%;
}
.tx-neofileshare-pi2 table tr td {
	font-weight:normal;
	background:#f6f6f6;
	padding:5px;
	vertical-align:top;
}
.tx-neofileshare-pi2 table tr.tx-neofileshare-pi2-listrow-odd td {
	background:#e6e6e6;
}

.tx-neofileshare-pi2 table tr td a {
	color:#0044FF;
	font-weight:bold;
	text-decoration:underline;
}

tr.tx-neofileshare-pi2-listrow-header td {
	font-weight:bold!important;
	background:#333333!important;
	text-decoration:underline;
	color:#fff;
	padding:5px;
}
tr.tx-neofileshare-pi2-listrow-header td a {
	color:#fff!important;
	font-weight:bold!important;
	text-decoration:none!important;
}
.tx-neofileshare-pi2 table tr td p {
	margin:0;
}





/***********************************/
/********** cssstyledcontent **********/
/***********************************/
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 1px solid #ccc;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; !padding-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }
	










