#form{	
	position: relative;
	float: left;
	width: 280px;
	left: 3px;
  top: 0px; 
	padding: 0px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  color:#544e38;
  border: 0px solid #000;
  
    }
  
    
 #formbooker{	
	position: relative;
	float: left;
	width: 180px;
	height: 40px;
	left: 3px;
  top: 0px; 
	padding: 0px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color:#544e38;
  border: 1px solid #000;
  
    }  

    form fieldset {
    position: relative;
	float: left;
   	width: 267px;
   	height: 400px;
    margin-top: -9px;
    padding-top: 24px;
    padding-bottom: 5px;
    border: 0px solid #cacaca; 
    background: left top url(images/bookback.gif) no-repeat;
    }
    
    form label {
    position: relative;
	float: left;
    width:70px;
	  margin: 3px 0px 0px 9px;
	  padding: 4px;
    font-size: 10px;
    background: #FFF;
    color:#544e38;
      
    }

    
    form input{
      position: relative;
      float: left;
    	margin-left: 0px;
     	background: url(images/field.gif) no-repeat;
      border: none;	
    	padding: 5px 0px 8px 6px;
    	width: 143px;
    	font-family: Arial, Verdana, Helvetica, sans-serif;
    	height: 16px;
      color:#544e38;
      font-weight: bold;
      font-size: 1.1em;
      
        
    }

    
    form select {
        position: relative;
        float: left;
        color:#544e38;
        font-size: 12px;
        margin: 3px 0px 0px 0px;          
    }
    
    form textarea {
        height: 100px;
        width: 145px;
        color:#544e38;
        border: none;
        padding: 4px;
        font-size: 11px;
        margin: 8px 0px 5px 9px;
        background: url(images/fieldtextarea.gif) no-repeat;
    }

    form br {
        clear: left;
    }
   form p {
   	position: relative;
   	float: left;
   	top: 0px;
   	left: 20px;
   	width:210px;
   	color: #fff;
    font-size: 9px;
    padding: 0px;
    } 
    
   div.error {
   position: relative;
   float: left;
   	width: 300px;
   	font-size: 9px;
        color: #544e38;
        margin: -20px 0px 0px -30px;
    }
    div.error ul {
        list-style-type: none;
    }
    input.error {
    height: 13px;
        border: 1px dotted #993333;
    }
.auswahlbreitetag {
  width: 40px;
  font-size: 10px;
}

.auswahlbreitemonat {
  width: 50px;
  font-size: 10px;
}

.auswahlbreitejahr {
  width: 50px;
  font-size: 10px;
}




#formbooker button
{
position:  relative;
float: left;
border: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #333333;	
margin:1px 0px 0px -2px;
font-size: 0.8em;
font-weight: bold;
text-decoration: underline;
line-height: 38px;
padding-left: 0px;
height: 40px;
width: 145px;
background: url(images/bookbutton.gif) no-repeat;

}

#formbooker button a:hover
{
color: #666666;
background: url(images/bookbuttongo.gif) no-repeat;

}

div.bookingform input {height:26px; background:url(images/bookingbuttonred.gif) left  no-repeat; color:#333333; font-weight:bold; border:none; overflow:visible; display:inline; margin-left:100px; padding:0px 1px 2px 0px; font-size:10px; font-family:Arial, Verdana, Helvetica, sans-serif};
button.bookingpreis {height:26px; background:url(images/bookingbuttonred.gif) left  no-repeat; color:#333333; font-weight:bold; border:none; overflow:visible; display:inline; margin-left:10px; padding:0px 1px 2px 0px; font-size:10px; font-family:Arial, Verdana, Helvetica, sans-serif};


.buttonGo
{
position:  relative;
float: left;
border: 0;
color: #fff;
margin:20px 0px 0px 150px;
font-family: Tahoma;
font-size: 0em;
height: 53px;
width: 91px;
background: url(images/buttonGo.gif) no-repeat;

}

.buttonGo:hover 
{
position:  relative;
float: left;
border: 0;
color: #fff;

font-family: Tahoma;
font-size: 0em;
height: 53px;
width:91px;
background: url(images/buttonGo_1.gif) no-repeat;

}



.buttonbuchen
{
position:  relative;
float: left;
width: 30px;
height: 26px;
border: 0;
color: #fff;
margin: 0px 0px 0px -21px;
font-family: Tahoma;
font-size: 0em;
background: url(images/fieldgone.gif) no-repeat;

}

.buttonbuchen:hover 
{

background: url(images/fieldgo.gif) no-repeat;

}

.buttonbuchenleft
{
position:  relative;
float: left;
width: 30px;
height: 26px;
border: 0;
z-index: 100;
color: #fff;
margin: 0px -4px 0px -4px;
font-family: Tahoma;
font-size: 0em;
background: url(images/fieldgoneleft.gif) no-repeat;

}

.buttonbuchenleft:hover 
{

background: url(images/fieldgoleft.gif) no-repeat;

}


.buttonbuchenpreis
{
position:  relative;
float: left;
width: 106px;
height: 26px;
border: 0;
color: #fff;
margin: 0px 0px 0px 0px;
font-family: Tahoma;
font-size: 0em;
background: url(images/fieldpreis.gif) no-repeat;

}

.buttonbuchenpreis:hover 
{

background: url(images/fieldpreisred.gif) no-repeat;

}

.buttonback
{
position: relative;
float: left;
border: 0px;
color: #fff;
font-family: Tahoma;
font-size: 0em;
height: 45px;
width: 120px;
background: url(images/bzs_128back.gif) no-repeat;

}

.buttonback:hover
{

background: url(images/bzs_128back_2.gif) no-repeat;

}



.buttonpreis
{
position: relative;
float: left;
height: 45px;
width: 120px;
background: url(images/preisschild.gif) no-repeat;

}

.buttonpreis:hover
{


background: url(images/preischild2.gif) no-repeat;

}


.preisformular{
 position: relative;
 float : left;
 padding-top: 10px;
 padding-left: 12px;
 border: 0;
 color: #fff;
 margin-left: 210px;
 margin-bottom:0px;
 font-family: Arial;
 text-decoration: underline;
 font-size: 1.1em;
 font-weight: bold;
 height: 36px;
 width: 120px;
 background: url(images/preisschild.gif) no-repeat ;
}

/* BUTTUNS GRUPPE MIT SUBMIT UND MIT A HREF*/

 .buttons a, .buttons button{
 position: relative;
    display:block;
    float:left;
    margin:0 0 0 0;
    background-color:#FFFFFF;
    font-family:Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#333333;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:120px;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0px;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#FFFFFF;
    border:0px solid #FFFFFF;
    color:#333333;
}
.buttons a:active{
    background-color:#FFFFFF;
    border:0px solid #6299c5;
    color:#333333;
}

/* POSITIVE */

button.positive, .buttons a.positive{

    float: left;
    background: (images/file.png) no-repeat ;
    
    border: 0px;
    font-family:Arial, Verdana, sans-serif;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
    color:#686454;
    
}
.buttons a.positive:hover, button.positive:hover{
  
    background: url(images/file2.png) no-repeat ; 
    background-position:120px 22px;
    border:0px solid #cacaca;
    color:#333333;
    
}
.buttons a.positive:active{
    background-color:#FFFFFF;
    border:0px solid #529214;
    color:#333333;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:0px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:0px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:0px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:0px solid #6299c5;
    color:#fff;
}