@charset "UTF-8";
/* CSS Document */
/* The Braid UG (haftungsbeschraenkt)  */
/* mediaism  */
/* Holstenstrasse 22 */
/* 24103 Kiel */
/* author: Bjoern Diekert / Germany / Kiel */
/* e-mail: diekert@the-braid.de */
/* Datum / Date (Day.Month.Year): 07.08.12 */

/*----------------------------------------------
	Font-Settings
------------------------------------------------*/

@font-face{
	font-family:"Eurostile W01 Regular";
	src:url("../fonts/bdeb0954-a29d-41df-bd63-b1eb58201b11.eot?iefix") format("eot");
}
@font-face{
	font-family:"Eurostile W01 Regular";
	src:url("../fonts/bdeb0954-a29d-41df-bd63-b1eb58201b11.eot?iefix");
	src:url("../fonts/889bdee1-8c94-46f0-9aa3-18470143c3ff.woff") format("woff"),url("../fonts/595cfe27-f15d-4a60-a589-c727a09e2bd8.ttf") format("truetype"),url("../fonts/115a20aa-c3ab-447c-9f2e-84bf6399a707.svg#115a20aa-c3ab-447c-9f2e-84bf6399a707") format("svg");
}

@font-face{
	font-family:"Eurostile W01 Bold";
	src:url("../fonts/6d228214-6287-48d1-a0d9-eca054e54ad7.eot?iefix") format("eot");
}

@font-face{
	font-family:"Eurostile W01 Bold";
	src:url("../fonts/6d228214-6287-48d1-a0d9-eca054e54ad7.eot?iefix");
	src:url("../fonts/4b5e0094-4fa5-40c0-813c-f8ac69e53416.woff") format("woff"),url("../fonts/1571bf47-258a-49c3-8452-02dcde85b19c.ttf") format("truetype"),url("../fonts/cc13952f-a6fa-44e9-9d52-d4783ef7a348.svg#cc13952f-a6fa-44e9-9d52-d4783ef7a348") format("svg");
}

@font-face{
	font-family:"Eurostile W01 Extended";
	src:url("../fonts/de8a6028-82fc-440e-b4e9-50728c6bebfc.eot?iefix") format("eot");
}

@font-face{
	font-family:"Eurostile W01 Extended";
	src:url("../fonts/de8a6028-82fc-440e-b4e9-50728c6bebfc.eot?iefix");
	src:url("../fonts/987a5fd3-b8f9-4bef-a4ea-3b69090af0d8.woff") format("woff"),url("../fonts/80cfd118-a53e-4a30-8058-e1bcac905350.ttf") format("truetype"),url("../fonts/87fb67bc-b9d9-4cc2-9c6c-c17577c73d5b.svg#87fb67bc-b9d9-4cc2-9c6c-c17577c73d5b") format("svg");
}

@font-face{
	font-family:"EurostileW01-ExtendedBl";
	src:url("../fonts/f40ba8d1-59bd-49d3-b16b-34b0f4e3e6c5.eot?iefix") format("eot");
}
@font-face{
	font-family:"EurostileW01-ExtendedBl";
	src:url("../fonts/f40ba8d1-59bd-49d3-b16b-34b0f4e3e6c5.eot?iefix");
	src:url("../fonts/4f245aa0-2d93-4ae0-9c00-80d034d49b99.woff") format("woff"),url("../fonts/02b349c7-9a49-449d-ba39-8e4001e2355d.ttf") format("truetype"),url("../fonts/dc96ba66-d16f-40aa-9e51-ab854c227c71.svg#dc96ba66-d16f-40aa-9e51-ab854c227c71") format("svg");
}

@font-face{
	font-family:"Indy Italic W01";
	src:url("../fonts/6bdd3423-2d46-4252-931b-8ce5807e1f51.eot?iefix") format("eot");
}
@font-face{
	font-family:"Indy Italic W01";
	src:url("../fonts/6bdd3423-2d46-4252-931b-8ce5807e1f51.eot?iefix");
	src:url("../fonts/79e274be-5c96-444d-aaa4-a836d992533c.woff") format("woff"),url("../fonts/a1920e23-67aa-4e8c-a045-b7f4f24c6b59.ttf") format("truetype"),url("../fonts/c092bad6-cbf7-4b1f-b5e3-ef4a3363763f.svg#c092bad6-cbf7-4b1f-b5e3-ef4a3363763f") format("svg");
}


