/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */
 
html{overflow:auto} 
body{margin:0; padding:0;background-color: #CADB29;background-color: #fff;position:absolute;top:0; left:0; width:100%; height:100%; overflow:auto; font-size:0.75em; color:#004878; font-family:Tahoma, Arial, Helvetica, sans-serif}
img{border:0}

#adresse{font-size:11px;position:absolute;left:0; bottom:-2em;width:860px;text-align:center; color:#444}
#seite{z-index:1;position:absolute; top:50%;left:50%;margin:-320px 0 0 -441px;width:860px;height:600px;padding:11px; background-image:url(../images/seite.png); background-repeat:no-repeat}
#rand{position:absolute; top:11px;left:11px;width:860px;height:600px}

#linksoben{position:absolute; top:0px;left:0px;width:280px;height:339px; overflow:hidden; background-color:#fff}
  #logo{position:absolute; top:0px;left:0px;width:280px;height:117px;}
    #logo img{width:280px;height:117px;}
  #sprache{position:absolute; top:0px;left:0px;width:60px; height: 11px;padding:1px 4px 4px 2px; background-color:#fff}
    #sprache a{margin-right:2px}
    #sprache img{width:16px; height:11px}
  #express{position:absolute; top:125px; left:13px; width: 146px; font-size:11px; text-align:center}
    #express a{text-decoration:none; color:#000; display:block; border:1px solid #f90;;  background-color:#f90; font-weight:bold}
    #express a:hover{border:1px solid #000;border-color:#f90 #930 #930 #f90;  background-color:#d60;}
  #express2{width: 146px; font-size:11px; text-align:center}
    #express2 a{text-decoration:none; color:#000; border:1px solid #f90;;  background-color:#f90; font-weight:bold}
    #express2 a:hover{border:1px solid #000;border-color:#f90 #930 #930 #f90;  background-color:#d60;}
  #nav{position:absolute; top:145px;left:13px;width:256px;height:190px; font-size:11px}

/*begin menu*/
/*core*/
.vmenu {list-style-type:none}
.vmenu ul {padding:0;margin:0;list-style-type: none;font-size:0.1px}
.vmenu li {position:relative}
.vmenu li li {;margin:0}
.vmenu li a {position:relative;display:block}
.vmenu li li a {}
.vmenu li:hover,#menu li:hover + li:hover {}
.vmenu li:hover > a {}
.vmenu li div {display: none;position:absolute;background-image:url(0.gif);background-position:-10px -10px;background-repeat:no-repeat}
.vmenu li div div {}
.vmenu li:hover > div {position:absolute;display:block}
.vmenu li > div ul {position:relative;background-color:#EFF4BB;}
/*end core*/
/*layout*/
.vmenu {margin:0; padding:0;width:93px }
.vmenu li {margin:0;width:93px;font-size:11px}
.vmenu li li {width:163px; border:0px solid white;}
.vmenu li a {color:#000;text-decoration:none;background-color:transparent; padding:1px 3px; border:0px}
.vmenu li li a {}
.vmenu li:hover,.vmenu li:hover + li:hover {}
.vmenu li:hover a {color:#c00;background-color:#EFF4BB; border-right-width:0}
.vmenu li div {top:-10px;width:163px;padding:10px;margin-left:-1px;left:83px;border:0px solid #000}
.vmenu li div div {left:200px}
.vmenu li:hover div ul {width:163px;padding:0 } 
.vmenu li.aktiv {background-color:#EFF4BB; }
.vmenu li.aktiv li{}
.vmenu li.aktiv div {display: block}
.vmenu:hover li.aktiv  {background-color:transparent}
.vmenu:hover li.aktiv div {display: none}
.vmenu:hover li.aktiv:hover div {display: block}
.vmenu:hover li.aktiv:hover div div {display: none}


/*layout*/
/*end vmenu*/  
 

  #nav a{ color:#004878; text-decoration:none}
  #nav a:hover{ text-decoration:underline}
  #nav  a.hier{ font-weight:bold;}
  #nav a.hier:hover{ text-decoration:none; cursor:default}
  #nav ul{ list-style-type:none}
  #nav ul ul{margin-left:1em}
  #nav #menu{  }
  #nav #skype{position:absolute; left:2px;bottom:3px; width:65px; margin:0; padding:0 }
  #nav #top{position:absolute; left:72px;bottom:5px; width:180px; margin:0; padding:0 }
    #nav #top a:hover{text-decoration:underline}  

#linksunten{position:absolute; top:339px;left:0px;width:280px;height:261px; overflow:hidden; background-color: #f4f4f4} 
    .anfragediv{float:right;position:relative;border:1px solid #333;background-color:#EFF4BB;width:150px;text-align:center;padding:5px}
    .anfragediv a{text-decoration:none;font-weight:bold;color:#004878;font-size:1.1em;}
    #angebote a{color:#fff; text-decoration:none; display:block}
      #angebote a:hover{font-weight:bold}
    #angebote .links{position:absolute; bottom:0px;left:0px;width:25px;height:100%;background-image:url(/onTEAM/layout/images/pfeil-links.png); opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30);background-repeat:no-repeat; background-position:center}
    #angebote .rechts{position:absolute; bottom:0px;right:0px;width:25px;height:100%;background-image:url(/onTEAM/layout/images/pfeil-rechts.png); opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30);background-repeat:no-repeat; background-position:center}
    #angebote .links:hover,#angebote .rechts:hover{cursor:pointer; opacity:0.9; -moz-opacity:0.9;filter:alpha(opacity=90)}
    #angebote .foto{z-index:1;position:absolute; cursor:pointer;top:0px;left:0px;width:280px;height:261px; overflow:hidden; background-position:center;background-repeat:no-repeat}
    #angebote .text{z-index:3;position:absolute; padding:5px 30px;bottom:0px;left:0px;width:220px;height:auto;overflow:hidden; background-color:#000; opacity:0.6; -moz-opacity:0.6;filter:alpha(opacity=60); text-align:center; color:#fff; }
    #angebote .titel{z-index:2;font-weight:bold;position:absolute; padding:5px 25px;top:0px;left:0px;width:230px;height:auto;overflow:hidden; background-color:#fff; opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30); text-align:center; color:#000; text-transform:uppercase}

#rechts{position:absolute; top:0px;left:280px;width:580px;height:600px; overflow:auto; background-color: #fff; line-height:1.5em}
#skype2{float:right;width:330px; margin-top:-5px }

#rechtsoben{position:absolute; top:0px;left:280px;width:580px;height:339px; overflow:hidden; background-color: #f4f4f4} 

#rechtsunten{position:absolute; top:339px;left:280px;width:580px;height:261px; overflow:auto; background-color: #fff; line-height:1.5em; color:#004878;}
  #input{position:relative;margin:25px 30px; padding-bottom:20px} 
    h1{margin:0 0 0.95em 0; font-size:1.15em; text-transform:uppercase}
    h2{margin:1.25em 0 0.75em 0; font-size:1.1em} 
    p{margin:0 0 0.5em 0}
    #input a{color:#004878} 
    #wortwolke{ float:right; width:160px; background-color:#EFF4BB; margin: 0 0 10px 10px; padding:5px; text-align:center}
    #wortwolke a{color:#869218; text-decoration:none}
    #wortwolke a:hover{text-decoration: underline}
    table{border-collapse:collapse; margin:1em 0}
    td{border:1px solid #fff; padding:2px 5px;background-color:#f4F9cc;color:#444; font-size:11px} 
div.kind{display:none; }
iframe#reply{width:480px; height:1px}


#container {position:relative;left:-100px;top:-65px;width:680px;height:451px}
#container  #containerimage{cursor:url(/onTEAM/layout/images/zoom.cur),pointer} 
#container2 {position:relative;left:0px;top:0px;width:480px;height:339px}
#container2 iframe {position:relative;width:100%;height:100%;border:0px}
#container3 {position:relative;left:0px;top:0px;width:580px;height:339px;background-position:center;background-repeat:no-repeat}
#bildnav {position:absolute;left:452px;top:0px;width:128px;height:340px;z-index:5;cursor:pointer; padding-left:0px; overflow:hidden; background-color:#f4f4f4}
.galeriebild img{width:127px;height:84px;cursor:pointer; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); margin-bottom:0px; border:1px solid #fff;border-width:0 0 1px 1px}
.galeriebild img:hover{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100)}

#zoom {position:absolute; z-index:1000;top:11px; left:11px; width:860px;height:600px;display:none}
  #zoom img{position:absolute; top:0; left:0;width:860px;height:600px;cursor:pointer;}
  #zoom .close{cursor:pointer;position:absolute; top:0px; right:0px; width:30px;height:30px;background-image:url(/onTEAM/layout/images/close.png);background-repeat:no-repeat; background-position:center center}
  #zoom .text {display:none;position:absolute; bottom:0px; left:0px; width:860px;height:30px;overflow:hidden}
    #zoom .text-bg{position:absolute; top:0px; left:0px; width:100%;height:100%; background-color:#000; opacity:0.3; -moz-opacity:0.3;filter:alpha(opacity=30)}
    #zoom .text-text{position:absolute; top:0px; left:30px; width:800px;height:30px;color:#fff; padding:7px 10px; text-align:center}
    #zoom .text-links{position:absolute; top:0px; left:0px; width:30px;height:30px;cursor:pointer; background-image:url(/onTEAM/layout/images/pfeil-links.png);background-repeat:no-repeat; background-position:center center}
    #zoom .text-rechts{position:absolute; top:0px; right:0px; width:30px;height:30px;cursor:pointer; background-image:url(/onTEAM/layout/images/pfeil-rechts.png);background-repeat:no-repeat; background-position:center center}
    #zoom .close,#zoom .text-links, #zoom .text-rechts{opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60)}
    #zoom .close:hover,#zoom .text-links:hover, #zoom .text-rechts:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100)}

#buchung {position:absolute; z-index:1000;top:11px; left:11px; width:860px;height:600px;display:none}
  #buchung iframe{position:absolute; top:30px; left:0;width:860px;height:570px;frameborder:0px;border:0px}
  #buchung .close{position:absolute; top:0px; right:0px; width:860px;height:30px;background-color:#666}
  #buchung .close h1{position:absolute; top:7px; left:10px;width:700px; color:#fff} 
  #buchung .close img{position:absolute; top:0; left:830px;cursor:pointer}

.item {position:relative;}
.itemspacer {position:relative;clear:left;height: 10px}
.item .thumb {position:relative;float:left;width:112px;height:104px;margin-right:10px}
.item .thumb a{position:relative;width:100%;height:100%;cursor:pointer;display:block}

@media screen and (max-width: 890px){


}
@media handheld, screen and (max-width: 1px){

#seite{position:relative; top:0;left:0;margin:5px auto;width:280px;border:1px solid #000; background-image:none; height:auto; background-color:#fff; padding:0}
#rand{position:relative; top:0;left:0;width:280px;height:auto; padding:339px 0 0 0; margin:0px}

#linksoben{position:absolute; top:0px;left:0px;width:280px;height:339px;z-index:10}

#linksunten{position:relative; top:0px;left:0px;width:auto;height:200px;} 
  #angebote{height:200px;}

#rechtsoben{display:none} 
#rechtsunten{position:relative; top:0px;left:0px;width:auto;height:auto; overflow:auto;z-index:5; font-size:0.9em}
#adresse{font-size:11px;position:relative;left:0; top:0em;width:280px;text-align:center; color:#444; background-color:#ccc; margin-bottom:5px}

}