/***** Layout Grundgerüst *****/
/*** Allgemeines HTML-Gerüst ***/
html, body{
margin:0px; 
padding:0px
}
html{
overflow:scroll
}
body{
font-family:arial,trebuchet ms,sans-serif; 
font-size:10pt; 
background-color:#2e2e2e; 
color:#808080
}
/*** Template-Aufbau ***/
.ie-wrapper{
text-align:center; 
background-image:url('http://load.vsdcrossmedia.de/img/wrapperbg.jpg'); 
background-position:top center; 
background-repeat:repeat-x; 
padding-top:45px; 
background-color:white
}
.wrapper, .footer{
width:1100px; 
background-image:url('http://load.vsdcrossmedia.de/img/mainborder.png'); 
background-position:top center; 
background-repeat:repeat; 
padding:5px 5px 0; 
margin:auto; 
text-align:left
}
.main{
padding:0 0 65px; 
background-color:white
}
.buehne{
padding:15px 30px 0; 
clear:both; 
min-height:230px
}
/** Header **/
/* Header-Aufbau */
.header{
height:277px; 
margin:0px 10px; 
padding:25px 20px 0px; 
background-image:url('http://load.vsdcrossmedia.de/img/headerbg.jpg'); 
background-position:bottom center; 
background-repeat:repeat-x
}
#headpic{
width:790px; 
height:200px; 
float:left; 
clear:left; 
margin:10px 0 0; 
padding-bottom:30px; 
background-image:url('http://load.vsdcrossmedia.de/img/shadow.png'); 
background-position:bottom center; 
background-repeat:repeat-x}
#headpic .picbox{
width:788px; 
height:198px !important; 
max-height:198px !important; 
background-image:url('../../../uploads/media/scharfe-ideen-001.jpg'); 
background-position:top left; 
background-repeat:no-repeat; 
border:1px solid white;
margin:0 !important; 
padding:0px; 
list-style-type:none}

/* Header-Inhalt */
.logo{
margin-top:-55px}
.logo, .menue{
float:left
}
.headpic img{
width:788px; 
height:198px
}
/* Edit-Icons im Headerpic ausblenden (Grund:hässlicher Schatten) */
.headpic img.frontEndEditIcons{
display:none
}
/** Layout-Inhalt **/
.inhalt{
float:left; 
width:590px
}
.home .inhalt{
padding-left:50px; 
width:700px
}
/** Footer **/
/* Footer-Aufbau */
.footerwrap, .footer{
background-position:top center; 
background-repeat:repeat-x; 
min-height:159px; 
clear:both
}
.footerwrap{
background-image:url('http://load.vsdcrossmedia.de/img/footerbg-aussen.png')
}
.footer{
background-image:url('http://load.vsdcrossmedia.de/img/footerbg-innen.png'); 
margin-bottom:50px
}
.balken{
background-color:#4e4e4e; 
float:left; 
clear:left; 
margin-top:25px; 
padding:0px 30px; 
width:1045px; 
height:22px
}
/* Footer-Inhalt */
.footer, .footer a{
color:#B0B0B0
}
.footer a:hover, .footer a:active, .footer a:focus{
color:#BBCB00
}
.balken, .balken a{
font-size:8pt
}
.balken a{
text-transform:uppercase; 
font-weight:bold
}
.firefox{
float:left; 
padding-top:4px; 
width:348px
}
.firefox span{
margin-left:5px
}
.firefox a{
padding-left:15px
}
.firefox a{
display:inline-block; 
background-image:url('http://load.vsdcrossmedia.de/img/icons/ff-spride.png'); 
background-repeat:no-repeat; 
background-position:left top
}
.firefox a:hover, .firefox a:active{
background-position:left -18px; 
color:#BBCB00
}

.copyright{
width:349px; 
float:left; 
text-align:center; 
padding-top:4px
}
.footer_infos{
line-height:130%; 
padding:0px 30px
}
.footer_leistungen, .footer_referenzen, .footer_kontaktdaten{
float:left; 
font-size:8pt; 
margin-top:15px
}
.footer_leistungen, .footer_referenzen{
border-right:1px solid #969696
}
.footer_referenzen, .footer_kontaktdaten{
border-left:1px solid #333333
}
.footer_leistungen{
padding-right:59px
}
.footer_referenzen{
padding:0px 58px
}
.footer_kontaktdaten{
padding-left:59px; 
margin-right:-100px
}

