@charset "utf-8";
/* CSS Document */

/******************************/
/* Defaults/Tags              */
/******************************/
body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 100.1%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.06em;
	text-align: left;
	color: #000;
	margin: 0;
	padding: 0;
	overflow: auto;
	overflow-y: scroll;
	background-color: #fff;
}
body * {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

/******************************/
/* Classes                    */
/******************************/
.cleaner {
	clear: both;
	display: block;
	height: 5px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
#body .fleft {
	float: left;
}
#body .fright {
	float: right;
}
#body .cleft {
	clear: left;
}
#body .cright {
	clear: right;
}
#body .cboth {
	clear: both;
}
#body .whalf {
	width: 50%;
}
#body .pt {
	padding-top: 1em;
}
#body .mt {
	margin-top: 1em;
}

/******************************/
/* Layout                     */
/******************************/

/* Page */
.center #wrapper {
	position: absolute;
	display: block;
	left: 50%;
	margin: 0 0 0 -450px;
	padding: 0;
	background-color: transparent;
}

#outer_page {
	position: absolute;
	display: block;
	width: 900px;
	background-color: transparent;
	/*background: transparent url(../pix/background.jpg) 0 0 no-repeat;*/
}

#page {
	display: block;
	width: 860px;
	/*min-height: 300px;*/
	margin: 0 0 0 40px;
	padding: 0;
	font-size: 0.82em;
	background-color: transparent;
	/*border: 1px solid #3D1F35;*/
}

/* Header */
#head {
	display: block;
	width: 860px;
	height: 90px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	/*background: transparent url(../pix/logo_buttons_dots.png) 0 0 no-repeat;*/
	/*z-index: 50;*/
}
#logo {
	position: absolute;
	left: 56px;
	top: 10px;
	display: block;
	width: 410px;
	height: 75px;
	margin: 0;
	padding: 0;
	z-index: 50;
}
#logo a {
	display: block;
	width: 410px;
	height: 75px;
	margin: 0;
	padding: 0;
	background: transparent url(../pix/logo.png) 0 -0px no-repeat;
}
#logo a:hover {
	/*background: transparent url(../pix/logo_buttons.png) -150px -300px no-repeat;*/
}
#logo span {
	display: none;
}
#vogel {
	position: absolute;
	right: 0;
	top: 20px;
	display: block;
	width: 115px;
	height: 115px;
	margin: 0;
	padding: 0;
	background: transparent url(../pix/logo.png) -730px -10px no-repeat;
}
#vogel span {
	display: none;
}

/* Body */
#body {
	display: block;
	width: 820px;
	margin: 0 40px 0 0;
	padding: 0;
	background-color: transparent;
}
#body .main {
	display: block;
	height: 50px;
	font-weight: bold;
	font-size: 1em;
	margin: 1px 0 0 0;
	padding: 0;
	background-color: #ccc;
}
#body .main a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 2.75em;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 15px;
	color: #fff;
	background-color: transparent;
	outline: none;
}
#body .sel a,
#body .main a:hover {
	outline: none;
	color: #ddd;
}
#body .main.unternehmen {
	background-color: #96bf0d;
}
#body .main.dienstleistungen {
	background-color: #009036;
}
#body .main.referenzen {
	background-color: #0e71b4;
}
#body .main.wissenswert {
	background-color: #004862;
}
#body .main.kontakt {
	background-color: #505050;
}

#body .unternehmen * {
	border-color: #96bf0d;
}
#body .dienstleistungen * {
	border-color: #009036;
}
#body .referenzen * {
	border-color: #0e71b4;
}
#body .wissenswert * {
	border-color: #004862;
}
#body .kontakt * {
	border-color: #505050;
}

#body .inner_content a {
	text-decoration: none;
}
#body .inner_content a:hover {
	text-decoration: underline;
}
#body .unternehmen .inner_content a {
	color: #96bf0d;
}
#body .dienstleistungen .inner_content a {
	color: #009036;
}
#body .referenzen .inner_content a {
	color: #0e71b4;
}
#body .wissenswert .inner_content a {
	color: #004862;
}
#body .kontakt .inner_content a {
	color: #505050;
}

#body a:hover img {
	border-color: #4F4E4F;
}


