/* Orange: #EF9A42;
Orange dunkler: #FB8B12
*/
* {
margin:0;
padding:0;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}
br.clear {
clear:both;
visibility:hidden;
}
hr.visible {
border:0;
border-bottom:1px solid;
clear:both;
margin-bottom:2em;
height:2em;
}
p {
margin:0 0 1em 0;
}
p.anchor {
clear:both;
padding:2em 0 2em 0;
}
span.arrows {
color:#FB8B12;
font-weight:bold;
padding:0.2em 0.2em 0.5em 0;
vertical-align:middle;
}
/***** LINKS *****/
a,
a:link,
a:visited {
border:none;
color:#fff;
text-decoration:underline;
}
a:hover,
a:active,
a:focus {
border:none;
color:#FB8B12;
outline:none;
text-decoration:underline;
}
#main a img {
border:0;
}
/***** SPEZIELLE DIVS *****/
#site-content #column {
margin:1em auto;
width:72em;
}
#site-content #column #content {
color:#fff;
}
#site-content #column #content #logo a {
display: block;
height: 100px;
margin:1em auto;
width: 250px;
text-indent: -700em;
}
/***** NAVI *****/
#site-content #column #content #main-nav {
background-color:#313031;
background-image:url(menu-bg.jpg);
background-position:center 1.5em;
background-repeat:no-repeat;
border:3px ridge #cecfce;
font-family:verdana;
font-size:0.8em;
font-weight:bold;
height:150px;
text-transform:uppercase;
}
.menu {
margin:0 0 0 20px;
padding-bottom:50px;
position:relative;
width:800px;
z-index:100;
}
.menu ul {/* UL Ebene 1 */
list-style-type:none;
margin:0 5px 0 0;
position:relative;
top:1em;
}
.menu ul li {/* Listenelemente der Ebene 1 */
float:left;
position:relative;
}
.menu ul li a, 
.menu ul li a:visited {/* Links der Listenelemente der Ebene 1 */
border:1px solid #CECFCE;
color:#CECFCE;
display:block;
font-size:1.1em;
height:1.3em;
margin:0 0.3em 0 0;
padding:1px 7px;
text-decoration:none;
}
* html .menu ul li a, .menu ul li a:visited {
/*   width:149px; /* für 'normale' Browser */
/*  w\idth:139px; /* für IE */ */
}
.menu ul li ul {
display:none;
}
.menu table {
border-collapse:collapse;
margin:-1px; 
}
/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
.menu ul li:hover a,
.menu ul li a:hover {
color:#FB8B12;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
left:0; 
margin-top:2px;
position:absolute; 
top:14px;
width:150px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}
/* .menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
height:0; 
position:absolute; 
visibility:hidden; 
width:0;
} */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
background:#CECFCE none repeat scroll 0 0;
color:#313031;
display:block;
height:auto;
line-height:1.2em;
padding:1px 3px;
width:200px;
border-right:1px solid #313031;
border-bottom:1px solid #313031;
border-left:1px solid #313031;
}
* html .menu ul li a:hover ul li a {
width:135px;
w\idth:135px;
}
.menu ul li:hover ul li a.drop, /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
background:#CECFCE right bottom;
}
.menu ul li:hover ul li a:hover, /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
background:#CECFCE scroll 0 0;
color:#FB8B12;
}
.menu ul a.nav1st-on, /* Player Link */
.menu ul a:link.nav1st-on,
.menu ul a:visited.nav1st-on {
color:#FB8B12;
}
/***** CONTENT *****/
#site-content #column #content #pagetitle {
color:#8C8A8C;
font-size:2.2em;
font-weight:bold;
line-height:1.6em;
padding:0 27px 0 0;
text-align:right;
text-transform:uppercase;
}
#site-content #column #content #main {
background-color:#313031;
background-image:url(bg.jpg);
background-position:center center;
background-repeat:repeat-y;
border:3px ridge #cecfce;
color:#fff;
line-height:1.4em;
padding:1em 20px;
text-align:center;
}
#site-content #column #content #main #kopf {
clear:both;
}
#site-content #column #content #main p,
#site-content #column #content #main img {
margin:0 0 1em 0;
text-align:left;
}
#site-content #column #content #main p.em1 {
height:1em;
}
#page25 img.pleft {
border-right:1em solid transparent ;
}
/***** Mehr-Spalter *****/
.zweier,
.dreier {
clear:both;
}
/***** 2-Spalter *****/
#site-content #column #content #main #links2 {
float:left;
margin:0 20px 0 0;
width:360px;
}
#site-content #column #content #main #rechts2 {
float:left;
margin:0;
width:380px;
}
/***** 2-Spalter 1/3-2/3*****/
#site-content #column #content #main #links2b {
float:left;
width:233px;
}
#site-content #column #content #main #rechts2b {
float:left;
width:527px;
}
#site-content #column #content #main #kopf img.pleft {
margin:0 2em 1em 0;
}
#links2b h1,
#rechts2b h1 {
text-align:left;
margin:0 0 1em 0;
}
/***** 3-Spalter 1 Startseite *****/
#site-content #column #content #main #links3,
#site-content #column #content #main #mitte3,
#site-content #column #content #main #rechts3,
#unten3 .dreier .spalte_1,
#unten3 .dreier .spalte_2,
#unten3 .dreier .spalte_3 {
float:left;
margin:0 20px 0 0;
width:233px;
}
#site-content #column #content #main #rechts3 {
margin:0;
}
#site-content #column #content #main #links3 h1,
#site-content #column #content #main #mitte3 h1,
#site-content #column #content #main #rechts3 h1,
#unten3 .dreier .spalte_1 h1,
#unten3 .dreier .spalte_2 h1,
#unten3 .dreier .spalte_3 h1 {
text-align:right;
}
#site-content #column #content #main #links3 .txt-img,
#site-content #column #content #main #mitte3 .txt-img, 
#site-content #column #content #main #rechts3 .txt-img {
float:right;
}
#site-content #column #content #main #rechts3 object {
float:right;
margin:0 0 1em 0;
}
#site-content #column #content #main #links3 .playasong,
#site-content #column #content #main #mitte3 .playasong, 
#site-content #column #content #main #rechts3 .playasong {
float:right;
text-align:right;
margin:0 0 1em 0;
}
#site-content #column #content #main #links3 .play,
#site-content #column #content #main #mitte3 .play, 
#site-content #column #content #main #rechts3 .play {
float:right;
}
#site-content #column #content #main #unten3 .playasong {
height:4em;
text-align:left;
}
/***** 3-Spalter 2 *****/
#site-content #column #content #main #links3b,
#site-content #column #content #main #mitte3b {
float:left;
text-align:center;
width:30%;
}
#site-content #column #content #main #rechts3b {
float:left;
text-align:center;
width:40%;
}
#site-content #column #content #main #links3b h1,
#site-content #column #content #main #mitte3b h1,
#site-content #column #content #main #rechts3b h1 {
margin:0 1em 0.5em 0;
text-align:left;
}
#site-content #column #content #main #links3b .txt-img,
#site-content #column #content #main #mitte3b .txt-img, 
#site-content #column #content #main #rechts3b .txt-img {
margin:0 0 0 1em;
}
#site-content #column #content #main #links3b .txt-img ol,
#site-content #column #content #main #mitte3b .txt-img ol, 
#site-content #column #content #main #rechts3b .txt-img ol,
#site-content #column #content #main #links3b .txt-img ul,
#site-content #column #content #main #mitte3b .txt-img ul, 
#site-content #column #content #main #rechts3b .txt-img ul {
clear:left;
margin:0 0 0 3.5em;
text-align:left;
}
/***** Volle Breite *****/
#site-content #column #content #main p.fullwidth {
float:left;
width:740px;
}
/***** MEHRSPALTER REFERENZEN *****/
/* Beispiel CSS von Sven Jansen im Feld "Block-Name" zweier für die Spaltenart "zweispaltig" und dreier für die Spaltenart "dreispaltig" angegeben */
/* 2+3 */
.zweier {
margin:1em 1em 2em 1em;
width:760px;
}
.dreier {
width:70%;
display:inline;
}
#page12 .dreier {
clear:left;
float:left;
width:530px;
}
#page12 .dreier .spalte_1 {
float:left;
width:50px;
}
#page12 .dreier .spalte_2 {
float:left;
width:100px;
}
#page12 .dreier .spalte_3 {
float:left;
width:380px;
}
#page12 .playasong {
float:left;
clear:right;
}
/* 2 */
.zweier .spalte_1 {
 width: 290px;
 float: left;
 background: red;
}
.zweier .spalte_2 {
 width: 290px;
 float: right;
 background: yellow;
}
/* 3 */
.dreier .spalte_1 {
float:left;
width:20%;
padding:0;
}
.dreier .spalte_2 {
float:left;
width:40%;
}
.dreier .spalte_3 {
float:left;
width:20%;
}