/*** Layout-Gimmicks ***/
/** Admin-Zeug (für normale User über TS ausgeblendet) **/
.logout, .adminlink{
position:fixed; 
top:5px; 
z-index:1000}
.logout{
margin-left:1010px; 
border:3px solid red
}
.adminlink{
border:2px solid #c1c1c1; 
border-top:2px solid #ededed; 
border-left:2px solid #ededed; 
background-color:#dedede; 
background-image:url('http://load.vsdcrossmedia.de/img/menuebg.png'); 
background-position:left top; 
background-repeat:repeat-y; 
cursor:pointer; 
font-weight:normal; 
padding:8px 10px; 
color:#333; 
font-size:10pt; 
margin-left:890px
}
/** Buttons (Social-Media, RSS und Sonstige) **/
/* W3C, TYPO3 */
.w3c{
margin:-184px 100px 0 0; 
width:43px; 
background-position:-130px top}
.t3{
margin:-185px 35px 0; 
width:54px; 
background-position:right top}
.agd{
margin:-184px 155px 0 0; 
width:59px; 
background-position:left top}
.t3, .w3c, .agd{
float:right; 
height:15px; 
display:block; 
background-repeat:no-repeat; 
background-image:url('http://load.vsdcrossmedia.de/img/icons/agd-w3c-typo3.png')}
.agd, .t3, .w3c, .addthis_button{
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
opacity:0.5}
.w3c:hover, .w3c:active, .w3c:focus, .t3:hover, .t3:active, .t3:focus, .agd:hover, .agd:active, .agd:focus, 
.addthis_button:hover, .addthis_button:active, .addthis_button:focus{
filter:alpha(opacity=100); 
-moz-opacity:1.0; 
-khtml-opacity:1.0; 
opacity:1.0}
/* AddThis-Bar */
.addthis_button{
clear:both; 
float:left; 
margin:-30px 0 0 -935px; 
position:absolute; 
z-index:500}

/* Facebook, Twitter, RSS */
.follower, .rssbutton, .fbbutton{
display:block; 
position:absolute; 
background-image:url('http://load.vsdcrossmedia.de/img/icons/rss-tweet.png'); 
background-repeat:no-repeat; 
width:35px; 
height:35px
}
.rssbutton{
margin:-9px 0 0 1010px; 
background-position:left top
}
.rssbutton:hover, .rssbutton:active, .rssbutton:focus{
background-position:right top; 
margin:-12px 0 0 1010px
}
a.follower{
margin:-8px 0 0 975px; 
background-position:left -40px
}
a.follower:hover, a.follower:active, a.follower:focus{
background-position:right -40px; 
margin:-10px 0 0 974px
}
.fbbutton{
margin:-10px 0 0 938px; 
background-position:left bottom
}
.fbbutton:hover, .fbbutton:active, .fbbutton:focus{
background-position:right bottom; 
margin:-12px 0 0 936px
}

/***** Inhalte *****/
/** Links **/
/* allgemeine Links */
a{
text-decoration:none; 
color:#CC0033
}
a:hover, a:active, a:focus{
color:#ff0033
}
a img{
border:0px none
}
/* spez. Links */
/* 
- Teamviewer Link unter Inhaltselemente:Teaviewer
- Firefox-Link unter Layout-Gimmicks
- Navifluss-Link unter CSS:extensions:Navifluss
*/
/** Überschriften **/
/* allgemeine H-Tags */
h1{
font-weight:normal; 
font-size:12pt; 
margin:0px 0px -3px; 
color:#666666
}
/* spez. H-Tags */
.inhalt h1, .inhalt h2, .inhalt h3, .inhalt h4, .inhalt h5, .inhalt h6{
font-family:arial,trebuchet ms,sans-serif; 
clear:both
}
.inhalt h1, .inhalt h2{
font-size:12pt; 
margin:0px 0px 10px 0px; 
color:#666666
}
.inhalt h1{
margin-bottom:0px
}
.inhalt h2{
border-top:1px dashed silver; 
display:block; 
padding-top:10px; 
font-weight:normal; 
margin-top:25px
}
.inhalt h2.noborder, .inhalt h3.noborder{
border:0px none; 
padding-top:0px; 
margin-top:5px; 
display:inline-block; 
font-weight:normal
}
.inhalt h3{
color:gray; 
border-top:1px solid silver; 
padding-top:10px; 
margin-top:20px; 
margin-bottom:0px; 
font-size:10pt
}
.inhalt h3.noborder{
font-weight:bold
}
.inhalt .extradiv h2, .inhalt .extradiv h1, .inhalt .extradiv{
color:#CC0033 !important
}
h1.minimal, h2.minimal, h3.minimal, h4.minimal, h5.minimal, h6.minimal{
font-size:100%; 
font-weight:normal; 
border:0px; 
padding:0px; 
margin:0px; 
display:inline
}

