* {margin: 0; padding: 0;}

img {border: none;}
ul {list-style: none;}
a {color: #19a1ca; outline: none; text-decoration: none;}
label {cursor: pointer;}
hr {border: none; border-bottom: 1px solid #555;}

body {
    background: white;
    color: #585656;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

#box {
    margin: 0 auto;
    width: 950px;
}

#top {
    background: url(../img/header.png) no-repeat;
    clear: both;
    height: 105px;
}

#logo {
    float: left;
    position: relative;
    top: 25px;
}

#function {
    float: right;
    position: relative;
    right: 17px;
    margin: 0 auto;
    top: 30px;
}

#navigation {
    height: 15px;
    margin-top: -28px;
    padding: 5px 0px;
    padding-left: 350px;
    width: 600px;
}

#navigation a {
    color: white;
    text-decoration: none;
    margin-right: 5px;
}

#threecol {clear: both; margin-top: 34px; width: 100%;}

#colOne {float: left; width: 135px;}
    #colOne ul {margin-bottom: 30px;padding-left: 10px;}
    #colOne li {display: block; line-height: 2em;}
    #colOne h1 {
        border-bottom: 1px solid #19a1ca;
        color: #565555;
        font-size: 20px;
        margin-bottom: 5px;
        padding-left: 10px;
    }

#colTwo {float: left; margin: 0px 20px; width: 640px;}
    #colTwo h1 {
        border-bottom: 1px solid #19a1ca;
        color: #565555;
        font-size: 20px;
        margin-bottom: 5px;
    }

#content {
    border-bottom: 1px solid #19a1ca;
    color: #565555;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 320px;
    padding-bottom: 10px;
}

#content.scroll {
	overflow-y: scroll;
}

#colThree {float: right; font-size: x-small; width: 135px;}
    #colThree h1 {
        border-bottom: 1px solid #19a1ca;
        color: #565555;
        font-size: 20px;
        margin-bottom: 5px;
        padding-left: 10px;
    }
    #colThree ul {margin-bottom: 30px;padding-left: 0px;}
    #colThree li {display: block; line-height: 1.5em;}

.morelinks {
    border-top: 1px solid #19a1ca;
    padding-top: 10px;
}

.morelinks a {
    color: #19a1ca;
    text-decoration: none;
}

.morelinks a:hover {
    color: navy;
    text-decoration: underline;
}

