/*************************************************
******* mp3_main.css für Verein mp3 2009  ********
******* Gerhard Grobauer August 2009      ********
**************************************************/

/*************************************************
******* Grundlegende Basis-Formatierungen ********
**************************************************/
html, body {
font:100.01% verdana,"trebuchet ms",verdana,tahoma,arial;
background-color:#0b0b70;
color:#fff;
margin:15px 0 0 0;
padding:0;
border:0;
background-image:url(../images/body_bg7.png);
background-repeat:repeat;
}
div#wrap_a {
margin:0 auto;
width:972px;
padding:0;
}
div#wrap_a, div#wrap_b, div#wrap_c, div#wrap_d, div#wrap_e, div#wrap_f, div#wrap_g, div#wrap_h, div#wrap_in {
border:1px solid #6B6CD2;
height:auto !important;
}

div#wrap_a {
/*border-color:#686700 #edeb00 #edeb00 #686700;*/
border-color:#4849a0 #6B6CD2 #6B6CD2 #4849a0;
}
div#wrap_b {
border-color:#303195 #6B6CD2 #6B6CD2 #303195;
}
div#wrap_c {
border-color:#1f2088 #6B6CD2 #6B6CD2 #1f2088;
}
div#wrap_d {
border-color:#0b0b70 #6B6CD2 #6B6CD2 #0b0b70;
}
div#wrap_e {
border-color:#0b0b70 #6B6CD2 #6B6CD2 #0b0b70;
}
div#wrap_f {
border-color:#000;
border-width:3px;
}
div#wrap_g {
border-color:#303195;
}
div#wrap_h {
border-color:#303195;
}
div#wrap_in {
border-color:#6464c3;
}

#wrapper {
font-size:0.9em;
width:100%;
min-height:650px;
height:auto !important;
height:650px;
margin:0 auto;
border:0;
padding:0;
background:#000160;
background-image:url(../images/wrap_bg0.png);
background-repeat:repeat-y;
}

#inner_wrapper {
min-height:100%;
height:auto !important;
height:100%;
width:100%;
border:0 solid #f00;
padding:0;
border:0;
background:transparent;
}

/*************************************************
*********** screenreader | unsichtbar ************
**************************************************/
.screenreader, .unsichtbar {
position: absolute;
left: -5000px;
top: -5000px;
width: 1px;
height:1px;
line-height:1px;
}


/*************************************************
*************** Header Bereich *******************
**************************************************/
#header {
width:100%;
height:100px;
border-bottom:0 solid #fff;
background-image:url(../images/header_bg2.png);
background-repeat:repeat-x;
background-color:#000160;
margin:0;
padding:0;
}

#header div.logo {
width:100%;
height:100%;
background-image:url(../images/mp3-logo3-small5.png);
background-repeat:no-repeat;
border:0;
margin:0;
}

#header div.logo div.topline {
color:#0f0;
text-align:right;
margin:0;
padding:15px 15px 0 0;
letter-spacing:2px;
background:transparent;
font-size:0.8em;
font-weight:normal;
}

.logo img, .logo img a {
border:0;
float:left;
/*width:115px;*/
margin:0;
}
#header div#printswitch {
font-size:0.8em;
text-align:right;
width:100%;
padding:0;
margin:45px 0 0 0;
border:0 solid #fff;
height:15px;
vertical-align:baseline;
letter-spacing:2px;
}
#header div#printswitch a:link, #header div#printswitch a:visited, #header div#printswitch a:focus {
margin:0;
text-decoration:none;
background: transparent url(../images/print.gif) 0% 0% no-repeat;
padding: 0 15px 0 18px;

}
#header div#printswitch a:hover {
margin:0;
text-decoration:none;
background: transparent url(../images/print_2.gif) 0% 0% no-repeat;
padding: 0 15px 0 18px;

}
#header div#printswitchback {
position: absolute;
left: -5000px;
top: -5000px;
width: 1px;
height:1px;
line-height:1px;
}
/*************************************************
************ Navigation oben *********************
**************************************************/
div#nav_oben {
height:30px;
width:100%;
margin:0;
padding:0;
border-bottom:0 solid #fff;
border:0 solid #fff;
text-align:center;
font-size:0.9em;
}

