/* CSS sweet-ballerina.com - alle Browser  (c) 2010
**************************************************/

/* Grundstruktur
**************************************************/
body { background-color: #2f2215; color: #f7f8d8; margin: 0; }
body, td { font: 11px Verdana, Helvetica, "Trebuchet MS", "Helvetica Neue", Arial; }
td, table, tr { text-align: left; font-size: 11px; padding: 0; margin: 0;}
form { margin: 0; padding:0; }

#seite { width: 1000px; margin: 0 auto; }
#kopftitel { width: 1000px; height: 17px; border-bottom-style: solid; border-bottom-color: #776e5e; border-bottom-width: 1px; margin: 0; }
#content { width: 1000px; padding: 0; text-align: left; margin: 0px; padding: 0px; background-color: #352c23; }
#hnavi { width: 350px; height: 27px; background-color: #9e978b; margin: 0; color: #f7f8d8; }
#subnavi { width: 350px; height: 500px; background: url(/layout/grafiken/navbgr.jpg) no-repeat; text-align: left; margin: 0; }
#subnavimem { width: 350px; height: 472px; background: url(/layout/grafiken/navbgr.jpg) no-repeat; text-align: left; margin: 0; }
#galerienavi { width: 1000px; height: 27px; background-color: #4d4d4d; margin: 0; text-align: left; }
#vorschau { width: 1000px; height: 167px; background-color: #494337; font-size: 8px; text-align: left; margin: 0px; padding: 0px; color: #f7f8d8; }
#ofuss { width: 1000px; height: 77px; border-top: 1px solid #2f2315; background-color: #80786b; text-align: left; margin: 0px; padding: 0px; color: #f7f8d8; }
#ofussmem { width: 1000px; height: 108px; border-top: 1px solid #2f2315; background-color: #80786b; text-align: left; margin: 0; color: #f7f8d8; }
#ufuss { width: 1000px; border-top: 1px solid #ccbfa9; text-align: left; margin: 0; color: #f7f8d8; }
#galfoto { text-align: center; background-color: #1a1a1a; }

.endfloat { clear: left;}


/* content
**************************************************/
#contentgal { width: 1000px; padding: 0; text-align: center; margin: 0; background-color: #1a1a1a; }
#contentgal a { color: #cbbea7; text-decoration: none; }
#contentgal a:hover { text-decoration: underline; }
#contentgal table { margin: 0 auto; }

#contlinks { width: 350px; float: left; margin: 0px; padding: 0px;}
#contrechts { width: 650px; float: left; margin: 0px; padding: 0px; }

#contlinks .titel { width: 350px; height: 84px; }
#contlinks .content { width: 350px; height: 115px;  color: #f7f8d8; }
#contlinks td { color: #cbbea7; }
#contlinks .video { width: 350px; height: 197px; }
#contlinks div.player { padding-left: 5px; padding-top: 5px; }
#contlinks a { color: #cbbea7; text-decoration: none; }
#contlinks a:hover { text-decoration: underline; }

#contlinks a.player { color: #cbbea7; text-decoration: underline; }
#contlinks .klein { font-size: 10px; }

#contlinks .titeltext { width: 330; margin-left: 10px; padding-top: 8px; color: #f7f8d8; }
#contlinks .homeunten { width: 350px; height: 322px; background: url(/layout/grafiken/homebgr.jpg) no-repeat; color: #f7f8d8;}

#contrechts .dunkel { background-color: #1a1a1a; }

#contrechts .slogan { font-size: 15px; font-weight: bold; text-transform: uppercase; padding-right: 5px; margin-top: 9px; }
#contrechts a, #contrechts a.slogan { color: #f7f8d8; text-decoration: none; }
#contrechts a:hover, #contrechts a.slogan:hover { color: #f7f8d8; text-decoration: underline; }
#contrechts .ueberschrift { width: 650px; height: 27px; background-color: #9e978b; margin-top: 0; border-top-style: solid; border-top-color: #9e978b; border-top-width: 1px;}
#contrechts .ueberschrift2 { width: 650px; height: 27px; background-color: #9e978b; margin-top: 0; border-top-style: solid; border-top-color: #80786b; border-top-width: 1px;}
#contrechts .linksueberschrift { width: 350px; float: left; }
#contrechts .rechtsueberschrift { width: 300px; float: left; text-align: right; }

#contrechts h1 { font: 15px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #f0f0f0; letter-spacing: 0.07em; margin: 5px 15px 0 10px; }
#contrechts h2 { font-size: 13px; font-weight: bold; margin-top: 0; margin-bottom: 8px; padding: 0; }

#contrechts .links { width: 317px; height: 500px; float: left; }
#contrechts .rechts { width: 333px; height: 500px; float: left; }
#contrechts .linkstext { width: 302px; margin-left: 15px; margin-top: 12px; }
#contrechts .rechtstext { width: 302px; margin-left: 16px; margin-top: 12px; }
#contrechts .breittext { width: 620px; margin-left: 15px; margin-top: 12px; }

#contrechts .linkbanner { margin-bottom: 12px; }

#contrechts .uptitel { font-size: 11px; font-weight:bold; text-align: right; padding-top: 2px; padding-right: 7px; text-transform: uppercase; color: #e2dbd1; line-height: 105%; }
#contrechts .uptext { font-size: 9px; text-align: right; padding-top: 5px; padding-right: 7px; text-transform: uppercase; color: #cccccc; line-height: 115%; }
#contrechts .muptext { font-size: 9px; text-align: right; padding-top: 2px; padding-right: 7px; text-transform: uppercase; color: #cccccc; line-height: 110%; }
#contrechts .upslogan { font-size: 12px; padding-left: 7px; text-transform: uppercase; line-height: 102%;}
#contrechts a.upslogan { font-size: 12px; text-transform: uppercase; line-height: 102%; color: #e2dbd1; text-decoration: none; }
#contrechts a:hover.upslogan { text-decoration: underline; }

#contrechts table.logtab { border-bottom: 1px solid #f7f8d8; margin-bottom: 20px; }
#contrechts td.tabrechts { text-align: right; }
#contrechts td.tabrechts, #contrechts td.tablinks { padding-bottom: 12px; }
#contrechts input.logInput, #contrechts input.logInputKurz { height: 21px; border: 1px solid #b8b49e; background-color: #3a3327; color: #f7f8d8; }
#contrechts input.logInput { width: 186px; }
#contrechts input.logInputKurz { width: 123px; }
#contrechts input.check { border: 1px solid #f7f8d8; background-color: #263423; color: #f7f8d8;}
#contrechts a.loglink { font-size: 9px; color: #f7f8d8; text-decoration: none; }
#contrechts a:hover.loglink { text-decoration: underline; }
#contrechts a.bigloglink { font-size: 16px; color: #f7f8d8; text-decoration: underline; margin-top: 20px; margin-bottom: 20px; display: block; }
#contrechts a.midloglink { font-size: 11px; color: #f7f8d8; text-decoration: underline; }


#contrechts .updatebox, #contrechts .mupdatebox1, #contrechts .mupdatebox2, #contrechts .mupdatebox3, #contrechts .mupdatebox4 { background-color: #1a1a1a; }
#contrechts .updunkel { width: 650px; height: 611px; background-color: #1a1a1a; }


/* hnavi
**************************************************/
#hnavi .homeaktiv, #hnavi .joinaktiv, #hnavi .memaktiv, #hnavi .upaktiv, #hnavi .memoutaktiv, #hnavi .memhomeaktiv, #hnavi .memupaktiv, #hnavi .memsuppaktiv,  { background-color: #786445; }
#hnavi a.home, #hnavi .homeaktiv { width: 71px; height: 27px; float: left; }
#hnavi a:hover.home { width: 71px; background-color: #786445; }
#hnavi a.join, #hnavi .joinaktiv { width: 96px; height: 27px; float: left; }
#hnavi a:hover.join { width: 96px; background-color: #786445; }
#hnavi a.mem, #hnavi .memaktiv { width: 90px; height: 27px; float: left; }
#hnavi a:hover.mem { width: 90px; background-color: #786445; }
#hnavi a.up, #hnavi .upaktiv { width: 93px; height: 27px; float: left; }
#hnavi a:hover.up { width: 93px; background-color: #786445; }
#hnavi a.memout, #hnavi .memoutaktiv { width: 85px; height: 27px; float: left; }
#hnavi a:hover.memout { width: 85px; background-color: #786445; }
#hnavi a.memhome, #hnavi .memhomeaktiv { width: 71px; height: 27px; float: left; }
#hnavi a:hover.memhome { width: 71px; background-color: #786445; }
#hnavi a.memup, #hnavi .memupaktiv { width: 94px; height: 27px; float: left; }
#hnavi a:hover.memup { width: 94px; background-color: #786445; }
#hnavi a.memsupp, #hnavi .memsuppaktiv { width: 100px; height: 27px; float: left; }
#hnavi a:hover.memsupp { width: 100px; background-color: #786445; }

/* subnavi und subnavimem
**************************************************/
#subnavi .links { width: 223px; height: 500px; float: left; }
#subnavi .rechts { width: 127px; height: 500px; float: left; }
#subnavi h2, #subnavimem h2 { font-size: 15px; color: #f7f8d8 ; margin-left: 12px; margin-top: 12px; margin-bottom: 10px; font-weight: normal; text-transform: uppercase; }
#subnavi a, #subnavimem a { color: #cbbea7; display: block; margin-left: 12px; margin-bottom: 2px; text-decoration: none; }
#subnavi a:hover, #subnavimem a:hover { color: #cbbea7; background-color: #352e23; text-decoration: underline; }

#subnavi .wmbox { margin-left:15px; padding-top: 15px; width: 335px; }
#subnavi .wmlinks { width: 165px; float: left; }
#subnavi .wmrechts { width: 150px; float: left; }
#subnavi .wmoben { font-size: 9px; margin-bottom: 22px; }
#subnavi .wmunten { font-size: 9px; }
#subnavi .wmimg { margin-top: 3px; }

#subnavimem .links { width: 223px; height: 472px; float: left; }
#subnavimem .rechts { width: 127px; height: 472px; float: left; }

/* vorschau
**************************************************/
#vorschau .box, #vorschau .endbox { height: 167px; float: left; }
#vorschau .box { border-right: 1px solid #80786b; }
#vorschau .boxbild { height: 83px;}
#vorschau .boxtext { width: 114px; margin-left: 5px; font-size: 9px;}
#vorschau .boxhead { height: 30px; display: block; overflow: hidden; color: #f7f8d8; margin-top: 3px; margin-bottom: 2px; text-transform: uppercase; font-weight: normal; font-style: normal; font-size: 10px; font-weight: bold;}

/* ofuss
**************************************************/
#ofuss .links { width: 500px; float: left;}
#ofuss h3 { padding: 0; margin-bottom: 3px; margin-top: 4; color: #f7f8d8; font: normal 17px Georgia, "Times New Roman", Times, serif; }
#ofuss .form { margin-top: 6px; }

/* ofussmem
**************************************************/
#ofussmem .fussbox { width: 992px; height: 103px; margin-left: 5px; margin-top: 5px; }
#ofussmem .box { width: 124px; float: left; }
#ofussmem .boxtext { margin-top: 3px; font-size: 9px; }

/* ufuss
**************************************************/
#ufuss .links { width: 500px; float: left; padding-top: 6px; }
#ufuss .rechts { width: 500px; float: left; text-align: right; padding-top: 6px; }
#ufuss .unten { padding-top: 12px; font-size: 8px; }
#ufuss .aktiv { color: #cbbea7; }

#ufuss a { color: #f7f8d8; text-decoration: none; }
#ufuss a:hover { text-decoration: underline; }

/* galfoto
**************************************************/
#galfoto a { color: #f7f8d8; text-decoration: none; }
#galfoto a:hover { text-decoration: underline; }
#galfoto h2 { font-size: 16px; font-weight: bold; }


/* freie Formatierungen für WYSIWYG-Textfelder
**************************************************/
.klein10px { font-size: 10px; }
.klein9px { font-size: 9px; }