/*
#nav ul li a span {
	float: left;
	display: block;
	height: 20px;
	text-align: left;
	padding: 0 0 0 12px;
}
#nav ul li a span span {
	padding: 0;
}
#nav .orchester a span {
	width: 65px;
	background: transparent url(../pix/navigation_a.png) 6px -3px no-repeat;
}
#nav .orchester.sel a span,
#nav .orchester a:hover span {
	background: transparent url(../pix/navigation_a.png) 6px -33px no-repeat;
}
#nav span span {
	position: absolute;
	left: -9000px;
}
#nav li a {
	background: transparent url(../pix/navigation_a.png) -3px -544px no-repeat;
}
#nav .first a {
	background: none;
}
*/

#body .subnav {
	float: left;
	display: block;
	width: 160px;
	margin: 0;
	background-color: transparent;
}
#body .subnav ul {
	display: block;
	margin: 1px 0 0 0;
	padding: 0;
	background-color: transparent;
}
#body .subnav ul li {
	display: block;
	/*height: 29px;*/
	line-height: 29px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-bottom: 1px solid #000;
}
#body .subnav ul li a {
	display: block;
	/*height: 29px;*/
	line-height: 24px;
	font-size: 1.53em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background-color: transparent;
	margin: 0;
	padding: 2px 0 3px 15px;
	outline: none;
}
#body .subnav ul li a:hover,
#body .subnav ul .sel a {
	color: #fff;
	background-color: #ccc;
}
#body .unternehmen .subnav ul li a:hover,
#body .unternehmen .subnav ul .sel a {
	background-color: #96bf0d;
}
#body .dienstleistungen .subnav ul li a:hover,
#body .dienstleistungen .subnav ul .sel a {
	background-color: #009036;
}
#body .referenzen .subnav ul li a:hover,
#body .referenzen .subnav ul .sel a {
	background-color: #0e71b4;
}
#body .wissenswert .subnav ul li a:hover,
#body .wissenswert .subnav ul .sel a {
	background-color: #004862;
}
#body .kontakt .subnav ul li a:hover,
#body .kontakt .subnav ul .sel a {
	background-color: #505050;
}

a[rel^=lightbox] img {
	cursor: url(/pix/magnifier.cur), pointer;
}

/*
#subnav .ensemble a {
	width: 60px;
	background: transparent url(../pix/navigation_a.png) -256px -3px no-repeat;
}
#subnav .ensemble.sel a,
#subnav .ensemble a:hover {
	background: transparent url(../pix/navigation_a.png) -255px -33px no-repeat;
}
#subnav li {
	background: transparent url(../pix/navigation_a.png) -255px -1263px no-repeat;
}
#subnav a span {
	position: absolute;
	left: -9000px;
}
#subnav .first {
	padding-left: 0;
	background: none;
}
#subnav .first a {
	padding-left: 0;
}
*/


/******************************/
/* Content                    */
/******************************/
.content {
	display: none;
	margin: 0;
	padding: 0 0 1.5em 0;
	background-color: transparent;
}
.content.js,
.content.sel {
	display: block;
}
.content .inner_content {
	float: left;
	display: block;
	width: 600px;
	margin: 20px 20px 0 0;
	padding: 0 0 0 40px;
	font-size: 1.22em;
	background-color: transparent;
}

.outer_content {
	display: block;
	font-size: 1.22em;
	margin: 0;
	padding: 0 15px 0 15px;
	background-color: transparent;
}