div#nav_oben ul {
height:100%;
list-style-type:none;
margin:0;
padding:0;
border:0;
border-top:1px solid #494AA2;
border-left:0 solid #fff;
border-bottom:1px solid #494AA2;
float:right;
width:100%;
}

div#nav_oben ul li, div#nav_oben ul li a, div#nav_oben ul li a:link, div#nav_oben ul li a:active, div#nav_oben ul li a:visited {
float:left;
width:136px;
height:100%;
padding:0;
margin:0;
display:block;
background-image:url(../images/body_bg7.png);
background-repeat:repeat-x;
background-color:#000160;
color:#fff;
text-align:center;
text-decoration:none;
line-height:2em;
}

div#nav_oben ul li a:hover, div#nav_oben ul li#active a, div#nav_oben ul li#topactive {
color:#000;
font-weight:bold;
background-color:#0f0;
background-image:url(../images/nav_bg1a.png);
background-repeat:repeat-x;
}

/*************************************************
************ Navigation links ********************
**************************************************/
div#nav_links {
float:left;
width:176px;
margin:33px 0 0 5px;
padding:0;
height:0;
height:auto !important;
border:0 solid #fff;
font-size:0.9em;
}

html>body div#nav_links {
margin:30px 0 0 11px; /* für moderne Browser */
}

div#nav_links ul {
list-style-type:none;
margin:0;
padding:0;
}

div#nav_links ul li {
line-height:0.10pt; /* für IE6 */
margin:0;
padding:0;
}

div#nav_links ul li a, div#nav_links ul li a:link, div#nav_links ul li a:active, div#nav_links ul li a:visited {
list-style-type:none;
margin:0;
padding:3px 10px 3px 0;
display:block;
color:#fff;
text-decoration:none;
text-align:right;
line-height:1.5em;
border:0 solid #000160;
}

div#nav_links ul li a:hover {
color:#0f0;
text-align:right;
background-image:url(../images/nav-li.gif);
background-repeat:no-repeat;
background-position:100% 60%;
padding:3px 10px 3px 0;
line-height:1.5em;
margin:0;
border:0 solid #fff;
}

div#nav_links ul li#liactive {
color:#0f0;
text-align:right;
background-image:url(../images/nav-li.gif);
background-repeat:no-repeat;
background-position:100% 60%;
padding:3px 10px 3px 0;
line-height:1.5em;
margin:0;
}
/*************************************************
****************** Clear DIV *********************
**************************************************/
.cleardiv {
width:100%;
height:1px;
line-height:1px;
height:1px;
clear:both;
}

/*************************************************
************* Hyperlinks allgemein ***************
**************************************************/
a, a:link, a:active, a:visited {
color:#0f0;
}
a:focus {
color:#f00;
}
a:hover {
color:#ff0;
}

/*************************************************
********* Hyperlinks im contentbereich ***********
**************************************************/
div#content a.extern, div#content a.extern:link {
background: transparent url(../images/extern-c.gif) 0% 0% no-repeat;
padding: 0 0 0 13px;
}

div#content a.extern:visited {
background: transparent url(../images/extern-c.gif) 0% 0% no-repeat;
padding: 0 0 0 13px;
color:#ff0;
text-decoration:none;
}

div#content a.extern:active, div#content a.extern:focus {
background: transparent url(../images/extern-c.gif) 0% -60px no-repeat;
padding: 0 0 0 13px;
color:#f00;
text-decoration:none;
}

div#content a.extern:hover {
background: transparent url(../images/extern-c.gif) 0% -30px no-repeat;
padding: 0 0 0 13px;
color:#ff0;
text-decoration:underline;
}

div#content a.extern span.spanextern {
position: absolute;
left: -5000px;
top: -5000px;
width: 1px;
height:1px;
}

div#content p span.linkbeschreibung {
left: 300px;
width: 100%;
color:#fff;
text-align:left;
}
div#content p a.externimg {
background-image: none;
text-decoration:none;
padding:0 8px;
border:0;
}
/*************************************************
************ Content Bereich *********************
**************************************************/
div#content {
width:705px;
font-size:0.9em;
margin:28px 0 25px 209px;
padding:0 10px;
border:0 solid #fff;
min-height:600px;
height:auto !important;
height:100%;
}

html>body div#content {
margin:28px 0 25px 212px;
}

