/*importiert norm.css*/
@import url("norm.css");

* { margin: 0px; padding: 0px; }

html {height: 101%;}

body {
	background-image: url(../img/backing/bg_body.gif);
	background-repeat: repeat-x;
	background-color: #f6f6f6;
	font-size: 100.01%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #1A171B;
}

#wrapper {
	width: 998px;
	margin: 0 auto;
	background-image: url(../img/backing/bg_wrapper_orig.png);
	background-repeat: repeat-y;
	overflow: hidden;
}

#main {
	margin: 0 auto;
	font-size: 12px;
}

strong {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.schwarz:hover {
	color: #000000;
}

em {
	font-style: italic;
}

h2, h3 {
	font-size: 120%;
}

h4, h5, h6 {
	font-size: 100%;
}

h2, h3, h4, h5 {
	margin: 0px 0px 5px 0px;
}

p {
	margin: 7px 0px 11px 0px;
}

p.headline {
	margin: 7px 0px -5px 0px;
	font-size: 110%;
	font-weight: bold;
}

.pt9 {
	font-size: 9pt;
}

.pt9 a {
	font-size: 8pt;
}

a, a:link, a:visited {
	color: #1A171B;
	text-decoration: none;
}

a:hover, .teaser_klb1 a:hover, .teaser_krb1 a:hover, .teaser_klb1abstand a:hover, .teaser_krb1abstand a:hover, teaser_klb0 a:hover, .teaser_krb0 a:hover, .teasergruen_l0mitte, .orange, .teasergross a:hover {
	color: #FF8500;
}

.farbe2 p:hover, .farbe3 p:hover {
	color: #fff;
}

/* HEADER */
#main, #subnav  {
	width: 980px;
	height: auto;
	/*background-color: pink;*/
}

#subnav ul {
	margin-right: 20px;
}

#subnav li, .border {
	margin: 2px 0px 0px 7px;
	float: right;
	vertical-align: text-bottom; 
	font-size: 9px;
	/*background-color: pink;*/
}

.border {
	border-left: 1px solid #1A171B;
	padding-left: 7px;
}
	
#subnav  img {
	margin: 0px -4px 3px 0px;
}


.rahmen, .rahmen_last {
	height: 1px;
	width: 940px;
	background: url(../img/backing/punkt_bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

#header .rahmen {
	margin-left: 20px;
}

#content.rahmen, .rahmen_last  {
	margin-left: 0px;
}

.rahmen_last, .rahmen_trennerlast {
	margin-top: 17px;
	margin-bottom: 7px;
}

.rahmen_trenner, .rahmen_trenner940, .rahmen_trennerlast {
	clear: both;
	height: 1px;
	background: url(../img/backing/punkt_bg.gif);
	background-position: center top;
	background-repeat: repeat-x;
}

.rahmen_trenner940 {
	width: 940px;
}

#header {
	clear: both;
	width: 980px;
	height: 192px;
	position: relative;	

}

.logo {
	width: 296px;
	height: 192px;
	background-image: url(../img/logo/ymi_upstart.png);
	background-repeat: no-repeat;
	float: right;
	text-indent: -9999px;
}

#titelbild {
	width: 664px;
	height: 192px;
	float: left;
	margin-left: 20px; 
} 

.titel1, .titel1_132, .titel1gross  {
	position: absolute;
	left: 40px;
	font-size: 120%;
}

.titel1 {
	top: 135px;
}

.titel1gross {
	top: 120px;
	font-weight: bold;
	font-size: 20px;
}

.titel1_132 {
	top: 130px;
}

.titel2 {
	position: absolute;
	top: 157px;
	left: 122px;
	font-size: 120%;
	font-weight: bold;
	
}.titel2gross {
	position: absolute;
	top: 148px;
	left: 122px;
	font-size: 25px;
	font-weight: bold;
	
}

/*CONTENT*/
#content {
	width: 960px;
	height: auto;
	clear: both;
	margin-left: 20px;
	/*background-color: green;*/
}