.button {background: #565555; color: white; margin: 5px; padding: 5px; text-align: center;}
.buttonLogin {background: #70b221; border: 3px solid white; color: white; display: block; padding: 15px 10px; margin-top: 30px; text-align: center; width: 100px;}

.marginleft25 {margin-left: 25px;}

.moviebox {
  background: #FFF;
  height: 250px;
  padding: 0px;
  width: 620px;
  
}

.orderPic { 
  background: #DDD;
  border: 2px solid #444;
  float: left;
  margin: 10px;
  margin-left: 0;
}

.picDummy {
  background: white url('../img/gast_res_finden.png') no-repeat;
  height: 250px;
  width: 370px;
}

.guestPic {
  background: #990000;
}

.guestText {width: 300px;}

.submitArrow {
    border: none;
    height: 15px;
    padding: 15px;
    width: 25px;
}

.smallbutton {
    border: none;
    height: 15px;
    padding: 12px 10px;
    width: 25px;
}

.greenbox {
    background: #70b221;
    color: white;
    font-size: 18px;
    font-weight: normal;
    height: 90px;
    padding: 10px;
    width: 180px;
    text-align: right;
}

.greenbox b {font-size: 22px; font-weight: bold;}

.greenbox span {font-size: 12px; color: #444;}

.arrowButton {
    border: none;
    height: 50px;
/*    padding: 25px;*/
    width: 50px;
}

.arrowLeft {background: #dfdfdf url(../img/arrow-left.png) center no-repeat;}
.arrowRight {background: #dfdfdf url(../img/arrow-right.png) center no-repeat;}

.naviBottom {width: 760px;}
.naviTextLeft {width: 220px; height: 15px; padding: 0px 0px;}
.naviCenter {text-align: center; width: 200px; text-align: center; height: 15px; padding: 15px 0px;}
.naviCentersoftware {text-align: center; width: 200px; text-align: center; height: 30px; padding: 5px 0px;}
.naviTextRight {width: 220px; height: 15px; padding: 0px 0px; text-align: right;}

input.short {
   width: 189px;
}

.th {width: 40px;}

textarea {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  padding:  10px;
  overflow: auto;
  width: 530px;
}

.active {font-size: 14px; font-weight: bold;}
.floatleft {float: left;}
.floatright {float: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.clear {clear: both;}
.round {-moz-border-radius: 5px;}
.blue {background-color: #19a1ca;}
.big {font-size: 16px; font-weight: bold;}
.nextStep {height: 14px; padding: 20px;}
.bordernone {border: none;}
.colorwhite {color: white;}
.cursor {cursor: pointer;}
 input.inputerror {background: #ff9999 !important; border: 1px solid black !important;}
 textarea.inputerror {background: #ff9999 !important; border: 1px solid black !important;}
.displaynone {display: none;}
.hoverbox {padding: 20px; background: white; border: 1px solid #999; z-index: 2;}
.minheight {min-height: 305px;}
.blueline {border: none; border-bottom: 1px solid #19a1ca;}
.infokastengreen {background: #ebf1d5; height: 60px; margin-bottom: 20px; padding: 25px; width: 590px;}
.infokastenred {background: #ffcccc; height: 60px; margin-bottom: 20px; padding: 25px; width: 590px;}
.getColor {background: white; border: none; height: 25px; width: 25px; cursor: pointer;}
.getWhite {background: white url(../site/colorwhite.png) no-repeat; color: white;}
.getBlack {background: white url(../site/colorblack.png) no-repeat;}
.downloadlist {padding:1em;line-height: 2em;}
.reslistbutton {margin: 5px 0px; padding: 5px 10px; background: #669900; color: white; font-weight: bold; width: 200px; display: block; font-size: 20px;}

.savebutton {background: #669900; border: none; color: white; padding: 5px 10px; width: 120px;}
.width100 {width: 100%;}
.regInfo {
    background: #19a1ca;
    color: white;
    font-size: 11px;
    width: 155px;
    height: 15px;
    padding: 6px;
}

.regInfoActive {
    background: #70b221;
    color: white;
    font-size: 11px;
    width: 155px;
    height: 15px;
    padding: 6px;
}

.listRow {  
  background: #DDD;
  border: 1px solid #666;
  clear: both;
  height: 75px;
  margin: 3px 0px;
  width: 600px;
}

.searchresult {
    overflow-y: scroll;
    height: 260px;
}

.listSmallpic {
  background: #444;
  border: 1px solid #666;
  height: 60px;
  margin: 7px 5px 5px 5px;
  width: 60px;
}

.listText {
  padding-top: 5px;
  width: 300px;
}

.listButton {
  padding: 20px 5px;
}

.booking {
  background: #19a1ca;
  border: none; 
  color: white; 
  padding: 5px 10px;
  width: 120px;
}

.mysearch {background: #ebf1d5; width: 630px; height: 30px; padding: 5px; margin-bottom: 5px;}

/* FORMS */

.contactForm {border: none; width: 600px;}
.contactForm td {margin: 5px; padding: 5px;}

.contactForm #firstname, .contactForm #name {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 222px;
}

.contactForm #subject, .contactForm #email, .contactForm #restaurant {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 540px;
}

.regForm #zipcode{
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 130px;
}

.regForm #city {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 230px;
}

.regForm #email, .regForm #country, .regForm #name,
.regForm #street, .regForm #phone, .regForm #web {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 500px;
}

.searchForm #city, .searchForm #zipcode, .searchForm #name {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 132px;
}

.newsletterForm {border: none;}
.newsletterForm input {background-color: #19a1ca; width: 250px; height: 17px; padding: 5px; border: none; color: white; -moz-border-radius: 5px;}

.orderForm #company, .orderForm #street {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 553px;
}

.orderForm td {margin: 4px; padding: 4px;}
.orderForm #firstname,.orderForm #name,
.orderForm #zipcode,.orderForm #city,
.orderForm #email,.orderForm #web,
.orderForm #phone,.orderForm #mobil {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 17px;
    padding: 5px;
    width: 230px;
}

.navi {margin-top: 15px;}
.pages, .pageactive {padding: 2px 5px; border: 1px solid #999; text-align: center; }
.pageactive {background: #efefef;}

.artSelect {
    background-color: #19a1ca;
    border: none;
    color: white;
    -moz-border-radius: 5px;
    height: 27px;
    padding: 5px;
    width: 140px;
}

.disc li {background: transparent url(../img/list-point.png) left top no-repeat; padding-left: 10px;}

#loadingAnimation {
    background: #444;
    color: white;
    padding: 5px;
    position: relative;
    top: -150px;
    text-align: center;
    z-index: 102;
}
#pix{

	height: 175px;
/*			  background-color:blue;*/

}