@import url("viasko_layer.css");
@import url("viasko_slideshow.css");
@import url("viasko_hdbildle.css");

@import url(http://fonts.googleapis.com/css?family=Devonshire);
@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

::-webkit-scrollbar
{
     width: 10px;
     height: 10px;
}
            
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment 
{
     display: none;
}
             
::-webkit-scrollbar-track-piece  
{
     background-color: #99BE03;
     -webkit-border-radius: 6px;
}
             
::-webkit-scrollbar-thumb:vertical
{
     -webkit-border-radius: 6px;
     background: #f39200; url(scrollbar_thumb_bg.png) no-repeat center;
}

body 
{
	background-image: url("Bilder/BG.jpg");
	margin: 0;
	font-family: Helvetica, Arial, sans-serif; 
}


.green_overlay
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: url("Bilder/BG.jpg");
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

h1
{   
	color: #f39200;
    font-size: 1.3em;
	font-weight: bold;
}

.hhb
{
    color: #f39200;
    font-size: 1em;
    line-height: 1.1em;
    margin: 0; 
	font-weight: bold;
	text-decoration: none;
}

p
{
	color: #2e2d2c;
    font-size: 0.83em;
    line-height: 1.1em;
}

a
{
    color: #f39200;
    font-size: 1em;
    line-height: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #99BE03;
}

#achtung-light, #friends-light, #vielosophie-light, #gallery-light, #opentime-light, #brunch-light, #impressum-light, #sprachrohr-light
{
	padding: 0;
}

#root_site 
{
	position: relative; 
	width: 1024px;
	height: 768px;
	margin: 0 auto;
}


a.tw, a.zr
{
	display: block;
}
	
	
a.tw
{
	width: 33px;
	height: 22px;
	left: 9px;
	top: 17px;
	position: absolute;
}

a.zr
{
	width: 25px;
	height: 25px;
}

a.tw:active, a.tw:focus, a.zr:active, a.zr:focus 
{
	outline: none;
}	

.zahnrad
{
	z-index: 3;
	width: 25px;
	height: 25px;
	background-image: url("Bilder/zahnrad_hover.gif");
	cursor: pointer;
}

.zahnrad-gallery
{
	left: 220px;
	top: 235px;	
}

.zahnrad-friends
{
	left: 633px;
	top: 108px; 
}

.zahnrad-sprachrohr
{
	left: 810px;
	top: 585px;  
}

.zahnrad-vielosophie
{
	left: 278px;
	top: 565px;  
}

.zahnrad-speisekarte
{
	left: 935px;
	top: 210px;  
}

.zahnrad-opentime
{
	left: 356px;
	top: 679px; 
}

.zahnrad-brunch
{
	left: 670px;
	top: 610px; 
}

.zahnrad-impressum
{
	left: 277px;
	top: 307px; 
}


.zahnrad-gallery, .zahnrad-friends, .zahnrad-sprachrohr, .zahnrad-vielosophie, .zahnrad-speisekarte, .zahnrad-opentime, .zahnrad-opentime, .zahnrad-brunch, .zahnrad-impressum
{
	position: absolute; 
}


.twitter-timeline
{
	width: 400px;
	height: 370px;
}

.tebla-reservation-button
{
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	cursor: pointer;
	font-size: 0.83em;
}

.tebla-reservation-button:hover
{
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.tebla-reservation-button:active
{
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}



#logo 
{
	width: 300px;
	height: 269px;
	background-image: url("Bilder/viasko_logo.png");
	left: 360px;
	top: 250px;
}

#gallery
{ 
	width: 187px;
	height: 221px;
	background-image: url("Bilder/gallery.png");
	left: 75px;
	top: 200px;
}

#friends
{
	width: 64px;
	height: 64px;
	background-image: url("Bilder/freunde.png");
	left: 580px;
	top: 65px;
}

#sprachrohr
{ 
	width: 145px;
	height: 140px;
	background-image: url("Bilder/megaphon.gif");
	left: 795px;
	top: 460px;
}

#vielosophie
{
	width: 165px;
	height: 107px;
	background-image: url("Bilder/vielosophie.png");
	left: 110px;
	top: 505px;
}

#speisekarte
{
	width: 230px;
	height: 240px;
	background-image: url("Bilder/Speisekarte.png");
	left: 755px;
	top: 165px;
}

#suppe
{  
	width: 45px;
	height: 45px;
	background-image: url("Bilder/suppe.gif");
	left: 718px;
	top: 303px;
}

#twitter
{
	width: 64px;
	height: 44px;
	background-image: url("Bilder/twitter.png");
	left: 380px;
	top: 222px;
}


#opentime
{
	width: 324px;
	height: 183px;
	background-image: url("Bilder/oeffnungszeiten.png");
	left: 357px;
	top: 522px;
}

#impressum
{ 
	width: 98px;
	height: 43px;
	background-image: url("Bilder/impressum.png");
	left: 285px;
	top: 310px;
}

#logo, #gallery, #friends, #sprachrohr, #vielosophie, #speisekarte, #suppe, #twitter, #opentime, #impressum
{
	z-index: 1;
	position: absolute;  
}