/* CONTENT LINKSĘ*/
#content_left {
	width: 664px;
	height: auto;
	float: left;
	padding: 0px;
	/*background-color: red;*/	
}

/* NAVIGATION */
#nav {
	clear: both;
	width: 664px;
	height: 45px;
}

#nav li, #nav li.nav_letzter {
	float: left;
	vertical-align: text-bottom; 
	font-size: 8pt;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-top: 2px;
}

#nav li {
	width: 95px;
}

#nav li.nav_letzter, #dgruen_selected {
	width: 87px;
}

#nav li.enger, #nav li.eng {
	font-size: 8pt;
	letter-spacing: 0em;
}

:root #nav li.eng {
	font-size: 8pt;
	letter-spacing: -0.05em;
}

#chrome {
	font-size: 8pt;
	letter-spacing: -0.1em;
}

#nav li  {
	width: 91px; 
	text-align: center;
	margin-right: 4px;
}

#gelb, #orange, #rot, #magenta, #gruen, #blau, #dgruen, #gelb_selected, #orange_selected, #rot_selected, #magenta_selected, #gruen_selected, #blau_selected, #dgruen_selected  {
	height: 7px;
	width: 91px; 
	float: left;
	margin-top: 9px;
	margin-right: 4px;
}

#dgruen, #dgruen_selected{
	margin-right: 0px;
}

#gelb, #orange, #rot, #magenta, #gruen, #blau, #dgruen {
background-color: #fff;
}

#gelb, #gelb_selected {
	border-bottom: 2px solid #E6E13C; 
}

#orange, #orange_selected  {
	border-bottom: 2px solid #FF8200; 
}

#rot,#rot_selected {
	border-bottom: 2px solid #DC1E46; 
}
#magenta, #magenta_selected {
	border-bottom: 2px solid #BE0082; 
}
#gruen, #gruen_selected {
	border-bottom: 2px solid #96BE1E; 
}
#blau, #blau_selected  {
	border-bottom: 2px solid #00B4D2; 
}
#dgruen, #dgruen_selected {
	border-bottom: 2px solid #00A028; 
}

#gelb_selected {
	background-color: #E6E13C;
}

#orange_selected {
	background-color: #FF8200;
}

#rot_selected {
	background-color: #DC1E46;
}

#magenta_selected {
	background-color: #BE0082;
}

#gruen_selected {
	background-color: #96BE1E;
}

#blau_selected {
	background-color: #00B4D2;
}

#dgruen_selected {
	background-color: #00A028;
}

/* TEXTBOXEN */
.text_links0, .text_rechts0, .text_rechts, .text_links  {
	width: 327px;
	height: auto;
	line-height: 1.6;
}

.ueberschrift {
	font-weight: bold;
	font-size: 13px;
	}

.text_links0, .text_rechts0 {
	margin-top: 0px;
}

.text_links, .text_rechts {
	margin-top: 15px;
	margin-bottom: 12px;
}

.text_links0, .text_links {
	float: left;
}

.text_rechts0, .text_rechts {
	float: right;
}

.text_links a, .text_rechts a {
	color: #0069ca;
	/*color: #66758e; */
}

.text_links a:hover, .text_rechts a:hover  {
	color: #FF8500;
}
	
.text_rechts0 ul, .text_rechts ul, .text_links0 ul, .newsletter ul  {
	list-style-position:outside;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 20px;
}

.text_rechts0 ul li, .text_rechts ul li, .text_links0 ul li, .newsletter ul li {
	list-style-image: url(../img/icon/pf_grau9.gif);
}

.text_rechts0 li, .text_rechts li, .text_links0 li {
	margin: 7px 0px;
	font-size: 12px;
}

.text_links0 p:first-letter, .text_rechts0 li:first-letter, .text_links0 li:first-letter, .text_links p:first-letter, .text_rechts li:first-letter, .text_rechts p:first-letter, .gross p:first-letter, .pt9:first-letter, .boxtext:first-letter, .boxtext_linkicon:first-letter, #slide1 li:first-letter, .ueberschrift:first-letter  {
	font-size: 1.3em;
	font-weight:200;
	line-height: 1;
}

