/******************************************************************************/
/*                                                                            */
/*                     Stylesheet fuer www.Viasko.de                          */
/*                                                                            */
/*                    XHTML und CSS von Joeran Fliege                         */
/*                         www.joeran-fliege.de                               */
/*                           Berlin, 05.2010                                  */
/*                                                                            */
/******************************************************************************/



/********************************* ALLGEMEINES ********************************/
body {
  background: url(../img/body_bg.gif) repeat fixed top left #1A1919;
  font-size: 100.01%;
  color: #fff;
  font-family: Georgia, Times, "Times-New-Roman", serif;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 10:40:33 AM America/New_York */
@font-face {
	font-family: 'VollkornRegular';
	src: url('../font/vollkorn-webfont.eot');
	src: local('?'), url('../font/vollkorn-webfont.woff') format('woff'), url('../font/vollkorn-webfont.ttf') format('truetype'), url('../font/vollkorn-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* IE7 */
#top, #ueberuns, #speisekarte, #galerie, #partner, #kontakt { display: block; height: 1px; }  

#div_top, #div_ueberuns, #div_speisekarte, #div_galerie, #div_partner, #div_kontakt { 
  clear: left;
  overflow: hidden;
  margin: 0 0 950px;
  padding: 0;
}  
#div_kontakt { margin: 0 0 5em; }

@-moz-keyframes rotate_li { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(180deg); } }
@-webkit-keyframes rotate_li { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(180deg); } }
#div_top:hover .rotate_li {
    -moz-animation-name:                rotate_li; 
    -webkit-animation-name:             rotate_li;
    -moz-animation-duration:            15s; 
    -webkit-animation-duration:         15s; 
    -moz-animation-iteration-count:     infinite;
    -webkit-animation-iteration-count:  infinite;
    -moz-transition-timing-function:    linear;
    -webkit-transition-timing-function: linear;
}

#logo {
  background: url("../img/logo_back.png") no-repeat center;
  display: block;
  height: 950px;
  margin: -10.3em auto 2em;
  position: absolute;
  width: 950px;
}

h1 {
  background: url("../img/logo.png") no-repeat scroll center top transparent;
  height: 381px;
  margin: 4em auto 2em;
  position: relative;
  text-indent: -9999px;
  width: 12em;
  z-index: 50;
}

h2 {
  font-family: 'VollkornRegular', Arial, sans-serif;
  color: #99cc33;
  text-transform: uppercase;
  font-size: 3em;
  margin: 3em 0 1em;
  text-shadow: 2px 3px #000;
}

a:link, a:active, a:visited { color: #ff9933; }
a:hover, a:focus { text-decoration: none; }


p { 
  margin: 0 0 1em; 
  line-height: 1.5em;  
  text-shadow: 0 1px #000;
}

p strong {
  text-transform: uppercase;
  font-family: Arial, sans-serif;
}

a img { border: none; }

em { color: #adadad; }

.spalte1 {
  width: 13em;
  margin-right: 1.25em;
  float: left;
}
.spalte2 {
  width: 26em;
  margin-right: 1.25em;
  float: left;
}
.spalte4 {
  width: 56.4em;
}

blockquote {
  margin: 2.5em 0 0 2.3em;
  padding: 0.5em 1.5em 4em 8.5em;
  font-style: italic;
  font-size: 1.35em;
  text-align: center;
  background: url(../img/zahnrad.png) no-repeat top left;
}
blockquote span {
  display: block;
  font-family: Arial, sans-serif;
  font-size: .6em;
  text-align: right;
  color: #adadad;
  margin: .5em 4em 0 0;
  text-shadow: 0 1px #000;
}


/********************************* HAUPTMENUE *********************************/
#hauptmenue {
  background: url(../img/farbbalken.png) no-repeat top center;
  height: 6em;
  position: fixed;
  top: 0;
  left: 0; /* IE7 */
  width: 100%;
  z-index: 90;
}
#hauptmenue:hover, #hauptmenue:focus { 
  background: url(../img/farbbalken_hover.png) no-repeat top center; 
}

#hauptmenue ul {
  margin: 0 auto;
  padding: 1.2em 0 0 2em;
  width: 950px;
  overflow: hidden;
}

