/* Reset | START */

a, article, aside, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, footer, h1, h2, h3, h4, h5, h6, header, html, iframe, img, input, ins, kbd, label, legend, li, main, nav, object, ol, option, p, pre, q, s, samp, section, select, small, span, strike, strong, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
	margin                   :    0;
	padding                  :    0;
	border                   :    0;
	outline                  :    0;

	font-size                : inherit;
	font-weight              : inherit;
	font-style               : inherit;
	font-family              : inherit;
	text-decoration          : inherit;
	letter-spacing           : inherit;
	color                    : inherit;
	z-index                  : inherit;

	vertical-align           : baseline;

	background               : none;
	background-image         : none;

}

article, aside, div, footer, main, nav, section {
	position                 : relative;
	overflow                 : hidden;
}

:focus {
	outline                  :    0;
}

ol, ul, menu {
	list-style               : none;
}

table {
	border-spacing           :    0;
	empty-cells              : show;
	border-collapse          : separate;
}

caption, th, td {
	text-align               : left;
	font-weight              : normal;
}

td {
	vertical-align           : top;
}

img {
	vertical-align           : text-bottom;
	background               : none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content                  : "";
}

blockquote, q {
	quotes                   : "" "";
}

/* Reset | ENDE */






/* Standard | START */

body {
	font-family              : Arial, Helvetica, sans-serif;
	font-size                :    1em;
}

h2 {
	font-weight              : bold;
	font-size                :    1.5em;
	margin-bottom            :    0.5em;
}

h3 {
	font-weight              : bold;
	font-size                :    1.2em;
	margin-top               :    1.5em;
	margin-bottom            :    0.5em;
}

h4 {
	font-weight              : bold;
	font-size                :    1em;
	margin-bottom            :    0.3em;
}

p {
	margin-bottom            :    0.5em;
}

input[type='text'], input[type='text'], textarea {
	border                   : solid 1px black;
	background               : #eee;
	padding                  :    0.1em;
}

input[type='submit'] {
	background               : black;
	color                    : white;
	cursor                   : pointer;
}

.div_KFI_L, .div_KFI_R, .div_KFT {
	font-size                :    0.8em;
	overflow                 : visible;
	margin-right             :   10px;
	margin-top               :   10px;
} 

.div_KFT textarea {
	height                   :    6em;
	resize                   : none;
}

.div_KFI_B {
	font-size                :    0.8em;
	margin-top               :   10px;
	text-align               : center;
}

.div_KFI_B input {
	padding                  :    0.2em;
}

.div_KFI_L input, .div_KFI_R input, .div_KFT textarea, .div_KFI_B input {
	width                    :  100%;
} 

.clear_BOTH {
	clear                    : both;
}

#div_BG {
	position                 : fixed;
	top                      :    0;
	left                     :    0;
	right                    :    0;
	bottom                   :    0;
	z-index                  :    1;
}

#div_STARTSEITE {
	position                 : fixed;
	top                      :    0;
	left                     :    0;
	right                    :    0;
	bottom                   :    0;
	background               : url(/pics/soundstudio-frey.bg.jpg) no-repeat center center;
	-webkit-background-size  : cover;
	-moz-background-size     : cover;
	-o-background-size       : cover;
	background-size          : cover;
	z-index                  :    9;
	display                  : block;
}

.div_NAV_RECHT {
	margin-top               :    3em;
	margin-bottom            :    6em;
	text-align               : center;
	font-size                :    0.7em
}

#div_BODY {
	position                 : relative;
	z-index                  :    2;
	display                  : none;
}

.div_SEITE {
	position                 : relative;
	z-index                  :    2;
}

.div_ST_HEAD, .div_S_HEAD, .div_ST_TEXT, .div_S_TEXT, .div_S_TEXT_MOBILE {
	position                 : absolute;
	z-index                  :    3;
}

.div_ST_HEAD h1, .div_ST_HEAD p {
	padding                  :    0.5em;
	background               : #ffffff;
	background-color         : #ffffff;
	color                    : black;
	font-weight              : bold;
	font-size                :    1.4em;
	opacity                  :    0.7;
	-moz-opacity             :    0.7;
}

