/*
// Formatierung fuer Layout + Nav allgemein
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(http://www.hispania-tours.de/fileadmin/user_upload/nav/fondo.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	text-align:center;
	line-height:110%;
	margin-left: 0px;
	margin-top: 0px;
}

h1, h2, h3, h4, h5, h6{
	margin: 15px 5px 0px 10px;
}


#pagecontainer {
	width:650px;   background-color: #FFF;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#bannerimage {
	width:650px;
	height:144px;
   margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}

#contentcontainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#bottomline div {
	height:16px;
	margin-top: 0px;
	margin-bottom:0px;
	zz-index:10;
}



#left {
	float:left;
	width: 160px;
	margin: 5px 7px 0px 0px;
	overflow:hidden;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid black;
	font-size: 10px;
	font-weight: bold;
}

#content{
	width: 610px;
	margin:3px 0px 0px 0px;
	padding: 0px 5px 10px 5px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	z-index:2;
	float:left;
	border-right-width: thin;
	border-left-width: thin;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom: 1px solid #ccc;
}

div#content-main{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#right{
	float:right;
	width: 160px;
   margin-top: 5px;
	overflow:hidden;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index:2;
	border-top: 1px solid black;
	font-size: 10px;
	font-weight: bold;
}

.header {
	margin: 30px -5px 0px -5px;
	padding: 0px 0px 0px 30px;
	border-bottom: 1px solid #ccc;
	background-image: url(/fileadmin/user_upload/nav/quad3.gif);
	background-position: 10px top;
	background-repeat: no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}


a.nav-active {
	font-size: 8pt;
   background-color: #CCCCCC;
	color: #FF6600;
}

a.nav {
	font-size: 8pt;
	color: #FF6600;
}

a.subnav-active {
	font-size: 8pt;
        background-color: #CCCCCC;
	color: #000033;
}

a.subnav {
	font-size: 8pt;
	color: #000033;
}

div.active{
	background-color: #ccc;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li.active{

	background-color: #ccc;

}

#left ul, #right ul {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 8pt;
	border-top: 1px dotted #84878c;
}

#left li, #right li {
	font-size: 8pt;
	border-bottom: 1px solid #cdccda;
	list-style-image: url(/fileadmin/images/bullet_menu.gif);
}

.subtitle_pic {
	margin-left: 15px;
}

.titletext{
	font-size: 20px;
	font-weight: normal;
	text-align :center;
	letter-spacing: 1.5px;
}

.black {
	color: #000000;
}

.grey {
	color: #333;
}

.greyer {
     color: #222;
}

.fett {
font-weight: bold;
}

.csc-caption {
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*
// Formatierung fuer Kontakt- Team //////////////////////////////////////////////////
*/

#content .subtitle {
	font-size: 16px;
	color: #FF6600;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	margin-left: 10px;
}


.dottedline{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


h1.pagetitle {
	font-size: 22px;
	background-image: url(/fileadmin/user_upload/title_bckgrd.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 34px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF6600;
	letter-spacing: 1px;
	vertical-align: middle;
	margin: 2px 7px 0px 7px;
	padding: 12px 17px 5px 17px;
}

/*  kleinere schrift auf der hauptseite, main.htm - template  */
div#subtitle-main h1.pagetitle span.titletext{
	font-size: 18px;
}

div#subtitle-main {
	margin-bottom: 18px;
}


div.greyline-top{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
}

div.greyline-bottom{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.title_img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#submenu a, #submenu a:hover {
	font-size: 14px;
	color: #FF6600;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
}

div#submenu{
	
	height: 25px;
	margin: 0px 6px 30px 6px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 6px 0px 6px;
	border-bottom: 1px solid #ccc;
	clear:both;
}

#submenu-bottom a, #submenu-bottom a:hover {
	font-size: 14px;
	color: #FF6600;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
}

div#submenu-bottom{
	margin: 2px 6px -5px 6px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #ccc;
}

div#topmenu-right{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#topmenu-right img{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}



div#topmenu-right div#submenu-bottom{
	padding: 0px 12px 0px 0px;
}

.subtitle_pic{
	padding-left: 5px;
}

table.imgtext-nowrap{
	margin-bottom: 25px;
	width: 100%;
}

.imgtext-table{
	width:100%;
   padding-left: 5px;
}

.imgtext-table td{
	text-align: center;
}

p.bodytext{
	letter-spacing: -0.5px;
}


/*
// Formatierung fuer Kontakt- Team //////////////////////////////////////////////////
*/

.td-0{
	padding-right: 20px;
        padding-left: 5px;
}

.td-1{
	vertical-align:top;
}

.td-last{
	padding-left: 25px;
        padding-right: 20px;
}

/*
// Formatierung fuer Kontakt- Kontakt //////////////////////////////////////////////////
*/


