/* Cascading Stylesheet fuer k13 Relaunch */
/* 3-point concepts: Jasmina Liessmann - 27.07.2009 */

/* ------------------------------
	General
------------------------------- */
body {background:#131a34 url(/bilder/bg.jpg) no-repeat 0 0; color:#d0d1d9; font-family:Verdana, Arial, sans-serif; font-size:12px; margin:0; padding:0;}
body#musikproduktion {background:#000 url(/bilder/bg_musikproduktion.jpg) no-repeat 0 0;}
body#audiofuehrung {background:#000 url(/bilder/bg_audiofuehrung.jpg) no-repeat 0 0;}

table,tr,td,div,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; margin:0; padding:0;}

img {border:0; margin:0; padding:0;}
div.clear {clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0;}
br.clear {clear:both;}

#layout {float:left; left:126px; margin:0 0 0 ; padding:0; position:absolute; top:0; z-index:100; width:982px;}

/* transparente Ebenen */
#ebene01 {background:#000; filter: alpha(opacity=20); opacity: 0.2;-moz-opacity: 0.2;-khtml-opacity: 0.2; left:95px; padding:0; position:absolute; top:0; z-index:1; width:1043px;}
#ebene02 {background:#000; filter: alpha(opacity=35); opacity: 0.35;-moz-opacity: 0.35;-khtml-opacity: 0.35; left:126px; margin:0; position:absolute; top:0; z-index:10; width:982px;}


