@charset "UTF-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666;
}

a {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
}
a:link {
	color: #000;
	text-decoration: none;
	
}
a:visited {
	color: #000;
	
}
a:hover {
	text-decoration: underline;
}

div.background {
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 1636px;
	height: 1468px;
	float: none;
}


/* TEXT CLASSES */
.Text {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	text-align: left;
}
.Text.Intro {
	font-size: 31px;
	line-height: 40px;
}	
.Text.Sound {
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	vertical-align: top;
	line-height: 12px;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #FFF;
	padding-top: 2px;
}
.Text.Comment {
	color: #FFF;
}
.Text.Comment:hover {
	text-decoration: underline;
}
.Text.Files {
	font-size: 13px;
	line-height: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.Text.Stufe_1 {
	font-size: 16px;
	line-height: 24px;
}
.Text.Titel {
	padding-top: 5px;
	font-size: 25px;
	vertical-align: baseline;
	line-height: 28px;
	text-transform: uppercase;
}
.Text.Hometitle {
	font-size: 31px;
	vertical-align: baseline;
	line-height: 40px;
	text-transform: uppercase;
}
.Text.small {
	font-size: 11px;
	line-height: 12px;
}
.Text.sub, a.Text.sub {
	color: #666;
}
.Text.Subtitel {
	font-size: 14px;
	line-height: 22px;
	text-decoration: underline;
	text-transform: uppercase;
}
.Text.Titel_Projete {
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding-top: 5px;
}
.Text.small_Projekte {
	color: #666;
	font-size: 12px;
	line-height: 12px;
	padding-top: 3px;
}

.Bild.Rahmen {
	background-color: #FFF;
	border: thin solid #eaeaea;
}
.Bild.Rahmen:hover {
	border-color:#CCC;
}

/* FORMULAR */

.Text.Form {
	color: #666;
	font-size: 11px;
	line-height: 13px;
	vertical-align: middle;
}
.Text.Form.App {
	vertical-align: top;
	padding-top: 5px;
}
.Text.Form.Field {
	background-color: #FFF;
	height: 23px;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 1px;
	border: thin solid #eaeaea;
}
.Text.Filter {
	font-size: 11px;
	line-height: 20px;
	padding-right: 6px;
	text-align: right;
}
.Text.Form.Filter {
	background-color: #FFF;
	/*background: url(../images/formbtn.gif) no-repeat 0 0;*/
	overflow: hidden;
	height: 18px;
	padding: 1px 1px 1px 5px;
	border: thin solid #eaeaea;
	vertical-align: middle;
	margin-bottom: 3px;
	width: 120px;
	text-align: left;
	max-width: 120px !important;
}
.Text.Form.Checkbox {
	background-color: #FFF;
	margin-top: 2px;
	border: thin solid #eaeaea;
}
.select-list {
    position: relative;
	float:left;
	width:auto;
}
.Text.Form.Select {
    border: none;
    padding: 4px 20px 3px 5px;
    margin: 0;
    outline: none; /* remove focus ring from Webkit */
    line-height: 1.2;
	background: url(../images/formbtn.gif) no-repeat 0 0;
    -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 0px;
	color: #000;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	box-shadow: 1px 1px 4px #999;
}
.select-list select:focus {
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	box-shadow: 1px 1px 4px #999;
}
/* Select arrow styling */
.select-list:after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 10px;
    color: #666;
    pointer-events: none;
    padding: 2px 5px;
}
.Text.Form.Radio {
	background-color: #FFF;
	border: thin solid #eaeaea;
}
.Text.Form.Field.Login {
	border: none;
	width: 103px;
}
.Text.Form.Field.App {
	width: 360px;
}
.Text.Form.Field.App2 {
	width: 360px;
	height: 46px;
}
.Text.Form.Field.Description {
	width: 98%;
	height: 100px;
}
.Text.Form.Field.Textarea {
	width: 98%;
	height: 43px;
}
.Text.Form.Title {
	color: #000;
	text-decoration: underline;	
}
.Text.Form.Button {
	font-size: 9px;
	color: #000;
	cursor: pointer;
	border: none;
	text-align: center;
	text-transform: uppercase;
}
.Text.Form.Button.Back {
	font-size: 9px;
	color: #000;
	cursor: pointer;
	border: none;
	text-align: center;
}
.Text.Form.Button.Blau:hover {
	background-position: 0 -26px;
	text-decoration: underline;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}