/*----------------------------------------------
	General Settings
------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, hr, blockquote, pre, form, fieldset, img, table, th, td {
	border: none;
	margin: 0;
	padding: 0;
}

body {
    background: rgb(255,255,255);
	color: rgb(0,0,0);

	font-family: "Eurostile W01 Regular", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; /* if you change this, please change margins */
	margin: 0;
	padding: 0;
}

blockquote {
	font-style: italic;
	padding: 0;
	margin: 0px 25px 18px 25px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 130%;
}

hr {
	border-top: 1px solid rgb(0,0,0);
}

ul, ol {
	margin: 0 0 18px 45px; /* Margin-Left: 20px + 25px indention */
}

/*----------------------------------------------
	Combo-Clases
------------------------------------------------*/

h1, h2, h3, h4, h5, h6, hr, p {
	margin: 0 0 18px 0;
}

/*----------------------------------------------
	Tabellen-Styling
------------------------------------------------*/

table {
	margin: 0 0 18px 0; /* General Lineheight = Margin Bottom */
	border-collapse: collapse;
	text-align: left;
}

	th {
		color: rgb(0,0,0);
		font-size: 120%;
		border-bottom: 2px solid rgb(0,0,0);
	}

	td {
		color: rgb(0,0,0);
		vertical-align: top;
		padding: 3px 0;
		width: 200px;
	}

/*----------------------------------------------
	General Class Settings
------------------------------------------------*/

img.left {
   float: left;
   margin: 0 18px 18px 0;
}

img.right {
	float: right;
	margin: 0 0 18px 18px;
}