#partner h3{
margin-top:0px; 
border:0px none
}

/* Text mit Bild:Clear von Überschrift rausnehmen */
.csc-textpic-intext-left-nowrap h1, .csc-textpic-intext-left-nowrap h2, .csc-textpic-intext-left-nowrap h3, 
.csc-textpic-intext-left-nowrap h4, .csc-textpic-intext-left-nowrap h5, .csc-textpic-intext-left-nowrap h6{
clear:none}

/* Im Layout verwendete H-Tags */
.footer_infos h3{
font-size:10pt; 
text-transform:uppercase; 
padding-bottom:4px; 
margin:0px 0px -5px; 
border-bottom:1px solid #B0B0B0
}

/** Auszeichnungen etc. **/
/* allgemeine RTE-Auszeichnungen */
.important{
color:#dd0000; 
font-size:10pt
}
.name-of-person{
font-weight:bold; 
font-size:10pt
}
.detail{
color:#999; 
font-size:8pt
}
.green{
color:#fff; 
background-color:#bbcb00; 
padding:0 5px 1px; 
border:1px dotted #fff
}
/* spez. RTE-Auszeichnungen */
.footer .important{
font-size:8pt; 
font-weight:bold; 
color:#bbcb00
}

#c163 .detail, #c164 .detail{
margin-bottom:8px; 
display:block}

.clear{
clear:both
}
.higher{
margin-top:-40px
}
.pfeil{
font-weight:bold; 
font-size:12pt; 
margin-top:2px; 
margin:-4px 0 0 2px; 
display:inline-block
}
.crossnewsbox .pfeil{
float:right
}