.Text.Form.Button.delete {
	display: block;
 	width: 70px;
	color: #FFF;
	padding-bottom: 2px;
	padding-top: 3px;
	background-position: 0 -52px;
	background-color: #000;
}
.Text.Form.Button.delete:hover {
	text-decoration: underline;
	color: #5bc7c7;
}

.Text.Form.Button.Back {
	font-size: 10px;
	background-color: #FFF;
	background: none;
	padding: 15px 15px 0 15px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.Text.Form.Button.Blau {
	font-size: 10px;
	background: url(../images/formbtn.gif) no-repeat 0 0;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	padding-top: 5px;
}
select.Text.Form.Field {
	border-radius: 0;
	-webkit-appearance: none;
	background-color: #FFF;
	height: 30px;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 1px;
	margin-left: 2px;
	border: thin solid #eaeaea;
}
.Text.Form.Button.Checklist {
	font-size: 10px;
	background: url(../images/checkliste.gif) no-repeat 0 0;
	padding-left: 20px;
	padding-top: 3px;
	height: 16px;
	vertical-align: middle;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}
.Text.Form.Button.Checklist:hover {
	background-position: 0 -16px;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	text-decoration: underline;
}

.Text.Form.Button.Login {
	border: thin solid #666;
	background-color: transparent;
	height: 25px;
	width: 109px;
	text-align: center;
	padding-top: 5px;
}
a.Text.Form {
	font-size: 9px;
}
.Total {
	text-align: right;
	padding: 3px 10px 0 0;
	font-size: 11px;
	text-transform: uppercase;
}

div.login {
	margin-top: 14px;
	margin-left: 28px;	
}

#file_upload {
	font-size: 10px;
	background: url(../images/formbtn.gif) no-repeat 0 0;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	padding-top: 5px;
	color: #000;
	cursor: pointer;
	border: none;
	text-align: center;
	text-transform: uppercase;
	border-color: #CCC;
	line-height: 13px;
	vertical-align: middle;
	margin: 1px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}

#file_upload:hover, #file_upload.hover {
	background-position: 0 -26px;
	text-decoration: underline;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}

#other_file_upload {
	font-size: 10px;
	background: url(../images/formbtn.gif) no-repeat 0 0;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
	padding-top: 5px;
	color: #000;
	cursor: pointer;
	border: none;
	text-align: center;
	text-transform: uppercase;
	border-color: #CCC;
	line-height: 13px;
	vertical-align: middle;
	margin: 1px;
	padding-right: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
}

#other_file_upload:hover {
	background-position: 0 -26px;
	text-decoration: underline;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}

#checklist {
    position: absolute;
	background-image: url(../images/checklist_background.gif);
	background-size: cover;
	background-position: top right;
    width: 282px;
    height: 713px;
	top: 45px;
	left: -500px;
	padding-left: 19px;
	padding-right: 18px;
	padding-top: 25px;
	padding-bottom: 28px;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}

#comments {
    position: absolute;
	background-color: #000;
	background-image: url(../images/comment_background.gif);
	background-repeat: no-repeat;
    width: 255px;
	min-height: 253px;
	top: 390px;
	left: -300px;
	padding-left: 19px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 28px;
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1px 1px 4px #999;
}

/* END formular */