.content .inner_content .left_box {
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
	/*background: transparent url(../pix/boxen_bg.png) -1216px -1px no-repeat;*/
}
.content .inner_content .right_box {
	float: left;
	width: 300px;
	margin: 0 0 0 20px;
	padding: 0;
	/*background: transparent url(../pix/boxen_bg.png) -1216px -1px no-repeat;*/
}
.content .inner_content h2 {
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.content .inner_content h3 {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.content .inner_content h4 {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.content .inner_content p {
	font-size: 1em;
	font-style: normal;
	margin: 0;
	padding: 0 0 1em 0;
}
.content .inner_content ul {
	font-size: 1em;
	margin: 0 0 1em 1em;
	padding: 0;
}



a.pdf {
	padding-left: 20px;
	background: url(../pix/icons/pdf.gif);
	background-repeat: no-repeat;
}
a.zip {
	padding-left: 20px;
	background: url(../pix/icons/zip.gif);
	background-repeat: no-repeat;
}



/****************/
/* Formular     */
/****************/
.contact_form {
	display: block;
	width: 475px;
	color: #505050;
	/*border: 1px solid #666666;*/
	margin: 0;
	padding: 10px 1px 5px 5px;
}

form .error {
	display: inline;
}
form th {
	width: 145px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}
form label {
	color: #000;
	margin: 0;
	padding: 2px;
	font-weight: normal;
}
form input,
form textarea {
	color: #000;
	border: 2px solid #999;
	margin: 1px 0 2px 0;
	padding: 2px;
	width: 290px;
	font-size: 0.85em;
}
form input:focus,
form textarea:focus {
	background-color: #F0F0F0;
	border-color: #333;
}
form input[type=radio],
form input[type=checkbox]{
	border: 0;
	width: 1em;
}
* html form input[type=radio],
* html form input[type=checkbox]{
	border: none;
}
*+html form input[type=radio],
*+html form input[type=checkbox]{
	border: none;
}
form input[type=button],
form input[type=submit]{
	width: auto;
}
form input[type=image]{
	border-color: #fff;
}

form .ff_50 {
	width: 139px;
	margin-right: 4px;
}
form .ff_20 {
	width: 55px;
	margin-right: 4px;
}
form .ff_80 {
	width: 223px;
	margin-right: 4px;
}
form .ff_30 {
	width: 83px;
	margin-right: 4px;
}
form .ff_70 {
	width: 195px;
	margin-right: 4px;
}

form fieldset {
	margin: 0;
}

.content .inner_content .form_info {
	width: 475px;
	border: 2px dotted #FF6600;
	padding: 0.5em;
	margin-right: 0.35em;
	font-weight: normal;
	font-size: 0.85em;
}

.content .inner_content .form_info .error {
	width: 475px;
	margin-right: 0.35em;
	font-weight: bold;
	color: #FF6600;
}
.content .inner_content .form_info .error span {
	font-weight: normal;
	color: #505050;
}

.cbox .radio,
.cbox .checkbox {
	float: left;
	display: block;
	clear: left;
	margin: 0 0 0.5em 0;
}
.cbox label {
	float: left;
	display: block;
	width: 350px;
	margin: 0 0 0.5em 25px;
}
.friends_form .cbox label {
	float: left;
	display: block;
	width: 370px;
	margin: 0 0 0.5em 10px;
}
.friends_form .cbox label span {
	float: left;
	display: block;
	width: 180px;
}


.play {
	position: relative;
}
.play span {
	position: absolute;
	display: block;
	width: 136px;
	height: 136px;
	top: -155px;
	left: 110px;
	background: transparent url(../pix/play.png) 0 0 no-repeat;
}
.play:hover span {
	background: transparent url(../pix/play.png) 0 -133px no-repeat;
}


/* Adress-Footer */
#foot {
	width: 820px;
	margin: 1em 0 0 0;
	padding: 0;
	border-top: 1px solid #4F4E4F;
}
#foot .adress {
	margin: 0.5em 0 0 0;
	padding: 0;
}
#foot .adress a {
	color: #000;
	text-decoration: none;
}
#foot .adress a:hover {
	color: #4f4f4f;
	text-decoration: underline;
}

.content.json_request {
	background-color: #CCCCCC;
	background: transparent url(/pix/indicator_blue_small.gif) 475px 50px no-repeat;
}
.content.json_request * {
	/*display: none;*/
}


/* Glow */
#body .glow {
	position: relative;
}
#body .glow img {
}
#body .glow span {
	position: absolute;
	top: 230px;
	left: 170px;
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(/pix/glow.png) -0px 0 no-repeat;
}


/* Newsticker */
#newsticker {
	display: none;
	margin: 0;
	padding: 0;
}
#newsticker li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#newsticker li a {
}
#ticker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0 0 4px 0;
	padding: 10px 0 0 0;
	color: #4f4f4f;
	font-weight: bold;
	width: 820px;
	cursor: default;
	border-top: 1px solid black;
}
#ticker.link {
	cursor: pointer;
}


#body .reflist {
	margin: 0;
	padding: 0;
}
#body .reflist li {
	clear: left;
	list-style-type: none;
	margin: 0;
	padding: 1em 0 0 0;
}
#body .reflist li .image {
	float: left;
	width: 240px;
}
#body .reflist li .text {
	float: left;
	width: 355px;
	height: 125px;
}
#body .reflist li .link {
	float: left;
	width: 355px;
}

/* arcordion */
.arcordion {
}
.arcordion .toggler {
	cursor: pointer;
}
.arcordion .content {
	padding-bottom: 1em;
}

/* spinner */
.spinner {
	display: none;
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(../pix/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: -12px auto 0 auto;
	position: absolute;
	top: 50%;
}