#hauptmenue li {
  float: left;
  list-style: none;
  width: 16.6%;
  text-align: left;
}

#hauptmenue a:link, #hauptmenue a:visited {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: .85em;
  text-shadow: 0 1px #000;
}
#hauptmenue a:hover, #hauptmenue a:focus {
  display: block;
  text-decoration: underline;
}
#hauptmenue a:active {
  display: block;
  text-decoration: underline;
}

#hauptmenue span {
  display: block;
  text-decoration: none !important;
  border: none;
  color: #fff;
  text-transform: lowercase;
  font-weight: normal;
  color: #898989;
  font-size: .9em;
  margin-top: .2em;
}
#hauptmenue a:hover span, #hauptmenue a:focus span {
  color: #fff;
}


/******************************** HAUPTWRAPPER ********************************/
#boden {
  background: url(../img/boden.png) no-repeat bottom center;
  padding-bottom: 13em;
}

#hauptwrapper {
  width: 950px;
  margin: 0 auto;
  padding: 0 0 0 2em;
  text-align: left;
}


/******************************** TWITTER NEWS ********************************/
ul#twitter_update_list { 
  margin: 0 1.25em 2em 0; 
  padding: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #282828;
  width: 26em;
  float: left;
  min-height: 20em;
}

ul#twitter_update_list li {
  text-align: left;
  margin: 0;
  padding: 1em 0;
  width: 100%;
  border-top: 1px solid #282828;
  border-bottom: 1px solid #000;
  line-height: 1.5em;  
}


/**************************** NEWSLETTER FORMULAR *****************************/
form {
  padding: 2em 0 0;
  margin: 0 auto;
  background: url(../img/pfeil.png) no-repeat top right;
}
form#ism { padding: 0; }

label {
  display: none;
}

input {
  background: url(../img/input_bg.gif) repeat-x top left;
  border: 1px solid #000;
  padding: .6em;
  font-size: .7em;
  width: 20em;
}
input.submit {
  background: url(../img/submit_bg.gif) repeat-x top left;
  border: 1px solid #000;
  color: #fff;
  font-weight: bold;
  width: auto;
}
input.submit:hover, input.submit:focus {
  background-position: bottom left;
  cursor: pointer;
}


/****************************** GALERIE FLICKR ********************************/
#galeriebilder, #partnerbilder, #flickr_badge_uber_wrapper, #flickr_badge_wrapper {
  margin: 0;
  padding: 0;
}

#galeriebilder li, #partnerbilder li, .flickr_badge_image {
  width: 12.5em;
  height: 11em;
  margin: 0 .5em 0 0;
  padding: .7em;
  list-style: none;
  float: left;  
  background: url(../img/img_bg2.png) no-repeat top left;
}
#partnerbilder li { background: none; }

.flickr_badge_image img {
  width: 200px;
  height: 133px;
}
#galeriebilder li a:hover img, #galeriebilder li a:focus img,
.flickr_badge_image a:hover img, .flickr_badge_image a:focus img,
#partnerbilder li a:hover img, #partnerbilder li a:focus img {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  transform: rotate(1deg);
}


/******************************** GOOGLEMAP ***********************************/
#googlemap {
  border: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -moz-box-shadow: 0px 1px 5px #000;
  -webkit-box-shadow: 0px 1px 5px #000;
}


/**************************** TISCHRESERVIERUNG *******************************/
#OT_searchWrapperAll h2, #cal1Shim, #dateDisplay {
  display: none;
}

#OT_partySizeLbl, #OT_dateLbl, #OT_timeLbl {
  width: 6em;
  float: left;
}
#OT_partySizeLbl, #OT_dateLbl, #OT_timeLbl,
#OT_partySize, #OT_date, #OT_time {
  margin: 0 0 .2em 0;
}
#OT_date input { width: 5em; }

#OT_submitWrap { margin: 1em 0 0; }
#submit { 
  padding: 0; 
  width: 114px;
  height: 21px;
  background: none;
  border: none;
  }

#OT_logoLink { margin-bottom: .5em;}

form#ism { background: none; }
#OT_logoLink li { display: none; }


#SearchModule input {
  width: 5em;
}