.text_rechts0 ul.linkliste li, .text_links0 ul.linkliste li {
	list-style-image: url(../img/icon/pf_gruen9.gif);
	font-size: 10pt;
	line-height: normal;
}

ul.linkliste li.pfeilgruen, li.pfeilgruen {
	list-style-image: url(../img/icon/pf_gruen9.gif);
	font-size: 9pt;
	line-height: normal;
}

.text_rechts0 ul.linkliste li:hover, .text_links0 ul.linkliste li:hover, ul.linkliste li.pfeilgruen:hover {
	list-style-image: url(../img/icon/pf_grau9.gif);
	list-style-position: outside;
}

#siegel {
	float: left;
}

/* TEASER  */
.teaser, .teaser_content {
	clear: both;
	font-size: 120%;
	font-weight: bold;
}

.teaser {
	padding-top: 12px;
}
.teaser_content {
	padding-top: 15px;
	padding-bottom: 3px;
}

.clear {
	clear: both;
}

.teasergross {
	clear: both;
	position: relative;
}

.teasergross h5, .teasergross p, #teaser_bild2 p {
	position: absolute;
	left: 357px;
	right: 12px;
}

.teasergross h5, #teaser_bild2 p {
	position: absolute;
	top: 7px;
}

.teasergross p {
	position: absolute;
	top: 37px;
}

p.headline {
	font-size: 110%;
	top: 12px;	
}

p.anschluss {
	position: absolute;
	top: 24px;
}

#teaser_bild2 p {
	position: absolute;
	top: 7px;
}

.teaser_klb1, .teaser_krb1, .teaser_klb1:hover, .teaser_krb1:hover, .teaser_klb1abstand, .teaser_krb1abstand, .teaser_klb1abstand:hover, .teaser_krb1abstand:hover, .teaser_klb0, .teaser_krb0, .teaser_klb0:hover, .teaser_krb0:hover, .teasergruen_l0mitte, .teasergrau_r0mitte, .teasergrau_l0mitte {
	width: 327px;
	height: 75px;
}

.teaser_klb1, .teaser_krb1, .teaser_klb1:hover, .teaser_krb1:hover, .teaser_klb1abstand, .teaser_krb1abstand, .teaser_klb1abstand:hover, .teaser_krb1abstand:hover {
	margin-top: 17px;	
}

.teaser_klb1abstand, .teaser_krb1abstand {
	margin-bottom: 17px;
}

.teaser_klb0, .teaser_krb0, .teaser_klb0:hover, .teaser_krb0:hover, .teasergruen_l0mitte, .teasergrau_r0mitte {
	margin-top: 0px;
}

.teaser_klb1, .teaser_krb1, .teaser_klb1abstand, .teaser_krb1abstand, .teaser_klb0, .teaser_krb0, .teasergrau_r0mitte, .teasergrau_l0mitte {
	background-image: url(../img/icon/buttonblack_327x75.jpg);
	background-repeat: no-repeat;	
}

.teaser_klb1, .teaser_klb1:hover, .teaser_klb1abstand, .teaser_klb1abstand:hover, .teaser_klb0, .teaser_klb0:hover, .teasergruen_l0mitte, .teasergrau_l0mitte {
	float: left;	
}


.teaser_krb1, .teaser_krb1abstand, .teaser_krb1:hover, .teaser_krb1abstand:hover, .teaser_krb0, .teaser_krb0:hover, .teasergrau_r0mitte {
	float: right;	
}

.teaser_klb1:hover, .teaser_krb1:hover, .teaser_klb1abstand:hover, .teaser_krb1abstand:hover, .teaser_klb0:hover, .teaser_krb0:hover, .teasergruen_l0mitte {
	background-image: url(../img/icon/button_327x75.jpg);
	background-repeat: no-repeat;	
}