/* ------------------------------
	Kopf
------------------------------- */
.kopf {height:136px; width:100%;}
.kopf .logo {float:left; width:411px;}
.kopf .dolby {float:right; width:450px;}
.kopf .sprache {color:#fff; font-size:13px; margin:0 0 13px 0; padding:8px 29px 0 0; text-align:right; width:952px;}
.kopf .sprache a:link, .kopf .sprache a:visited {color:#4571ba; font-size:11px; text-decoration:none;}
.kopf .sprache a:focus, .kopf .sprache a:hover {color:#f56200; font-size:11px; text-decoration:none;}
.kopf .sprache a.on:link, .kopf .sprache a.on:visited, .kopf .sprache a.on:focus, .kopf .sprache a.on:hover {color:#f56200; font-size:11px; text-decoration:none;}


/* ------------------------------
	Mainmenu
------------------------------- */
.mainmenu {background:#080e1b; border:0; border-top:#1d2f51 1px solid; border-bottom:#1d2f51 1px solid; color:#3c63a3; font-size:14px; letter-spacing:1px; padding:14px 0 16px 30px; width:952px;}
.mainmenu a:link, .mainmenu a:visited {color:#4571ba; font-size:14px; text-decoration:none; text-transform:uppercase;}
.mainmenu a:focus, .mainmenu a:hover {color:#f56200; font-size:14px; text-decoration:none; text-transform:uppercase;}
.mainmenu a.on:link, .mainmenu a.on:visited, .mainmenu a.on:focus, .mainmenu a.on:hover {color:#f56200; font-size:14px; text-decoration:none; text-transform:uppercase;}


/* ------------------------------
	Submenu
------------------------------- */
.submenu {font-size:14px; margin:11px 0 39px 0; padding:0; width:221px;}
.submenu .hr {background:#545e77; height:1px;}
.submenu .hr hr {display:none;}

/* 1. Ebene */
.submenu a.e1:link, .submenu a.e1:visited {background:url(/bilder/link_pfeil_submenu_e1_off.gif) no-repeat 0 13px; color:#4571ba; display:block; margin-left:21px; padding:8px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
   * html .submenu a.e1:link, * html .submenu a.e1:visited {background:url(/bilder/link_pfeil_submenu_e1_off.gif) no-repeat 0 11px;}
   *+html .submenu a.e1:link, *+html .submenu a.e1:visited {background:url(/bilder/link_pfeil_submenu_e1_off.gif) no-repeat 0 11px;}
.submenu a.e1:focus, .submenu a.e1:hover {background:url(/bilder/link_pfeil_submenu_e1_on.gif) no-repeat 0 13px; color:#f56200; display:block; margin-left:21px; padding:8 0 4px 9px; text-decoration:none; text-transform:uppercase;}

.submenu a.e1_on:link, .submenu a.e1_on:visited, .submenu a.e1_on:focus, .submenu a.e1_on:hover {background:url(/bilder/link_pfeil_submenu_e1_on.gif) no-repeat 0 13px; color:#f56200; display:block; margin-left:21px; padding:8px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
   * html .submenu a.e1:focus, * html .submenu a.e1:hover, * html .submenu a.e1_on:link, * html .submenu a.e1_on:visited, * html .submenu a.e1_on:focus, * html .submenu a.e1_on:hover {background:url(/bilder/link_pfeil_submenu_e1_on.gif) no-repeat 0 11px;}
   *+html .submenu a.e1:focus, *+html .submenu a.e1:hover, *+html .submenu a.e1_on:link, *+html .submenu a.e1_on:visited, *+html .submenu a.e1_on:focus, *+html .submenu a.e1_on:hover {background:url(/bilder/link_pfeil_submenu_e1_on.gif) no-repeat 0 11px;}

.submenu a.e1_open:link, .submenu a.e1_open:visited, .submenu a.e1_open:focus, .submenu a.e1_open:hover {background:url(/bilder/link_pfeil_submenu_e1_open.gif) no-repeat 0 15px; color:#f56200; display:block; margin-left:20px; padding:8px 0 4px 10px; text-decoration:none; text-transform:uppercase;}
   * html .submenu a.e1_open:link, * html .submenu a.e1_open:visited, * html .submenu a.e1_open:focus, * html .submenu a.e1_open:hover {background:url(/bilder/link_pfeil_submenu_e1_open.gif) no-repeat 0 13px;}
   *+html .submenu a.e1_open:link, *+html .submenu a.e1_open:visited, *+html .submenu a.e1_open:focus, *+html .submenu a.e1_open:hover {background:url(/bilder/link_pfeil_submenu_e1_open.gif) no-repeat 0 13px;}

/* 2. Ebene */
.submenu a.e2:link, .submenu a.e2:visited {background:url(/bilder/link_pfeil_submenu_e2_off.gif) no-repeat 0 12px; color:#4571ba; display:block; margin-left:33px; padding:4px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
.submenu a.e2:focus, .submenu a.e2:hover {background:url(/bilder/link_pfeil_submenu_e2_on.gif) no-repeat 0 12px; color:#f56200; display:block; margin-left:33px; padding:4px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
.submenu a.e2_on:link, .submenu a.e2_on:visited, .submenu a.e2_on:focus, .submenu a.e2_on:hover {background:url(/bilder/link_pfeil_submenu_e2_on.gif) no-repeat 0 12px; color:#f56200; display:block; margin-left:33px; padding:4px 0 4px 9px; text-decoration:none; text-transform:uppercase;}     

/* 3. Ebene */
.submenu a.e3:link, .submenu a.e3:visited {background:url(/bilder/link_pfeil_submenu_e2_off.gif) no-repeat 0 12px; color:#4571ba; display:block; margin-left:45px; padding:4px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
.submenu a.e3:focus, .submenu a.e3:hover {background:url(/bilder/link_pfeil_submenu_e2_on.gif) no-repeat 0 12px; color:#f56200; display:block; margin-left:45px; padding:4px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
.submenu a.e3_on:link, .submenu a.e3_on:visited, .submenu a.e3_on:focus, .submenu a.e3_on:hover {background:url(/bilder/link_pfeil_submenu_e2_on.gif) no-repeat 0 12px; color:#f56200; display:block; margin-left:45px; padding:4px 0 4px 9px; text-decoration:none; text-transform:uppercase;}
         
/* IE 2.-3. Ebene */
* html .submenu a.e2:link, * html .submenu a.e2:visited, * html .submenu a.e3:link, * html .submenu a.e3:visited {background:url(/bilder/link_pfeil_submenu_e2_off.gif) no-repeat 0 10px;}
*+html .submenu a.e2:link, *+html .submenu a.e2:visited, *+html .submenu a.e3:link, *+html .submenu a.e3:visited {background:url(/bilder/link_pfeil_submenu_e2_off.gif) no-repeat 0 10px;}

* html .submenu a.e2:focus, * html .submenu a.e2:hover, * html .submenu a.e2_on:link, * html .submenu a.e2_on:visited, * html .submenu a.e2_on:focus, * html .submenu a.e2_on:hover, * html .submenu a.e3:focus, * html .submenu a.e3:hover, * html .submenu a.e3_on:link, * html .submenu a.e3_on:visited, * html .submenu a.e3_on:focus, * html .submenu a.e3_on:hover {background:url(/bilder/link_pfeil_submenu_e2_on.gif) no-repeat 0 10px;}
*+html .submenu a.e2:focus, *+html .submenu a.e2:hover, *+html .submenu a.e2_on:link, *+html .submenu a.e2_on:visited, *+html .submenu a.e2_on:focus, *+html .submenu a.e2_on:hover, *+html .submenu a.e3:focus, *+html .submenu a.e3:hover, *+html .submenu a.e3_on:link, *+html .submenu a.e3_on:visited, *+html .submenu a.e3_on:focus, *+html .submenu a.e3_on:hover {background:url(/bilder/link_pfeil_submenu_e2_on.gif) no-repeat 0 10px;}


/* ------------------------------
	Schriftersetzung Mainmenu + Submenu
------------------------------- */
a.changeFont:link, a.changeFont:visited {color:#4780de; font-size:14px; text-decoration:none; text-transform:uppercase;}
a.changeFont:hover, a.changeFont:focus {color:#f56200; font-size:14px; text-decoration:none; text-transform:uppercase;}


/* ------------------------------
	Inhalt
------------------------------- */
.content {padding:0; margin:21px 0 0 0; width:100%;}
.content .menu {float:left; margin:0 30px 0 0; width:221px;}
.content .inhalt_1spalig {float:left; width:681px;}
.content .inhalt_1spalig img.bewegung:hover {position:relative; top:2px;}

/* Teaser */
.teaser {background:url(/bilder/bg_teaser.png) no-repeat 0 0; font-size:11px; margin:0; padding:15px 30px 17px 30px; width:161px;}   
   * html .teaser {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/bilder/bg_teaser.png'); width:161px;}
.teaser .text {clear:both; margin:0; padding:0; width:161px;}
.teaser_bottom {background:url(/bilder/bg_teaser_bottom.png) no-repeat 0 0; margin:0 0 20px 0; padding:0; width:221px;}
   * html .teaser_bottom {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/bilder/bg_teaser_bottom.png'); width:221px;}

ul {list-style:none; margin:14px 0;}
ul li {background:url(/bilder/listenpunkt.gif) no-repeat 0 7px; padding:2px 0 2px 16px;}


/* ------------------------------
	Fuss
------------------------------- */
.fuss {color:#2a3244; font-size:13px; margin:60px 0 20px 0; padding:0 30px 0 0; text-align:right; width:952px;}
.fuss a:link, .fuss a:visited {color:#b4cce0; font-size:11px; text-decoration:none;}
.fuss a:focus, .fuss a:hover {color:#f56200; font-size:11px; text-decoration:none;}
.fuss a.on:link, .fuss a.on:visited, .fuss a.on:focus, .fuss a.on:hover {color:#f56200; font-size:11px; text-decoration:none;}


/* ------------------------------
	Headlines
------------------------------- */
h1 {display:none;}
h2 {color:#f56200; font-size:25px; font-weight:normal; padding:13px 0 4px 0;}
h3 {color:#fff; font-size:18px; font-weight:normal; line-height:25px; width:140px;}
h4 {color:#f56200; font-size:14px; font-weight:normal; margin:0;}
h5 {color:#f56200; display:inline; font-size:12px; font-weight:normal; margin:0;}


/* ------------------------------
	Farbhervorhebungen
------------------------------- */
span.blau {color:#4571ba;}
span.pfeil {background:url(/bilder/link_pfeil_orange.png) no-repeat 0 3px; padding:0 11px 0 0;}
   * html span.pfeil {background:url(/bilder/link_pfeil_orange.gif) no-repeat 0 3px; padding:0 11px 0 0;}
span.hervorhebung {color:#fff; font-size:14px;}
span.pdf {background:url(/bilder/icon_pdf.gif) no-repeat 0 2px; padding:0 0 0 12px; width:12px;}

/* ------------------------------
	Links
------------------------------- */
* html .content a {position:relative;}

a:link, a:visited {background:none; color:#4571ba; text-decoration:none;}
a:focus, a:hover {background:none; color:#f56200; text-decoration:none;}

a:hover span.pdf {background:url(/bilder/icon_pdf_on.gif) no-repeat 0 2px;}

a.pfeil:link, a.pfeil:visited, a.pfeil:focus, a.pfeil:hover {color:#f56200; font-size:12px; text-decoration:none; display:block;}
