/*
*******************************************************************
  ____                        _          _             
 / ___| _ __   __ _ _ __   __| | ___ ___(_) __ _ _ __  
 \___ \| '_ \ / _` | '_ \ / _` |/ _ | __| |/ _` | '_ \ 
  ___) | | | | (_| | |_) | (_| |  __|__ \ | (_| | | | |
 |____/|_| |_|\__,_| .__/ \__,_|\___|___/_|\__, |_| |_|
                   |_|                     |___/       
*******************************************************************

Dieser Webauftritt wurde erstellt durch Snapdesign, der Grafikagentur
aus dem Knonaueramt. Mehr Informationen unter www.snapdesign.ch.
Dieser Quellcode darf nicht ohne Bewilligung kopiert werden.

*/


body {
padding:0px;
margin:0px;
background-image:url(../img/bg.jpg);
font-family: Arial Bold,sans-serif;
}

#container{
}

#logo{
padding-top:100px;
padding-bottom:70px;
background-image:url(../img/logo.png);
background-repeat:no-repeat;
background-position:right;
margin-right:70px;
}

#adresse{
margin-left:40px;
font-size:14px;
line-height: 20px;
float:left;
color:black;
font-size:14px;
}

#adresse p.fett {
font-weight:bold;
color:black;
font-size:14px;
}

#adresse a{
color:#353535;
}

#adresse a:hover{
color:black;
}

#adresse p.abstand{
margin-top:14px;
color:black;
font-size:14px;
}

p{
font-size:14px;
}


/*  
**********************************************************
CSS Image Slider
Author: RHO 4 RHOdesign
Author URI: http://www.rhodesign.ch
**********************************************************
*/

* {margin:0;padding:0;} 

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

a, a:visited{color: black;text-decoration: none;}
a:hover{color: black;text-decoration: none;}
a img {border: none;}



#tooltip{
position:absolute;
background-color:black;
opacity: 0.7;
max-width:230px;
}	
#tooltip p {
margin : 0;
padding:3px 8px;
color:white;
font-family:Arial,Sans-Serif;
font-size:13px;
}

#wrap { 
width: 100%;

}
	
#main {  
overflow: auto;
}

#makeMeScrollable {
width:100%;
height: 360px;
position: relative;
}
		
#makeMeScrollable div.scrollableArea img{
position: relative;
float: left;
margin: 0;
padding: 0;
}


/* Invisible left hotspot */
div.scrollingHotSpotLeft {
/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
min-width: 40px;
width: 40px;
height: 300px;
z-index: 200;
left: 0;
position: absolute;

/*  The first url is for Firefox and other browsers, the second is for Internet Explorer 
cursor: url(images/arrow_left.png), url(images/cursors/cursor_arrow_left.cur),w-resize;*/
}

/* Invisible right hotspot */
div.scrollingHotSpotRight {
min-width: 40px;
width: 40px;
height: 300px;
position: absolute;
z-index: 200;
right: 0;
/*  The first url is for Firefox and other browsers, the second is for Internet Explorer 
cursor: url(images/arrow_right.png), url(images/cursors/cursor_arrow_right.cur),e-resize;*/
}


/* Visible left hotspot */
div.scrollingHotSpotLeftVisible {
background: url(../img/arrow_left.png) no-repeat center;
opacity: 0.80; /* Standard CSS3 opacity setting */
-moz-opacity: 0.80; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
filter: alpha(opacity = 80); /* Opacity for Internet Explorer. */
zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible {
background: url(../img/arrow_right.png) no-repeat center;
opacity: 0.80;
filter: alpha(opacity = 80);
-moz-opacity: 0.80;
zoom: 1;
}



/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}

div.scrollableArea{
position: relative;
width: auto;
height: 100%;
}