@charset "UTF-8";
/**
 * Musicon Valley Network - CSS: Layout & Content
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2010-06
 *
 * hacer con amor
 *
 */



/* ------------------------------------------ */
/* Contentbase */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { font-size: 100.01%; }

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

.hideme, dfn, #nav-first a { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
.print { display: none; }



/* ------------------------------------------ */
/* Ausrichtung */
#margins { margin: 0 auto; width: 960px; }
#page { position: relative; }



/* ------------------------------------------ */
/* Header */
#header { padding: 4em 0 0 0; }
#header h1 { font-size: 1em; padding: 5px 0 0 0; position: absolute; top: 4em; left: 20px; z-index: 66; }
#header #images { background: #888; height: 90px; margin-bottom: 5px; padding: 15px 5px 5px 260px; position: relative; z-index: 55; }
#header #images img { border: 1px #dcdcdc solid; margin-right: 31px; }



/* ------------------------------------------ */
/* Main */
#main { padding: 20px 0 0 0; }
#col1 { float: left; width: 260px; }
#col2 { float: left; width: 480px; }
#col3 { float: right; width: 200px; }

#col1-content { padding: 0 20px 0 18px; }
#col2-content { padding: 0 10px 0 0; }

.hidecol3 #col2 { width: 700px; }
.hidecol3 #col3 { display: none; }



/* ------------------------------------------ */
/* Navigationen */

/* Sprungnavigation */
#nav-first { position: absolute; top: 0; left: 0; z-index: 67; }
#nav-first ul, #nav-first li { list-style: none; margin: 0; padding: 0; }
#nav-first a { position: absolute; left: -1000em; top: -1000em; }
#nav-first a:focus { background: #888; color: #fff; display: block; line-height: 1.1em; height: auto; padding: .4em 1em; position: absolute; top: 0; left: 0; outline: none; text-decoration: none; white-space: nowrap; width: auto; }

/* Hauptnavigationen */
#nav-main { height: 4em; position: absolute; top: 0; left: 260px; width: 700px; z-index: 66; }
#nav-main ul { margin: 0; position: absolute; bottom: 1px; left: 0; }
#nav-main li { display: inline; margin: 0; padding: 0; }
#nav-main li a, #nav-main li strong { background: #dcdcdc; color: #000; display: block; float: left; font-weight: bold; line-height: 1em; margin: 0 1px 0 0; padding: .6em 10px .3em 10px; text-decoration: none; width: 130px; }
#nav-main li.open a, #nav-main li strong, #nav-main li a:hover, #nav-main li a:active, #nav-main li a:focus { background-color: #888; color: #fff; }
#nav-main li.open a:hover, #nav-main li.open a:active, #nav-main li.open a:focus { background: #555; }

/* Unternavigationen */
#nav-sub1 { margin: 0 30px 30px 0; }
#nav-sub1 ul { border-top: 1px #f8f8f8 solid; list-style: none; margin: 0; padding: 0; }
#nav-sub1 li { display: inline; margin: 0; padding: 0; }
#nav-sub1 li a, #nav-sub1 li strong { border-bottom: 1px #f8f8f8 solid; display: block; font-weight: bold; padding: .4em 10px .2em 20px; text-decoration: none; }
#nav-sub1 li.open a, #nav-sub1 li strong, #nav-sub1 li a:hover, #nav-sub1 li a:active, #nav-sub1 li a:focus { background: #dcdcdc; color: #000; }



/* ------------------------------------------ */
/* Formatierungen */
body { background: url(../images/bg_body.png) 0 4em repeat-x #ececec; color: #333; font-family: "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; font-size: 75.00%; }
textarea { font-family: "Lucida Grande", Lucida, Arial, Helvetica, sans-serif; font-size: 1em; }

h3 { color: #000; font-size: 1.5em; font-weight: bold; line-height: 1.3em; margin: 0 0 .6em 0; padding: 0; }
h4 { color: #000; font-size: 1em; font-weight: normal; line-height: 1.3em; margin: 1em 0 1em 0; }
h5 { color: #000; font-size: 1em; font-weight: normal; margin: 1em 0 .6em 0; }
h6 { color: #000; font-size: 1em; font-style: italic; }

p { line-height: 1.5em; margin: 0 0 1em 0; }

ul, ol { line-height: 1.3em; margin: 0 0 .8em 1em }
li { line-height: 1.6em; margin-left: 1em; }

a { color: #000; text-decoration: none; }
a:focus, a:hover, a:active { color: #666; text-decoration: underline; }
a img { border: 0; }

acronym, abbr { cursor: help; }

.float-left { float: left; margin: .2em 1em 0.4em 0; }
.float-right { float: right; margin: .2em 0 0.4em 1em; }

.first { margin-top: 0; }
.xl { font-size: 1.2em; }
.xs { font-size: .8em; }
.c { text-align: center; }
.r { text-align: right; }
.uc { text-transform: uppercase; }

.download { background: url(../images/ico_pdf.png) 0 .1em no-repeat; padding-left: 30px; }

div.hr { border-top: 1px #888 solid; height: 1px; margin: 1em 0; overflow: hidden; }
div.hr hr { visibility: hidden; }

table { border-collapse: collapse; margin: 0 0 1.2em 0; }
table th, table td { padding: .4em; line-height: 140%; text-align: left; vertical-align: top; }



/* ------------------------------------------ */
/* Content */

/* Partnerlogos */
.partner { margin: 0 0 1em 0; }
.partner ul { list-style: none; margin: 0; padding: 0; }
.partner ul li { display: inline; list-style: none; margin: 0; padding: 0; }
.partner ul li img { border: 1px #fff solid; margin: 0 10px 10px 0; padding: 1px; }
.partner ul li a:hover img, .partner ul li a:active img, .partner ul li a:focus img { border-color: #888; }