/***** FOOTER *****/
#site-content #column #content #main #footer {
color:#CECFCE;
font-size:1em;
margin:2em 0 0 0;
}
/***** HEADLINES *****/
h1 {
font-size:1.3em;
font-weight:bold;
margin:0 0 0.5em 0;
text-align:left;
text-transform:uppercase;
}
h2 {
color:#FB8B12;
font-size:1.3em;
font-weight:bold;
text-align:left;
}
h3 {
font-size:1.3em;
font-weight:bold;
margin:0 0 0.5em 0;
text-align:left;
}
h4 {
font-size:1.3em;
margin:1em auto 2em auto;
text-align:center;
}
h5 {
font-size:1.4em;
margin:0 0 1em 0;
text-align:left;
}
h6 {
font-size:1.4em;
font-weight:bold;
margin:1em 0 2.5em 0;
text-align:center;
width:800px;
}

/***** DOWNLOAD *****/
.download-hdl,
.download-file {
line-height:0;
margin:0.6em 0 0 0;
padding:0;
}
.download-hdl {
font-weight:bold;
}
.download-file {
height:38px;
}
.download-file img {
display:inline;
vertical-align:text-top;
border:0;
}
/***** FORMS *****/
form input#button {
background-color:#333;
border-width:1px;
font-size:1em;
font-weight:bold;
text-decoration:none;
color:#CECFCE;
border-color:#CECFCE;
border-style:outset;
padding:1px 5px;
}
form input#button:hover {
color:#FB8B12;
}
form input#button:active{
color:#FB8B12;
border-style:inset;
}
/***** PLAYASONG *****/
.playasong {
clear:both;
display:table;
font-weight:bold;
margin:0 0 1em 0;
text-align:left;
text-transform:uppercase;
width:230px;
}
.playasong a {
text-decoration:none;
}
.playasong .orange {
color:#FB8B12;
}
.playasong a:hover .orange {
text-decoration:underline;
}
.playasong .play {
background:transparent url(n_rechts.jpg) no-repeat scroll left center;
float:left;
text-align:right;
width:5em;
}
.playasong a:hover .play {
color:#FB8B12;
text-decoration:underline;
}