/* HOME SECTION */
div.box.Home {
	width: 110px;
	padding-top: 20px;
	padding-bottom: 89px;
	padding-left: 25px;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/* LOGO SECTION */
.LightLogo {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 40px;
	text-align: left;
	vertical-align: top;
}
.HeavyLogo {
	font-family: "Avenir LT W02 85 Heavy", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 40px;
}
.sloganLogo {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 10px;
	padding-top: 2px;
}
div.logo {
	color: #000;
	font-size: 40px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	width: 350px;
}
/* END LOGO SECTION */



/* LANGUAGE SECTION */
div.containerLang {
	position: absolute;
	right: 10px;
	top: 20px;
	height: 13px;
	margin: 0px;
}	
.schatten {
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
}
/* END LANGUAGE SECTION */





/* SEARCH SECTION */
div.searchContainer {
	height: 39px;
	float: left;
}	
div.search {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	width: 208;
	height: 39px;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 880px;
	padding-right: 15px;
	background-color: #FFF;
	

}	

div.searchRight {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	width: 230px;
	height: 39px;
	margin: 141px 0px 0px 25px;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
	background-color: #FFF;
	padding-right: 15px;

}	
div.searchProjekt {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	width: 208px;
	height: 39px;
	margin: 0px 0px 0px 25px;
	background-color: #FFF;

	position: absolute;
	left: 820px;
	top: 125px;

}	
.searchField {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	border: 1px solid #eaeaea;
	height: 25px;
	width: 154px;
	margin-top: 5px;
	margin-left: 5px;
	padding-right: 3px;
	padding-left: 3px;

}
.searchButton {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	margin-left: 10px;
	text-transform: uppercase;

}
a.searchButton:hover {
	text-decoration: underline;
	
}

/* END SEARCH SECTION */




/* MAINCAPSULE SECTION */
div.maincapsule{
	float: left;
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	inherit: none;
	
}	
/* END MAINCAPSULE SECTION */
div.Rahmen{
	/*width: 1400px;*/
	width: 100%;
}	


div.rightContentContainer {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 20px;
	margin-left: 1px;
	float: left;


}	
div.box {
	font-family: "Avenir LT W02 35 Light", Helvetica, Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	margin-top: 5px;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
	background-color: #FFF;
	padding: 16px;
	margin-left: 5px;

	
}
div.box.Bild {
	width: 370px;
}
div.box.Klein {
	width: 150px;
}
div.box.Stufe_1 {
	width: 178px;
	padding-top: 300px;
}
div.box.Stufe_2 {
	width: 116px;
	padding-top: 118px;
	margin-top: 420px;
}
div.box.uploads, div.box.steps {
	width: 255px;
	padding-top: 25px;
	margin-top: 70px;
}
div.box.uploads {
	/*width: auto;*/
	min-width: 255px;
}
div.box.Stufe_Sounds {
	width: 273px;
	margin-top: 28px;
}
div.box.Stufe_thumbs {
	width: 281px;
	padding-left: 8px;
	padding-bottom: 9px;
}
div.box.Stufe_thumbs.first {
	width: 281px;
	padding-left: 8px;
	padding-bottom: 9px;
	margin-top: 28px;
}
div.box.Stufe_video {
	width: 348px;
}
div.box.Stufe_video.first {
	width: 348px;
	margin-top: 28px;
}
div.box.Stufe_files {
	width: 337px;
	float: right;
}


/* CONTENT SECTION */
div.contentContainer{
	margin-left: 292px;
	padding-top: 40px;
	float: left;
	text-align: left;
	vertical-align: top;
}	
div.content {
	background-color: #FFF;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}	
div.content.Home {
	width: 561px;
}
div.content.stufe_1 {
	min-width: 561px;
	max-width: 650px;
}
div.content.stufe_2 {
	min-width: 770px;
	max-width: 880px;
}
div.content.stufe_3 {
	min-width: 465px;
	max-width: 550px;
}

div.person {
	width:182px;
	height:215px;
	line-height:15px;
	float:left;
	font-size:11px;
}
img.board_img {
	margin-bottom:15px;
}
img.board_prop_img {
	margin-right:30px;
	margin-bottom:140px;
}
img.showroom {
	margin-left: 7px;
	margin-bottom: 7px;	
}
div.showroom {
	width: 100px;
	height: 75px;
	margin: 0 10px;
	background-size:cover;
	background-position:50% 50%;
}

#macREC, #macREC a, #macREC a:hover, #macREC a:visited, #macREC a:active {
	font-size:10px;
	text-decoration:none;
	color:#BBB;
}
#macREC a:hover {
	text-decoration:none;
	color:#666;
}


/* END CONTENT SECTION */







/* NAVIGATION CONTAINER SECTION */
div.navigation {
	position: absolute;
	left: 0px;
	top: 173px;
	width: 221px;
	margin: 0px;
	color: #000;
	font-size: 14px;
	padding: 0px;	
}	
/* END NAVIGATION CONTAINER SECTION */