.div_ST_HEAD p {
	margin-top               :    1em;
	font-size                :    0.7em;
}

.div_S_HEAD h2, .div_S_HEAD p {
	font-weight              : bold;
	font-size                :    0.7em;
	margin-bottom            :    0em;
}

.div_S_HEAD h2.h2_DEEPER {
	margin-top               :    0.6em;
}

.div_S_TEXT p, .div_S_TEXT_MOBILE p {
	font-size                :    0.7em;
	margin-top               :    0.2em;
}

.div_S_TEXT p.p_LIST {
	font-weight              : bold;
}

.div_S_TEXT p.p_LIST:before {
	content                  : "• ";
}

.div_S_TEXT p.p_SMALL {
	font-size                :    0.6em;
}

.div_S_TEXT p.p_SPACE {
	margin-top               :    0.8em;
}

.div_S_TEXT p.p_BOLD, .div_S_TEXT_MOBILE p.p_BOLD {
	font-weight              : bold;
}

.div_S_TEXT table td {
	padding                  : 0.1em 1.5em;
	padding-left             :    0em;
	font-weight              : bold;
	font-size                :    0.8em;
}

.div_RECHTLICHES {
	margin                   :    1em;
	padding-top              :  130px;
}

.head_LOGO img:hover, .div_MAIN_LINKS img:hover, .div_SUP_LINKS img:hover {
	cursor:pointer;
}

/* Standard | ENDE */



/* Farben | START */

body, #div_BG, header {
	background               : #ebecec;
	background-color         : #ebecec;
}

#div_NAV_MAIN, .div_S_HEAD, .div_S_TEXT, .div_S_TEXT_MOBILE, #div_NAV_SUP {
	background               : #ffffff;
	background-color         : #ffffff;
	color                    : black;
}

/* Farben | ENDE */



/* Größen & Positionierungen | START */

#div_BODY, #div_HEADER {
	margin                   : 0 auto;
	width                    :  100%
}

header, #div_HEADER {
	height                   :   60px;
}

#div_NAV_MAIN {
	height                   :  60px;
}

#div_BODY {
	padding-bottom           :    5em;
}

header {
	position                 : fixed;
	top                      :    0;
	left                     :    0;
	right                    :    0;
	height                   :   60px;
	z-index                  :    7;
	background:none;
}

.head_LOGO, .div_MAIN_NAV {
	position                 : absolute;
	height                   :   45px;
}

.head_LOGO {
	bottom                   :    0;
	left                     :    0px;
}

.div_MAIN_NAV {
	bottom                   :    0;
	right                    :   10px;
	display                  : none;
}

.div_MAIN_LINKS, .div_SUP_LINKS {
	margin-right             :   20px;
	float                    : right;
}

.div_SUP_LINKS {
	margin-right             :   10px;
}

#div_NAV_SUP {
	position                 : absolute;
	top                      :   110px;
	width                    :   465px;
	right                    :   40px;
	height                   :    0px;
	z-index                  :    7;
}

.div_ANKER {
	margin-top               :  -50px;
	padding-bottom           :   85px;
}

.div_SEITE_FIRST {
	margin-top               :   75px;
}

.div_SEITE img {
	width                    :  100%;
}

.div_ST_HEAD {
	top                      :   17%;
	left                     :    4%;
}

.div_S_HEAD {
	height                   :   30px;
	width                    :  250px;
	padding                  :    0.4em;
	top                      :    4%;
	right                    :    4%;
	opacity                  :    0.7;
	-moz-opacity             :    0.7;
}

.div_S_TEXT {
		font-size            :    1.0em;
		position             : relative;
		padding              :    0.4em;
		top                  :   17%;
}

.div_S_TEXT_MOBILE {
	height                   :   30px;
	width                    :  250px;
	padding                  :    0.4em;
	top                      :   60px;
	right                    :    4%;
	opacity                  :    0.7;
	-moz-opacity             :    0.7;
}

.head_LOGO img {
	width                    :  270px;
}