/*  Box mit Rahmen und Bild rechts */
.kontakt{
	height: 230px;
	background-image: url(/fileadmin/user_upload/Kontakt/fondo.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 40px 10px 60px 10px;
}

.kontakt .bodytext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.kontakt a{
	color: #FF6600;
	text-decoration: none;
	background-color: #FFFFFF;
}


/* das Kontaktformular  */
.kontaktformular {
	text-align: right;
   padding: 0px 10px 10px 20px;
	margin: 0px 50px 50px 50px;
	background-color: #ccc;
	border: 1px solid black;
}

.kontaktformular input, .kontaktformular textarea{
	margin: 15px 5px 0px 5px;
	background-color: #fff;
	border: 1px solid black;
}

.kontaktformular img {
	height: 0px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




/*
 /////    Formatierung fuer Tourenseite-TourenBeschreibung     ////////
//////////////////////////////////////////////////////////////////////
*/

/* --------eckdatenboxen mit grauem Hintergrundrahmen  */

.box-grau {
	margin: 15px 0px -20px 5px;
	padding: 20px 20px 23px 20px;
	background-image: url(/fileadmin/user_upload/touren/eckdaten_bckgrd.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
}


.box-grau p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding-left: 0px;
}

.box-grau img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.box-grau h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(/uploads/pics/2_quads.gif);
	background-repeat: no-repeat;
}

/* -------------  Tourtagebücher -------*/
.tourtagebuch {
   padding-left: 20px;
   padding-top: 10px;
}

.tourtagebuch .bodytext{
	line-height: 17px;
}

/* ---------------Karten-------------  */
.tourkarte {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
}

.tourkarte ol, .tourkarte ul{
	margin: 0px -5px 0px 20px;
	padding: 0px 0px 0px 0px;
}

.tourkarte li {
   font-size: 10px;
	line-height: 16px;
	margin: 0px 0px 5px 5px;
	padding: 10px 0px 0px -5px;
}

.tourkarte .imgtext-table {
   padding-right: 5px;
}

/*
// Formatierung fuer Tourenseite-PreiseLeistungen ///////////////////////////////////////////////////////////////////////////////
*/


div.doppel-box {
	background-image: url(/fileadmin/user_upload/touren/preis_leistung_bckgrd.gif);
   background-repeat: no-repeat;
   background-attachment: scroll;
	margin: 20px 0px 0px 0px;
	padding:  10px 0px 20px 50px;
}

.doppel-box td{
	vertical-align: top;
}

.doppel-box .bodytext{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	line-height: 130%;
}

.doppel-box .title1 .bodytext{
         color: #333;
         font-weight: bold;
}

.doppel-box .title3 .bodytext{
         color: #333;
         font-weight: light;
}

.doppel-box .title4 .bodytext{
         color: #000033;
         font-weight: bold;
}

.doppel-box .title5 .bodytext{
         color: #CCC;
         font-weight: light;
}

/*
// Formatierung fuer Motorrad-Vermietung ///////////////////////////////////////////////////////////////////////////////
*/


/* Allgemein Box mit blauem und grauem Hintergrund  */
.box-blau-grau {
	background-image: url(/fileadmin/user_upload/bikerenting/allgemein_bckgrd.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 22px 0px 20px 0px;
	margin: 0px 0px 0px 3px;
}

.box-blau-grau td p.bodytext {
	font-size: 10px;
	font-weight: normal;
	line-height: 125%;
}

/*--- Karte: Hier finden sie uns: ----*/
.find-us, .find-us table {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#renting_allg td, #bikes_preise_box td{
      vertical-align: top;
         color: #FFF;
}

#renting_allg .title1, #bikes_preise_box .title1{
         color: #333;
         font-weight: bold;
         text-align:right;
}

#bikedetails {
padding: 20px;
}

#bikedetails td {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
}

#bikedetails .title{
        font-size: 14px;
	color: #FF6600;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;

}

#bikedetails .rechts{
        text-align:right;
}

#bikedetails .subt{
       color: #666;

}

.bikeimgleft {
padding-right: 10px;
}
.bikeimgright {
padding-left: 10px;
}


.bikes_preise_text{
        background-image: url(/fileadmin/user_upload/bikerenting/renting_bckgrd.gif);
        background-repeat: no-repeat;
        background-attachment: scroll;
        padding-left: 30px;
        padding-top: 20px;
          line-height: 115%;
}

#details_content{
   padding:12px
}




/*
// Formatierung fuer Credits ///////////////////////////////////////////////////////////////////////////////
*/

#credits{
padding: 30px;
}


#credits a, #credits a:hover{
text-decoration: none;
	font-weight: bold;
	background-color:#fff;
}

#left span.navfix{
	text-transform: lowercase;
}

#left span.black{
	color: #000033;
}

#right span.navfix{
	text-transform: lowercase;
}

#right span.black{
	color: #000033;
}

#right span.narrow, #left span.narrow{
	letter-spacing: -1px;
}

div.csc-header {
	margin: 0px;
	padding: 0px;
}

h1.csc-firstHeader {
	font-size: 16px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF6600;
	margin: 0px 0px 10px 20px;
	padding: 10px 0px 0px 26px;
	height:22px;
	background-color: transparent;
	background-image: url(/uploads/pics/2_quads.gif);
	background-repeat: no-repeat;
	background-position: left 12px;
}

h1 {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF6600;
	margin: 23px 0px 0px 5px;
	padding: 0px 0px 0px 26px;
	height:22px;
	background-image: url(/uploads/pics/2_quads.gif);
	background-repeat: no-repeat;
}

h2 {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF6600;
	margin: 0px -5px 30px -5px;
	padding: 0px 0px 3px 46px;
	background-image: url(/fileadmin/user_upload/nav/quad2.gif);
	background-position: 20px center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ccc;
}

h3 {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF6600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	height:22px;
}

#lang{
width: 955px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 10px;
left: auto;
}

#lang div{
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 0px;
float: right;
}

#lang div img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#lang a#de:hover{
background: transparent url(/fileadmin/user_upload/nav/quad2.gif) no-repeat center left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
 -moz-opacity:0.6;
filter:Alpha(opacity=60, finishopacity=60, style=1);
}

#lang a#en:hover{
background: transparent url(/fileadmin/user_upload/nav/quad2.gif) no-repeat center right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
 -moz-opacity:0.6;
filter:Alpha(opacity=60, finishopacity=60, style=1);
}


#lang a{
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#left ul, #right ul{
margin-bottom: 10px;
}