div#content h1 {
/*background-image:url(../images/h1bg.png);
background-repeat:repeat-y;*/
font-size:1.6em;
letter-spacing:0.1em;
font-weight:100;
padding:6px 0 6px 0;
border: 0 outset #00f;
color:#0f0;
margin:0 0 15px 0;
}

div#content h2 {
/*background-image:url(../images/h1bg.png);
background-repeat:repeat-y;*/
font-size:1.4em;
font-weight:100;
padding:2px 0 2px 0;
letter-spacing:0.1em;
border: 0 outset #043D05;
color:#0f0;
margin:0 0 15px 0;
}
div#content h2.rechts {
/*background-image:url(../images/h1bg.png);
background-repeat:repeat-y;*/
font-size:1.4em;
font-weight:100;
padding:2px 0 2px 0;
letter-spacing:0.1em;
border: 0 outset #043D05;
color:#0f0;
text-align:right;
}
div#content h3 {
/*background-image:url(../images/h1bg.png);
background-repeat:repeat-y;*/
font-size:1.3em;
font-weight:100;
padding: 1px 0 1px 0;
letter-spacing:0.1em;
color:#0f0;
margin:0 0 15px 0;
}
div#content sup {
font-size:0.8em;
}
div#content div.betwixt {
font-size:0.5em;
height:1px;
width:100%;
padding:0;
margin:25px 0;
line-height:0.5em;
background:none;
border:0;
border-top:1px solid #0f0;
}


div#content p {
margin:1.5em 0;
padding:0;
text-align:left;
line-height:1.8em;
border:0 solid #fff;
letter-spacing:0.1em;
}
div#content p.kleiner {
font-size:0.8em;
margin:0;
padding:0;
text-align:center;
margin:1.5em 0;
}
div#content p.zentriert {
margin:0;
padding:0;
text-align:center;
margin:1.5em 0;
}
div#content p.einrueck1 {
margin:1.5em 0;
padding:0 0 0 35px;
text-align:left;
line-height:1.8em;
border:0 solid #fff;
letter-spacing:0.1em;
}
div#content ul.contact {
margin:10px 35px;
}
div#content ul.contact li {
line-height:1.6em;
letter-spacing:0.1em;
}
div#content ul.contact li.trenner {
line-height:1.6em;
letter-spacing:0.1em;
border-bottom:1px dotted #0f0;
margin:0 0 10px 0;
}
div#content ul.contact li.litopline {
font-weight:bold;
color:#0f0;
}
div#content ul.listea {
margin:0 0 15px 50px;
list-style-type:none;
}

div#content ul.listea li {
background-image:url(../images/nav-li.gif);
background-repeat:no-repeat;
background-position:0% 60%;
line-height:1.8em;
padding: 0 0 0 20px;
letter-spacing:0.1em;
}

div#content ul.team {
margin:0;
list-style-type:none;
}
div#content ul.team li {
background-position:0% 60%;
line-height:1.8em;
padding:0;
letter-spacing:0.1em;
}

acronym {
border-bottom: 1px dotted #fff;
border-top: 1px dotted #fff;
cursor: help;
}
/**********************************************************/
div#content div#linklistbox ul#linkliste {
margin:15px 0;
padding:0;
width:100%;
border:0 solid #eee;
list-style-type:none;
}

div#content div#linklistbox ul#linkliste li {
margin:2px 0;
padding:3px;
}

div#content div#linklistbox ul#linkliste li a, div#content div#linklistbox ul#linkliste li a:link {
display:block;
border-width:1px;
border-style:solid;
border-color: #6263D9 #000 #000 #6263D9;
text-align:left;
text-decoration:none;
background: #000160 url(../images/li_list_bg2.png) 0% 0% repeat-x;
/*background-image:none;*/
height:4em;
font-size:1.2em;
font-weight:bold;
padding:5px 5px 5px 10px;
margin:0;
}

div#content div#linklistbox ul#linkliste li a:visited {
border-width:1px;
border-style:inset;
border-color: #333;
text-align:left;
/*background: #000160 url(../images/li_list_bg_over2.png) 0% 0% repeat-x;*/
background-image:none;
color:#aaa;
padding:5px 5px 5px 10px;
margin:0;
}