a.pleft,
a.pright {
clear:both;
color:#CECFCE;
display:block;
font-weight:bold;
text-transform:uppercase;
}
a.pleft {
text-align:left;
}
a.pright {
text-align:right;
}
a.pleft:hover,
a.pright:hover  {
color:#FB8B12;
}
#site-content #column #content #main a img.pleft_b {
float:left;
margin:0 26px 25px 0;
}
/**** DIVERSES *****/
.arrow-t {
background-image:url(n_oben.jpg);
display:block;
float:left;
height:13px;
margin:2px 5px 0 0;
white-space:nowrap;
width:13px;
}
.copy {
float:left;
}
.border {
display:block;
width:780px;
}
.formstart {
display:none;
}
.movie {
clear:left;
float:left;
margin:0 1.5em 0 1em;
}
.sp-right {
float:right;
}
.txt-img ol,
.txt-img ul {
margin:0 0 1em 2em;
text-align:left;
}
#unten3 .txt-img-border {border:1px ridge #CECFCE;padding:1em 1em 0 0;}
#site-content #column #content #main #unten3 .txt-img-border p,
#site-content #column #content #main #unten3 .txt-img-border table {font-size:1.3em;font-weight:bold;line-height:1.4em;text-align:center;}
#unten3 .txt-img-border table {margin:0 auto;}
#unten3 .txt-img-border strong {color:#FB8B12;}
#unten3 h1 {text-align:center;}
#unten3 .playasong {margin:0 auto;text-align:center;width:auto;}
#unten3 .playasong .play {display:block;float:none;margin:auto;text-align:right;width:5em;}

.pright {
float:right;
}
.pleft {
float:left;
}
.pleft_b {
border-right:1em solid transparent ;
float:left;
}
.orange{
color:#FB8B12;
}
table td {
vertical-align:top;
}