.teaser_klb1 h6, .teaser_krb1 h6, .teaser_klb1abstand h6, .teaser_krb1abstand h6, .teaser_klb0 h6, .teaser_krb0 h6, .teasergruen_l0mitte h6, .teasergrau_r0mitte h6, .teasergrau_l0mitte h6 {
	margin-left: 85px;
	margin-right: 12px;
	padding: 0px;
}

.teaser_klb1 h6, .teaser_krb1 h6, .teaser_klb1abstand h6, .teaser_krb1abstand h6, .teaser_klb0 h6, .teaser_krb0 h6 {
	margin-top: 5px;
}

.teasergruen_l0mitte h6, .teasergrau_r0mitte h6, .teasergrau_l0mitte h6 {
	margin-top: 27px;
	font-size: 14px;
}

.teasergrau_r0mitte h6.zweizeilig, .teasergrau_l0mitte h6.zweizeilig {
	margin-top: 17px;
	font-size: 110%;
}

.teaser_klb1 p, .teaser_krb1 p, .teaser_klb1abstand p, .teaser_krb1abstand p, .teaser_klb0 p, .teaser_krb0 p {
	margin: 0px;
	padding: 0px;
	margin-left: 85px;
	margin-right: 15px;
}

.teaser_klb1 a, .teaser_krb1 a, .teaser_klb1abstand a, .teaser_krb1abstand a, #teaser_bild1 a, #teaser_bild2 a, .teaser_klb0 a, .teaser_krb0 a {
	color: #66758e;	
}

.teaser_klb1 p a:before, .teaser_krb1 a:before, .teaser_klb1abstand p a:before, .teaser_krb1abstand a:before, .teaser_klb0 p a:before, .teaser_krb0 a:before, .teasergross p a:before {
	content: url(../img/icon/pf_gruen9.gif)" ";
}

.teaser_klb1 p a, .teaser_krb1 a, .teaser_klb1abstand p a, .teaser_krb1abstand a, .teaser_klb0 p a, .teaser_krb0 a, .teasergross p a {
	color: #0069ca;
}
	
.teaser_kllinks1 p a:hover:before, .teaser_klrechts p a:hover:before {
	content: url(../img/icon/pf_grau9.gif)" ";
} 

/* LINK NAVIGATION UNTEN */
.links1, .links2, .links3, .links4 {
	float: left;
	width: 221px;
	font-size: 10px;
	margin-bottom: 52px;
}

.links1 ul li , .links2 ul li , .links3 ul li , .links4 ul li {
	list-style-image: url(../img/icon/pf_gruen9.gif);
	list-style-position:outside;
	margin-left: 20px;
}

.links1 ul li:hover , .links2 ul li:hover , .links3 ul li:hover , .links4 ul li:hover {
	list-style-image: url(../img/icon/pf_grau9.gif);
	list-style-position: outside;
	margin-left: 20px;
}

.links1 p, .links2 p, .links3 p, .links4 p {
	font-weight: bold;
}

/* 	BOX CONTENT RECHTS */

#sidebar {
	width: 276px;
	float: right;
	padding: 0px;
	/*background-color: grey;*/
}

#sidebar img {
	margin-top: 9px;
}

#sidebar a:hover {
	color: #fff;
}

#sidebar .boxtext_linkicon a {
	color: #0069ca;
}

#sidebar .boxtext_linkicon a:hover {
	color: #FF8500;
}

#ableton_logo {
	clear: both;
}

.box_oben, .box_mitte, .box_unten {
	width: 256px;
}

.box_oben p, .box_mitte p, .box_unten p {
	margin: 0px;
}
	
.box_oben {
	height: 60px;
	/*background-image: url(../img/box/up_256x52.gif);
	background-repeat: no-repeat;*/
	position: relative;
}

.box_oben p {
	position: absolute;
	top: 30px;
	margin: 0px 0px 0px 62px;
	font-weight: bold;
}