/*** Bilder, Videos und sonstige Elemente ***/
/* Bild-Unterschriften (entfernen da bereits in Lightbox drin) */
.csc-textpic-caption{display:none}
/** Alle Bilder mit dem Haken bie Rahmen **/
.csc-textpic.csc-textpic-border img{
 border:1px solid #ededed !important}
/** default styles for extension "tx_cssstyledcontent"**/
/* Captions */
.csc-textpic-caption-c .csc-textpic-caption{text-align:center}
.csc-textpic-caption-r .csc-textpic-caption{text-align:right}
.csc-textpic-caption-l .csc-textpic-caption{text-align:left}
/* Needed for noRows setting */
.csc-textpic DIV.csc-textpic-imagecolumn{float:left; display:inline}
/* Border just around the image */
.csc-textpic-border .csc-textpic-imagewrap .csc-textpic-image img, .csc-textpic-border .csc-textpic-single-image img{
 padding:0px 0px}
.csc-textpic-imagewrap{padding:0}
.csc-textpic img{border:none}
/* DIV:This will place the images side by side */
.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image{float:left}
/* UL:This will place the images side by side */
.csc-textpic DIV.csc-textpic-imagewrap UL{list-style:none; margin:0; padding:0}
div.csc-textpic DIV.csc-textpic-imagewrap UL LI{float:left; margin:0; padding:0}
/* DL:This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image{float:left}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT{float:none}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD{float:none}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG{border:none}/* FE-Editing Icons */
DL.csc-textpic-image{margin:0}
DL.csc-textpic-image DT{margin:0; display:inline}
DL.csc-textpic-image DD{margin:0}
/* Clearer */
DIV.csc-textpic-clear{clear:both}
/* Margins around images:*/
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, 
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, 
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image{
 display:inline; /* IE fix for double-margin bug */
 margin-right:10px}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, 
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, 
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image{
display:inline; /* IE fix for double-margin bug */
margin-left:10px}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{
display:inline; /* IE fix for double-margin bug */
margin-left:10px}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{margin:0}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG{margin:0; vertical-align:bottom}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:10px}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow{margin-bottom:10px; display:block}
DIV.csc-textpic DIV.csc-textpic-imagerow{clear:both}
DIV.csc-textpic DIV.csc-textpic-single-image IMG{margin-bottom:10px}
/* IE7 hack for margin between image rows */
*+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image{margin-bottom:0}
*+html DIV.csc-textpic DIV.csc-textpic-imagerow{margin-bottom:10px}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol{margin-left:0px !important}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol{margin-right:0px !important}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, 
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap{
margin-right:10px !important}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, 
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap{
margin-left:10px !important}
/* Positioning of images:*/
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text{clear:both}
/* Center (above or below) */
DIV.csc-textpic-center{text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap{margin:0 auto}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image{text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text{text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap{float:right}
DIV.csc-textpic-right DIV.csc-textpic-text{clear:right}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap{float:left}
DIV.csc-textpic-left DIV.csc-textpic-text{clear:left}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{float:left}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap{float:right}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap{float:right; clear:both}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text{height:1%}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap{float:left; clear:both}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text, 
* html .csc-textpic-intext-left ol, 
* html .csc-textpic-intext-left ul{height:1%}
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last{margin-bottom:0}
/* Browser fixes:*/
/* Fix for unordered and ordered list with image "In text, left"*/
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul{padding-left:40px; overflow:auto}

/** spez. Bildstyles **/
#c70 .csc-textpic .csc-textpic-imagewrap{
margin-top:-25px}

/** Tabellen **/
/* allgmeine Tabellen */
table{
width:100%;
background-color:transparent !important}
td{
vertical-align:top
padding:2px}
/* spez. Tabellen */
#admPanel table {background-color:#fff !important}
/* Downloads:Bauamt-Kontakt */
.bauamt-table{
margin:-20px 0 0}

/** Listen (ol und ul) **/
/* spez. Listen */
/* Sitemap */
.csc-sitemap ul li{
line-height:200%; 
padding-top:15px}
.csc-sitemap ul li ul li{
line-height:140%; 
padding-top:0px}

/** Sonstige Tags **/
hr{
border:0px none; 
border-top:1px dashed silver
}
abbr, acronym{
cursor:help
}
/*** Inhaltselemente ***/
/** Teamviewer **/
.teamviewer{
margin:50px 0 0 0px
}
.teamviewer, .teamviewer a{
display:block; 
width:389px; 
height:51px
}
.teamviewer, .teamviewer a:hover, .teamviewer a{
background-repeat:no-repeat; 
background-position:top left
}
.teamviewer a{
background-image:url('../content/teamviewer_download.png')
}
.teamviewer, .teamviewer a:hover{
background-image:url('../content/teamviewer-download2.png')
}
/** Partner **/
#partner{
width:100%; 
margin-top:7px
}
#partner td.partnerbild{
border-top:1px solid silver; 
width:180px; 
text-align:right
}
#partner td.partnertext{
border-top:1px solid silver; 
padding-right:30px
}
#partner td.partnerbild img{
max-height:100px; 
max-width:180px
}
/** Job und Ausbildung */
.wir-suchen{
background-color:#bbcb00; 
background-image:url('http://load.vsdcrossmedia.de/img/extrabutton.png'); 
background-position:top left; 
background-repeat:repeat-y; 
color:white; 
padding:7px 8px 8px 8px; 
float:left; 
border:1px solid #bbcb00; 
font-weight:bold; 
margin-top:10px
}
.wir-suchen2{
border:1px solid #bbcb00; 
display:inline-block; 
float:left; 
margin:10px -50px 35px 0
}
.wir-suchen2 span{
display:inline-block; 
background-color:#E3E3E3; 
color:gray; 
padding:7px 8px 8px 8px; 
float:left; 
font-weight:normal
}
.wir-suchen2 span.border{
border-right:1px solid #F0F0F0
}
.wir-suchen3{
margin-top:25px
}
.extra.wir-suchen4{
font-size:17px; 
color:#BBCB00
}
.team_contentbild .csc-textpic-imagewrap{
margin-right:-15px; 
margin-top:5px
}
.team_contentbild .name-of-person, .team_contentbild .important{
font-family:arial,trebuchet ms,verdana,sans-serif; 
font-size:10pt
}
/** Kontaktinfos **/
#kontaktdaten{
margin-right:-50px
}
#kontaktdaten .name-of-person{
font-size:11pt
}
#kontaktdaten .detail{
display:inline-block; 
margin-bottom:7px
}
#kontaktdaten h2, #kontaktdaten h3{
width:600px
}
p.durchwahl{
border-top:1px dotted silver; 
padding-top:10px; 
width:200px; 
float:left; 
margin-right:5px
}
/* TYPO3-Login-Link */
a.typo-login{
display:inline-block; 
padding-left:72px; 
height:13px; 
padding-top:5px; 
background-image:url('../content/typo3.png'); 
background-position:top left; 
background-repeat:no-repeat; 
font-weight:bold}

