/*css for  via-verde-reisen.de  */
/* web-manufaktur-koeln.de */

html, body
{
  /*padding: 0px;
   margin-left: 2%;
  margin-right: 2%;*/
  margin: 0px;
   padding-left: 1%;
  padding-right: 1%;
}

 body
 {

  margin-bottom: 15px;
  margin-top: 15px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #606060;
  background-image: url(../images/htg_kachel.jpg);
  background-color: #FAFAFA;
}

#kopf
{
      /*width: 900px;*/
		height: 175px;
        margin-bottom: 0px;

}




#suche
{
position: relative;
margin-top: -20px !important;

 float: right; 
 width: 250px;
 /*margin-right: 1%;    */
white-space: nowrap;
}

#zentral
{
/*width: 900px; */
margin-top: 15px;
background-image: url(../images/kachel_links.jpg);
background-repeat: repeat-y ;
background-position: 0px 25px !important;
}

#links
{
margin-top: 15px;
float: left;
width: 190px;
height: 100% ;
margin-left: 0px;
padding-top: 2px !important;
}

#mitte
{
margin-left: 200px;
margin-right: 0px;
margin-bottom: 0px;
min-height: 350px;
/*border-bottom: 1px solid #FF0000;*/
}

#mitte p
 {
 text-align: justify
}

#fuss
{
 margin-top: 20px;
border-top: 1px solid #FFF685;
padding-bottom: 15px;
}

#footerbr
 {
clear: all;
}

#mitte ul li
{
  list-style: outside url(../images/knopf_liste.gif) ;
  vertical-align: top;
  }

a, a:link, a:visited, h1, h2, h3, h4
 {
  color: #006600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px
}


a img
 {
 border: 0 !important;
}

#mitte a, #mitte a:link, #mitte a:visited
 {
font-weight: bold
}

#links a, #links a:link, #links a:visited,
#mitte a, #mitte a:link, #mitte a:visited
 {
text-transform: none;
}

#mitte a:hover, #links a:hover
 {
color: #FF0000;
text-decoration: none;
}

h1
 {
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 3px;
}

h2
 {
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: normal;
  padding-bottom: 2px;
}

h3
 {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
  margin-bottom: 1px;
  margin-top: 1px;
  padding-top: 2px;
}

h4
{
	font-size: 12px;
	font-weight: nomal !important;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-top: 2px;
   
}

/* ANGEBOT T A B E L L E N */

table.land
 {
margin-bottom: 15px;
width:100%;
border-bottom: 1px solid #CAE37C;
}

#reise_daten th
 {
background-color: #FFF685
}

#reise_daten td.reihe_0, .reihe_0
 {
  background-color: #fcfcfc
}

#reise_daten td.reihe_1, .reihe_1
 {
  background-color: #FFFFCC
}

th.land
 {
background-color: #FFF685 /*#DCEDA9*/;
margin-bottom: 0px;
padding-bottom: 0px !important;
}

.marker
 {
 background-color: #FFF685 ;
margin-bottom: 0px;
margin-top: 5px;
padding-bottom: 2px ;
padding-left: 3px;
}

th.land h3
 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 1px  ;
padding-bottom: 1px ;
font-weight: normal;
letter-spacing: 1px;
}

td.info
{
padding-left: 4px;
}

.trenner
 {
  border-top: 1px dashed #7CBA32;
}

.trenner_vertikal
 {
   border-left: 1px solid #7CBA32;
   padding-left: 3px;
   padding-right: 0px;
}

/***** B I L D E R *****/

.illu_statisch_links
 {
float: left;
padding-right: 5px;
}

.illu_statisch_rechts
 {
float: right;
padding-left: 5px;
}

#karte
 {
float: left;
padding-right: 3px;
padding-bottom: 3px;
margin-right: 5px;
border: 1px solid #CAE37C;
}

.rahmen
 {
border: 1px solid #669933
}

.ohnerahmen
 {
border: 0px none !important
}

#fuss p
 {
font-size: 11px;
}

.minor
 {
  font-size:10px;
}

input
 {
 height: 16px;
 padding-top: 2px;
 padding-bottom: 2px;
 border: 1px solid #669933
}

.radiobutton
 {
border: 0px none;
margin-top: 2px;
}

.eingabefeld
 {
background-color: #FFFFCC;
border: 1px solid #669933
}

.formularknopf
 {
 background-color: #FFFFCC;
 height: 22px !important;
padding: 2px !important;
margin-right: 5px;
}

textarea
 {
 padding-top: 2px;
 padding-bottom: 2px;
 background-color: #FFFFCC;
 border: 1px solid #669933
}

.wmk
 {
  color: #0000FF;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px
}

/*  G A L E R I E  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
float: left;
width: auto;
height: 130 px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #006600 ;
margin: 1px 5px 5px 1px;
display: inline;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #006600;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fafafa;
padding: 7px;
left: -1000px;
border: 1px solid #006600;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 120px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}