/* SUBNAVIGATION CONTAINER SECTION */
div.subnavigation {
	font-family: "Avenir LT W02 35 Light", Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	position: absolute;
	left: 0px;
	top: 292px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	line-height: 19px;
	text-transform: uppercase;	
	max-width: 270px;
}
input.subnavigation {
	font-family: "Avenir LT W02 35 Light", Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 13px;
	padding: 0;
	line-height: 19px;
	border: none;
	background: none;
	cursor: pointer;
	text-transform: uppercase;
}
a.subnavigation {
	color: #000;
	text-decoration: none;
}
a.subnavigation.active, input.subnavigation.active {
	color: #000;
	text-decoration: underline;
}
a.subnavigation:hover, input.subnavigation:hover {
	color: #000;
	text-decoration: underline;
}
input.numeric, input.total {
	text-align: right;
	padding-right: 5px;
}

.Subnavigation {
	text-transform: uppercase;
}
/* END SUBNAVIGATION CONTAINER SECTION */


/* NAVIGATION BUTTONS SECTION */
div.navBtn {
	color: #000;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 18px;
	padding-top: 5px;
	padding-bottom: 3px;
	text-transform: uppercase;
	
}
div.navBtn#navBtn1 {
	background-image: url(../images/nav1_bg_1.gif);
		
}	
div.navBtn#navBtn2 {
	background-image: url(../images/nav2_bg_2.gif);
}	
div.navBtn#navBtn3 {
	background-image: url(../images/nav3_bg_3.gif);
}	
a.navBtn{
	color: #000;
	text-decoration: none;
}
a.navBtn.active{
	color: #000;
	text-decoration: underline;
}
a.navBtn:hover {
	color: #000;
	text-decoration: underline;
}
/* END NAVIGATION BUTTONS SECTION */

.TabBg{
	background-image: url(../images/line_titel.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* panel */
.panel, .panelcollapsed 
{
	color: #000;
	font-size: 12px;
	line-height: 14px;
	border-top-width: thin;
	border-top-color: #CCC;
	width: 200px;
}
.panel h2, .panelcollapsed h2 
{
	color: #666;
	font-size: 12px;
	line-height: 12px;
	font-weight:normal;
	padding-left: 15px;
	padding-top: 1px;
	background-image: url(../images/admin/arr_up.gif);
	background-repeat: no-repeat;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
.panel h2:hover, .panelcollapsed h2:hover {
	cursor: pointer;
}
.panelcollapsed h2 
{
	background: url(../images/admin/arr_dn.gif) no-repeat;
}
.panelcontent 
{
	color: #000;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: left;
}

.form {
	font-family: "Avenir LT W02 35 Light", Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	font-weight:normal;
	border: solid 1px transparent;
	background-color: transparent;
	vertical-align: middle;
	margin: 1px;
}
.form.popup {
	border: solid 1px transparent;
	background-color: transparent;
	width: 360px;
}
.form.multiple_popup {
	border: solid 1px transparent;
	background-color: transparent;
	width: 366px;
	height:70px;
}
.form.button {
	cursor: pointer;
	border-color: #CCC;
}
.form.title {
	font-size: 25px;
	line-height: 25px;
	text-transform: uppercase;
}
.form.Subtitle {
	font-size: 14px;
	line-height: 22px;
	text-decoration: underline;
	text-transform: uppercase;
}
.form.Hometitle {
	font-size: 31px;
	line-height: 40px;
	text-transform: uppercase;
}
.form.Stufe_1 {
	font-size: 16px;
	line-height: 24px;
}

div.editable {
	border: solid 1px transparent;
}

.form:hover, div.editable:hover {
	border-color: #CCC;
}

ul
{
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
}

#preview{
        position:absolute;
        border:1px solid #fff;
        background:#fff;
        padding:5px;
        display:none;
        color:#333;
		font-size:11px;
		max-width:700px;
}

/* collapsed panel content */
.panelcollapsed .panelcontent { display: none; }


/* audio player */
.players{float:left;margin:10px}

@media screen and (max-device-width: 1100px){
div.searchRight {
	
	margin: 10px 0px 0px 292px;


}	

div.rightContentContainer {
	float: left;
	margin-left: 133px;
}	

div.background {
	width: 120%;
} 
div.Rahmen{
	width: 0;
	
}	

}

@media print {
div.navigation {
	 display: none;
}	

div.subnavigation {
	 display: none;	
}

div.contentContainer{
	margin-left: 0px;
	padding-top: 40px;
	float: left;
	text-align: left;
	vertical-align: top;
}	


div.containerLang {
	 display: none;	
}	
div.content {
	background-color: #FFF;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}	
}