/** Leistungen **/
/* Speisekarten */
.referenz-tabelle{
width:100%
}
.referenz-tabelle td{
text-align:center
}
.referenz-tabelle .referenz, .referenz-tabelle .under{
width:144px; 
height:89px; 
background-repeat:no-repeat; 
background-position:center center; 
display:inline-block
}
.referenz-tabelle .under{
margin:0 5px
}
.referenz-tabelle .referenz.steigenberger, .referenz-tabelle .under.steigenberger{
background-image:url('../content/leistungen/details/steigenberger_hotel_group_1.jpg')
}
.referenz-tabelle .referenz.crowneplaza, .referenz-tabelle .under.crowneplaza{
background-image:url('../content/leistungen/details/crowne_plaza_1.jpg')
}
.referenz-tabelle .referenz.maritim, .referenz-tabelle .under.maritim{
background-image:url('../content/leistungen/details/maritim_hotels_1.jpg')
}
.referenz-tabelle .referenz.steigenberger:hover{
background-image:url('../content/leistungen/details/steigenberger_hotel_group_2.jpg')
}
.referenz-tabelle .referenz.crowneplaza:hover{
background-image:url('../content/leistungen/details/crowne_plaza_2.jpg')
}
.referenz-tabelle .referenz.maritim:hover{
background-image:url('../content/leistungen/details/maritim_hotels_2.jpg')
}

/** Uploads **/
.inhalt div.uploadcontent{
background-image:url('../content/upload.png'); 
background-position:right 10px; 
background-repeat:no-repeat; 
padding-bottom:20px; 
width:450px
}

/***MENÜ***/

/*** Hauptmenü (Dropdown) ***/
/* Listeigenschaften für Haupt- und Submenü */
ul.menu, ul.menu ul, .subnav, .subsubnav{
list-style-type:none; 
padding:0; 
margin:0; 
z-index:5000 !important}
/* Hauptmenü */
ul.menu.first{
margin-left:80px}