.hide {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/*----------------------------------------------
	Clear Settings
------------------------------------------------*/

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

	* + html .clear { /* IE7 */
	    display: inline-block;
	}

	* html .clear { /* IE6 */
	    height: 1%;
	}

/*----------------------------------------------
	Box-Settings
------------------------------------------------*/

#wrapper {
	height: 500px;
	left: 50%;
	margin: -250px 0 0 -575px;
	position: absolute;
	top: 50%;
	width: 1150px;
}

	#logo {
		height: 60px;
		margin: 0 0 0 0;
		width: 1150px;
	}

		#logo_wrapper {
			background: url('../img/logo.jpg') no-repeat right;
			height: 60px;
			margin: 0 auto;
			width: 1150px;
		}

	#space {
		height: 25px;
		width: 1150px;
	}

	#content {
		height: 300px;
		margin: 0 0 30px 0;
		width: 1150px;
	}

		#bildbox_1 {
			float: left;
			height: 300px;
			margin: 0 10px 0 0;
			width: 215px;
		}

		#bildbox_2 {
			float: left;
			height: 300px;
			margin: 0 10px 0 0;
			width: 400px;
		}

		#textbox {
			float: left;
			height: 300px;
			margin: 0 10px 0 0;
			width: 280px;
		}

			#textbox h3 {
				color: rgb(131,131,131);
				font-family:"Eurostile W01 Extended";
				font-size: 13px;
				padding: 10px 0 0 0;
				text-transform: uppercase;
			}

			#textbox p {
				color: rgb(131,131,131);
				font-family:"Eurostile W01 Regular";
				font-size: 13px;
				margin: 0;
			}

			.special_text {
				color: rgb(131,131,131);
				display: block;
				font-family:"Indy Italic W01";
				font-size: 20px;
				margin: 20px 0;
				text-align: center;
				-moz-transform:rotate(-5deg); /* Firefox 3.6 Firefox 4 */
				-webkit-transform:rotate(-5deg); /* Safari */
				-o-transform:rotate(-5deg); /* Opera */
				-ms-transform:rotate(-5deg); /* IE9 */
				transform:rotate(-5deg); /* W3C */
			}

		#bildbox_3 {
			float: left;
			height: 300px;
			margin: 0;
			width: 215px;
		}

		#videobox {
			float: left;
			margin: 0 10px 0 0;
			height: 300px;
			width: 500px;
		}

		#video_bildbox {
			float: left;
			height: 300px;
			width: 640px;
		}

		#ueberuns_bildbox_1 {
			float: left;
			height: 300px;
			margin: 0 10px 0 0;
			width: 620px;
		}

		#ueberuns_bildbox_2 {
			float: left;
			height: 300px;
			width: 230px;
		}

		#haftungsausschluss {
			color: rgb(131,131,131);
			font-family:"Eurostile W01 Regular";
			float: left;
			height: 300px;
			margin: 0 50px 0 0;
			overflow: scroll;
			width: 720px;
		}

			#haftungsausschluss h3 {
				color: rgb(131,131,131);
				font-family:"Eurostile W01 Extended";
			}

		#kontakt {
			font-family:"Eurostile W01 Regular";
			float: left;
			height: 300px;
			width: 700px;
		}

			#message {
				position:absolute;
				margin:0;
				padding:0;
			}

				.error_message {
					display:block;
					line-height:22px;
					background:#FBE3E4 url(../img/error.jpg) no-repeat 10px 6px;
					color:#8a1f11;
					border:1px solid #FBC2C4;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					border-radius:5px;
					-webkit-box-shadow:0 3px 5px #444;
					-moz-box-shadow:0 3px 5px #444;
					box-shadow:0 3px 5px #444;
					width:400px;
					padding:3px 10px 3px 35px;
				}

				ul.error_messages {
					list-style:circle!important;
					margin:0 0 0 15px !important;
					padding:0;
				}

				ul.error_messages li {
					height:22px;
					line-height:22px;
					color:#333;
				}


			.formbox {
				display: block;
				margin: 0 0 8px 0;
			}

				.formbox label {
					float: left;
					width: 100px;
				}

				.formbox input {
					float: right;
					width: 170px;
				}

				.pflicht {
					color: rgb(14,165,59);
				}

				.formbox:after {
				    content: ".";
				    display: block;
				    height: 0;
				    clear: both;
				    visibility: hidden;
				}

					* + html .formbox { /* IE7 */
					    display: inline-block;
					}

					* html .formbox { /* IE6 */
					    height: 1%;
					}

			#spalte_1 {
				float: left;
				height: 300px;
				width: 280px;
			}

				#rueckruf {
					margin: 0 0 10px 0;
					width: 280px;
				}

					#rueckruf_inner {
						display: block;
						float: left;
						margin: 0 0 0 105px;
						width: 170px,
					}

						#rueckruf p {
							margin: 0 0 5px 0;
						}

						#rueckruf .radio {
							float: left;
							margin: 0 15px 0 0;
						}



		#spalte_wrapper {
			float: left;
			margin: 0 0 0 30px;
		}

			#spalte_2,
			#spalte_3 {
				float: left;
				height: 300px;
				width: 150px;
			}

			#spalte_2 {
				margin: 0 30px 0 0;
			}

				.checkbox {
					display: block;
					margin: 0 0 5px 0;
				}

					.checkbox input {
						margin: 0 5px 0 0;
					}

				#submit {
					border: 1px solid rgb(180,180,180);
					border-radius: 5px;
					color: rgb(100,100,100);
					cursor: pointer;
					font-family:"Eurostile W01 Regular";
					font-size: 15px;
					margin: 15px 0 0 0;
					padding: 5px 10px;

					background: rgb(226,226,226);
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
					background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
					background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
				}

				#submit:hover {
					color: rgb(0,0,0);
					border-color: rgb(100,100,100);
				}


		#kontakt_right {
			color: rgb(131,131,131);
			font-family:"Eurostile W01 Regular";
			font-size: 13px;
			float: left;
			margin: 0 0 0 105px;
			text-align: right;
			padding: 15px 0 0 0;
			width: 250px;
		}

			#kontakt_right h3 {
				font-family:"Eurostile W01 Extended";
				font-size: 13px;
			}

			.kontakt_box {
				float: right;
				height: 45px;
				margin: 5px 0;
				width: 250px;
			}

				.kontakt_bild {
					float: right;
					height: 45px;
					width: 45px;
				}

				.kontakt_text {
					display: block;
					float: right;
					font-size: 12px;
					line-height: 130%;
					margin: 0 20px 0 0;
					text-align: right;
				}

				.kontakt_text p strong {
					font-size: 13px;
					margin: 0 0 5px 0;
				}

		#google_maps {
			float: right;
			height: 300px;
			width: 70px;
		}

		#planung_wrapper {
			height: 300px;
			position: relative;
			width: 1150px;
		}

			#planung {
				background: url('../../planung.jpg') 0 0 no-repeat;
				height: 280px;
				position: absolute;
				top: 10px;
				width: 1150px;
			}

			#zeichnung {
				background: url('../../zeichnung.jpg');
				background-position: -100px 10px;
				border-right: 5px solid rgb(30,168,57);
				height: 300px;
				left: 100px;
				position: absolute;
				width: 100px;
			}

			#text1 {
				color: rgb(255,255,255);
				font-family:"Eurostile W01 Regular";
				font-size: 40px;
				left: 250px;
				position: absolute;
				top: 240px;
			}

			#text2 {
				color: rgb(255,255,255);
				font-family:"Eurostile W01 Regular";
				font-size: 40px;
				left: 300px;
				position: absolute;
				top: 240px;
			}

			#text3 {
				color: rgb(255,255,255);
				font-family:"Eurostile W01 Regular";
				font-size: 40px;
				left: 340px;
				position: absolute;
				top: 240px;
			}

			#text1 strong,
			#text2 strong,
			#text3 strong {
				font-family:"Eurostile W01 Bold";
			}



		#impressum {
			color: rgb(131,131,131);
			font-family:"Eurostile W01 Regular";
			font-size: 13px;
			float: left;
			text-align: right;
			width: 280px;
		}

			#impressum h3,
			#impressum strong {
				font-family:"Eurostile W01 Extended";
				font-size: 13px;
			}

			#impressum a,
			#kontakt_right a {
				color: rgb(131,131,131);
				text-decoration: none;
			}

			#impressum a:hover,
			#kontakt_right a:hover {
				text-decoration: underline;
			}


	#nav {
		height: 70px;
		width: 1150px;
	}

		#nav_inner {
			height: 70px;
		}

			.acive a {
				border-bottom: 2px solid rgb(30,168,57);
			}

			#main_nav {
				font-family:"Eurostile W01 Extended";
				font-size: 12px;
				text-align: center;
			}

				#main_nav ul {
					list-style: none;
					margin: 0;
				}

					#main_nav ul li {
						color: rgb(130,130,130);
						display: inline;
					}

						#main_nav ul li a {
							border-bottom: 0px solid rgb(30,168,57);
							color: rgb(130,130,130);
							text-decoration: none;
							text-transform: uppercase;
						}

			#sub_nav {
				font-family:"Eurostile W01 Extended";
				font-size: 12px;
				margin: 0 0 5px 0;
				text-align: center;
			}

				#sub_nav ul {
					list-style: none;
					margin: 0;
				}

					#sub_nav ul li {
						color: rgb(130,130,130);
						display: inline;
					}

						#sub_nav ul li a {
							border-bottom: 0px solid rgb(30,168,57);
							color: rgb(130,130,130);
							text-decoration: none;
							text-transform: uppercase;
						}

	#social {
		bottom: 0;
		height: 30px;
		position: absolute;
		width: 1150px;
	}

		#social_inner {
			height: 30px;
			margin: 0 auto;
			width: 570px;
		}

			#galabau {
				background: url('../img/button_galabau.jpg') no-repeat 0px -60px;
				float: left;
				height: 30px;
				width: 91px;
			}

			#galabau_color {
				background: url('../img/button_galabau.jpg') no-repeat;
				height: 30px;
				opacity: 0;
				width: 91px;
			}

			#fb {
				background: url('../img/button_faceboook.jpg') no-repeat 0px -60px;
				float: left;
				height: 30px;
				margin: 0 0 0 15px;
				width: 91px;
			}

			#fb_color {
				background: url('../img/button_faceboook.jpg') no-repeat;
				height: 30px;
				opacity: 0;
				width: 91px;
			}

			#copyright {
				color: rgb(160,160,160);
				font-family:"Eurostile W01 Extended";
				font-size: 9px;
				float: left;
				line-height: 50px;
				margin: 0 0 0 10px;
				text-transform: uppercase;
			}

/*----------------------------------------------
	IE-Fixes
------------------------------------------------*/