div#content div#linklistbox ul#linkliste li a:hover {
border-width:1px;
border-style:solid;
border-color:  #000 #6263D9 #6263D9 #000;
text-align:left;
background-image:url(../images/li_list_bg_over2.png);
color:#0f0;
}

div#content div#linklistbox ul#linkliste li span.linktext {
margin:0;
padding:5px 0 0 0;
color:#fff;
font-size:0.8em;
font-weight:normal;
display:block;
}

div#content div#linklistbox ul#linkliste li a:visited span.linktext {
color:#aaa;
}

div#content div#linklistbox ul#linkliste li a:hover span.linktext {
color:#fff;
}

div#content div#linklistbox ul#linkliste li span.spanextern {
position: absolute;
left: -5000px;
width: 4000px;
line-height:1em;
}

/**********************************************************/
div#content div.floatingbox {
float:left;
border:0 solid #666;
padding:0;
margin:10px 0 0 0;
width:100%;
}
div#content div.floatimage {
float:left;
border:0 solid #666;
padding:7px 0 0 0;
margin:0;
width:135px;
}
div#content div.floattext {
float:right;
border:0 solid #666;
padding:0;
margin:0;
width:560px;
vertical-align:top;
}
div#content div.floattext p {
padding:0;
margin:0;
}

div#content div.floatingboxr {
float:right;
border:0 solid #666;
padding:0;
margin:10px 0;
width:100%;
}
div#content div.floatimager {
float:right;
border:0 solid #666;
padding:7px 0 0 0;
margin:0;
width:135px;
}
div#content div.floattextr {
border:0 solid #666;
padding:0;
margin:0;
width:560px;
vertical-align:top;
}
div#content div.floattextr p {
padding:0;
margin:0;
text-align:right;
}
div#content div.floattextr ul li {

text-align:right;
}
div#content p.unterfloatbox {
padding:0;
margin:0;
}
div#content p.unterfloatboxr {
text-align:right;
padding:0;
margin:0;
}

div#content p.sitemaplogo {
padding:30px 0 0 50px;
margin:0;
}
div#sitemap {
font-size:1.2em;
padding:0;
margin:20px 0 20px 90px;
}
div#sitemap ul {
margin:5px 0 0 0;
padding:0;
background:url(../images/sitemap_b.png) no-repeat 0% 0%;
}
div#sitemap li {
margin:0;
padding:8px 0 0 25px;
background:url(../images/sitemap_a.png) no-repeat 0% 0%;
}
div#sitemap li.end {
background:url(../images/sitemap_c.png) no-repeat 0% 0%;
}
div#sitemap ul li ul li {
font-size:0.8em;
}
div#content h1.error {
font-size:4em;
text-align:center;
}
div#content p.error {
font-size:1.5em;
text-align:center;
}
/*************************************************
*********** Navigation Footer ********************
**************************************************/
div#footer {
width:100%;
height:30px;
margin:0 auto;
font:0.8em tahoma, arial, verdana;
border-top:1px solid #494AA2;
border-bottom:0 solid #6263D9;
background-image:url(../images/body_bg7.png);
background-repeat:repeat-x;
background-color:#000160;
padding:0;
}

div#footer ul {
height:100%;
width:100%;
list-style-type: none;
padding:0;
border:0 solid #f00;
margin:0 auto;
text-align:center;
}

div#footer ul li {
display:inline;
line-height:2.5em;
}


div#footer ul li a, div#footer ul li a:link, div#footer ul li a:visited {
margin:0 6px;
padding:0;
line-height:2.5em;
color:#fff;
text-decoration:none;
}
div#footer ul li a:hover {
line-height:2.5em;
color:#fff;
text-decoration:underline;
}

#footer p {
text-align:center;
line-height:2.5em;
margin:0;
padding:0;
letter-spacing:3px;
}

/*************************************************
*************** unterhalb footer *****************
**************************************************/
div#gg {
text-align:center;
font-size:0.65em;
width:100%;
padding:10px 0 3px 0;
margin:0;
color:#777;
line-height:2em;
}
div#gg a, div#gg a:link, div#gg a:active, div#gg a:focus, div#gg a:visited {
color:#777;
margin:0;
padding:0;
text-decoration:none;
}
div#gg a:hover {
color:#fff;
text-decoration:underline;
}
div#browserstats {
text-align:center;
width:100%;
padding:3px 0 10px 0;
margin:0;
line-height:2em;
}