/* Link-Eigenschaften */
ul.menu a, ul.menu .now{
display:block;  
padding:3px 10px 3px 10px;  
color:#808080; 
font-size:10pt; 
font-weight:bold; 
text-transform:uppercase}
/* Link-Eigenschaften für Submenü */
ul.menu ul a, ul.menu ul .now{
font-size:9pt; 
font-weight:normal; 
text-transform:none; 
color:#666}
/* Link:Hover-Eigenschaften */
ul.menu a:hover, ul.menu .now:hover, ul.menu a:active, ul.menu .now:active, ul.menu a:focus, ul.menu .now:focus{
color:#bbcb00}
/* Link:Hover-Eigenschaften für Submenü */
ul.menu ul a:hover, ul.menu ul .now:hover, ul.menu ul a:active, ul.menu ul .now:active, ul.menu ul a:focus, ul.menu ul .now:focus{
color:#bbcb00; 
background-color:#fff !important}
/* li-Eigenschaften Hauptmenü+Vererbung auf Submenü */
ul.menu li{
padding:0 5px; 
margin:0; 
float:left; 
/*height:20px; */
}

/* Für Unterpunkte kein Float - sonstige Anpassungen */
ul.menu ul li{
float:none; 
background-color:transparent; 
padding:0 0}
/* Zweite Ebene */
ul.menu ul{
margin:0; 
padding:0; 
position:absolute; 
display:none; 
width:150px; 
background-image:url('http://load.vsdcrossmedia.de/img/shadow.png'); 
background-position:0px 2px; 
background-repeat:repeat-x; 
background-color:#FAFAFA !important; 
margin-top:-5px; 
padding-top:15px !important; 
line-height:140%; 
border-bottom:4px solid white}
 /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul{
display:block}
/* Dritte Ebene */
ul.menu ul ul{
background-image:none; 
background-color:#fff; 
margin-top:0; 
padding-top:0px !important; 
border-top:4px solid white; 
border-bottom:0px none; 
width:170px}
/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul{
display:none; 
margin-left:150px; /* Breite eines Listenelements - Überlagerung */
margin-top:-25px; /* Höhe eines Listenelements */
}
 /* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul{
display:block}
/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul{
display:none}

 /* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul li:hover ul{
display:block}

/** Breadcrumb-Menü **/
.breadcrumb{
font-size:9pt; 
margin-left:94px; 
padding-top:25px}
.breadcrumb a{
font-weight:normal; 
text-transform:none; 
font-size:9pt; 
color:#808080}
/* Verschiedene Positionen für Breadcrumb */
.crumbhome{
display:none}
.crumball, .crumb1{margin-left:94px}
.crumb2{margin-left:187px}
.crumb3{margin-left:299px}
.crumb4{margin-left:412px}
.crumb5{margin-left:498px}
.crumb6{margin-left:590px}

/** Second-Menü (im Footer) **/
.secnav{
float:right; 
text-align:right; 
margin-top:4px
}
.secnav li{
display:inline-block; 
padding-left:15px
}
.secnav a, .secnav_now{
text-transform:uppercase; 
font-weight:bold
}

/** Sub-Menü **/
.submenue{
float:left; 
width:165px; 
margin-right:30px
}
body.home .submenue{
display:none
}
.submenue h3{
margin:0px; 
font-weight:normal; 
font-size:12pt; 
margin-bottom:8px
}
.subnav li{
background-color:#fff; 
min-height:22px; 
margin-bottom:1px; 
border-bottom:1px solid #E2E2E2
}
.subnav li a, .subnav li span{
display:block; 
/*background-color:#cdcdcd; 
background-position:6px top; */
background-image:url('http://load.vsdcrossmedia.de/img/menuebg.png'); 
background-repeat:repeat-y; 
background-position:right top; 
color:#888; 
font-weight:normal; 
padding:3px 5px 3px 15px}
.subnav li a:hover, .subnav li span:hover, .subnav li a:active, .subnav li span:active, .subnav li a:focus, .subnav li span:focus, 
.submenue a:hover, .subnav li .subnav_now, .subnav li span.active, .subnav li span.active a{
background-image:url('http://load.vsdcrossmedia.de/img/menuebg-hover.png'); 
background-color:#BBCB00; 
color:#888; 
background-position:6px 0}
.subnav li span.active{
padding:0px
}
.subnav li .active a{
color:#C8D900
}
.menue a:hover, .secnav a:hover{
color:#BBCB00
}

/* Subsubnav */
.subsubnav{
font-size:11px; 
background-color:#fff}
.subnav li .subsubnav a, .subnav li .subsubnav span{
background-image:url("http://load.vsdcrossmedia.de/img/menuebg-hover.png") !important; 
background-position:6px 0 !important; 
padding:5px 5px 3px 21px !important; 
background-color:#E2E2E2; 
color:#888888}

.subnav li .subsubnav li{
margin-bottom:0px; 
border-bottom:0px none; 
border-top:1px solid #E2E2E2; 
background-color:#E2E2E2; 
color:#888888 !important}

.subnav li .subsubnav a:hover, .subnav li .subsubnav a:active, .subnav li .subsubnav a:focus, 
.subnav li .subsubnav span:hover, .subnav li .subsubnav span:active, .subnav li .subsubnav span:focus, .subnav li .subsubnav .subnav_now, 
.subnav li .subsubnav span.active a, .subnav li .subsubnav span.active a:hover, .subnav li .subsubnav span.active a:active, 
.subnav li .subsubnav span.active a:focus{
background-color:#BBCB00; 
border-left:4px solid #E2E2E2; 
background-position:2px 0 !important; 
padding:5px 5px 3px 17px !important; 
color:#888888 !important}

.subnav li .subsubnav span.active, .subnav li .subsubnav span.active:hover, .subnav li .subsubnav span.active:active, 
.subnav li .subsubnav span.active:focus{
padding:0px !important; 
border-left:0px none}
/** Seiten-Druchblättern-Links **/
.navifluss{
margin:-30px 0 0 225px; 
font-size:9pt; 
position:absolute; 
width:589px
}
.navifluss a{
color:#999
}
.navifluss a span{
background-color:#ddd; 
border:1px dotted #fff; 
color:#FFFFFF; 
display:inline-block; 
font-size:115%; 
height:14px; 
line-height:85%; 
text-align:center; 
width:15px
}
.navifluss a:hover, .navifluss a:active, .navifluss a:focus{
color:#fff; 
background-color:#ddd
}
.navifluss a:hover span, .navifluss a:active span, .navifluss a:focus span{
background-color:#bbcb00; 
border:1px solid #bbcb00
}
.navifluss .seite-vor{
float:right; 
padding-left:4px
}
.navifluss .seite-zurueck{
float:left; 
padding-right:4px
}