@media(min-width: 440px) {

	.div_S_HEAD h2, .div_S_HEAD p {
		font-size            :    0.8em;
	}

	.div_S_HEAD {
		height               :   37px;
		width                :  300px;
	}

	.div_S_TEXT_MOBILE {
		top                  :   70px;
		width                :  300px;
	}

	header, #div_HEADER, #div_NAV_MAIN {
		height               :   70px;
	}

	.head_LOGO img {
		width                :  400px;
	}

	.div_SEITE_FIRST {
		margin-top           :   90px;
	}

	.div_ST_HEAD h1, .div_ST_HEAD p {
		font-size            :    1.5em;
	}

	.div_ST_HEAD p {
		font-size            :    0.8em;
	}

	.div_KFI_L {
		float                : left;
		width                :   45%;
	}

	.div_KFI_R {
		float                : right;
		width                :   45%;
	}

	.div_KFT {
		padding-top          :   10px;
		clear                : both;
	}

	.div_KFI_B input {
		width                :   45%;
	}

}

@media(min-width: 520px) {

	.div_ST_HEAD h1, .div_ST_HEAD p {
		font-size            :    2.5em;
	}

	.div_ST_HEAD p {
		font-size            :    1.5em;
	}

}

@media(min-width: 740px) {

	.div_SEITE_FIRST {
		margin-top           :  150px;
	}

	header, #div_HEADER, #div_NAV_MAIN {
		height               :  100px;
	}

	.head_LOGO {
		bottom               :   35px;
	}

	.div_S_HEAD h2, .div_S_HEAD p {
		font-size            :    1em;
	}

	.div_ST_HEAD h1, .div_ST_HEAD p, .div_S_HEAD {
		opacity              :    1;
		-moz-opacity         :    1;
	}

	.div_S_HEAD {
		width                :  400px;
		top                  :    2%;
		right                :    2%;
	}

	#div_NAV_SUP {
		padding              :     0.5em;
		height               :   20px;
	}

	.div_S_TEXT {
		font-size            :    1em;
		position             : absolute;
		width                :  400px;
		padding              :    0.4em;
		top                  :   17%;
		right                :    2%;
	}

	.div_S_TEXT, .div_MAIN_NAV {
		display              : block;
	}

	.div_S_TEXT_MOBILE {
		display              : none;
	}

}

@media(min-width: 930px) {

	.head_LOGO {
		bottom               :    0;
	}

	.div_S_TEXT p {
		font-size            :    0.8em;
		margin-top           :    0.5em;
	}

	.div_S_TEXT p.p_SPACE {
		margin-top           :    1.5em;
	}

	.div_S_HEAD {
		width                :  500px;
		height               :   40px;
		padding              :    0.7em;
		top                  :   10%;
		right                :    4%;
	}

	.div_S_TEXT {
		width                :  500px;
		padding              :    0.7em;
		top                  :   25%;
		right                :    4%;
	}

	.div_S_TEXT table td {
		padding              : 0.1em 3em;
		padding-left         :    0em;
	}

}

@media(min-width: 1200px) {



	.div_S_HEAD h2, .div_S_HEAD p {
		font-size            :    1.5em;
	}

	.div_S_HEAD {
		width                :  650px;
		height               :   60px;
		padding              :    1em;
		top                  :   17%;
		right                :    4%;
	}

	.div_S_TEXT {
		width                :  650px;
		padding              :    1em;
		top                  :   37%;
		right                :    4%;
	}

	.div_S_HEAD {
		width                :  650px;
		height               :   60px;
		padding              :    1em;
		top                  :   17%;
		right                :    4%;
	}

	.div_S_TEXT {
		width                :  650px;
		padding              :    1em;
		top                  :   37%;
		right                :    4%;
	}

}

@media(min-width: 1320px) {

	#div_BODY, #div_HEADER {
		width                : 1280px;
	}

	.div_SEITE_FIRST {
		margin-top           :  150px;
	}

}

@media(min-width: 1500px) {

	#div_BODY {
		padding-bottom       :   10em;
	}

}

/* Größen & Positionierungen  | ENDE */