.box_mitte, .box_mitte_b7 {
	height: auto;
	background-image: url(../img/box/mid_256x1.gif);
	background-repeat: repeat-y;
	padding-top: 5px;
}

.box_mitte_b7 {
	padding-bottom: 7px;
}

.box_unten {
	height: 12px;
	background-image: url(../img/box/low_256x12.gif);
	background-repeat: no-repeat;
}

.farbe2, .farbe2:hover, .farbe3, .farbe3:hover, .farbe5, .farbe5:hover {
	width: 220px;
	height: 30px;
	margin-left: 18px;
}

.farbe2, .farbe2:hover {
	background-color: #E9DF25;		
}
.farbe1, .farbe2, .farbe3, .farbe5 {
	border: 2px ridge #66758e; 
}

.farbe2:hover, .farbe3:hover, .farbe5:hover {
	border: 2px inset #66758e; 
}

.farbe2 p,.farbe3 p, .farbe4 p, .farbe1 p, .farbe5 p  {
	margin: 5px 0px 0px 10px;
}

.farbe3, .farbe3:hover {
	background-color: #FF8500;
}

.farbe5, .farbe5:hover {
	background-color: #33ddfb;
}

.farbe1 {
	width: 220px;
	height: auto;
	padding-bottom: 12px;
	margin-left: 18px;
	background-color: #FF8500;	
}

#slide1 {
	width: 220px;
	font-size: 90%;
	padding-bottom: 20px;
	margin-left: 18px;
	background-color: #99BB00;	
	border: 2px ridge #66758e; 
}

#slide1 p {
	padding-right: 7px;
	
}

.boxtext, .boxtext_linkicon {
	padding: 7px 18px 7px 18px;
	font-size: 90%;
}

.boxtext_linkicon a:before {
	content: url(../img/icon/pf_gruen9.gif)" ";
}

#slide1 li {
	margin: 5px 10px 0px 10px;
	width: 202px;
	overflow: hidden;
	display: none;
}

.farbe4 {
	width: 202px;
	padding-top: 5px;
	padding: 7px 12px 0px 12px;
	display: none;
}

#benutzername, #passwort {
	color: #BBCCD2;
}

.gastdaten {
	border: 0px; 
}

.gastdaten td {
	padding:0px 17px 7px 0px;

}

/* ABLETON LANDING PAGE */
.kurstest {
	background-color:#ff8500;
	border-radius: 10px 10px 10px 10px;
	height: 430px;
	width: 327px;
	padding-top:20px;
	margin-bottom: 23px;
}

.kurstest h3 {
	color: #fff;
	font-size: 15px;
	padding: 17px 11px 0px 11px;
}

.kurstest h4  {
	color:#fff;
	font-size: 15px;
	padding: 3px 11px 0px 11px;
}

.kurstest ul {
	color:#fff;
	padding: 3px 17px;
}

.kurstest p {
	color:#fff;
	margin-left:17px;
	margin-top: 27px;
}

.kurstext {
	height: 400px;
	width: 287px;
	margin-left: 20px;
	background-color:#000;
	border-radius: 10px 10px 10px 10px;
	font-weight: bold;
}



.kurstext ul li {
	list-style-image: url(../img/icon/pf_weiss9.gif);
}

.testzugang {
	border: 3px ridge #BBCCD2; 
	height:55px;
	width: 247px;
	background-color: #fff;
	border-radius: 10px 10px 10px 10px;
	margin-left: 20px;
	margin-top: 9px;
	font-size: 16px;
	font-weight: normal;
}

.testzugang p {
	margin: 16px 4px 7px 9px;
}

.testzugang a, .link_blau a {
	color: #0069CA;
}

.testzugang a:hover, .link_blau a:hover  {
	color: #ff8500;
}

.testzugang a:before {
    content: url("../img/icon/pf_gruen9.gif") " ";
}

.testzugang a:hover:before {
    content: url("../img/icon/pf_grau9.gif") " ";
}