/* CSS-Cabrito 01.2006 */
/* Lenk-Webservice - www.lenk-webservice.de */

/* Farben: */
/*
Windows-Rahmenfarbe: #7F9DB9


*/



body
{
text-align:center;
padding:0px;
margin:0px;
background-color:#B3DFF5;
background-image:url(../images/grunddesign/hg_verlauf_komplett.jpg);
background-repeat:repeat-x;
font-size:12px;
}

p, h1, h2, h3, h4, ul, li, a, td, label, input, textarea, #box-content-re p div
{
font-family: verdana, arial, sans serif;
font-weight:normal;
color:#555555;
margin:0px;
padding:0px;
font-size:12px;
}

ul{list-style-type:none;}
li, h2, a{background-repeat:no-repeat;}

a{text-decoration:none;}
img{border:none; }


/* BOXEN GRUNDDESIGN ------------------------------------------------------------------*/

/* hauptbox ------------------------------------------------------------------*/

#box-center
{
width:774px;
margin:0px auto;
background-color:#FFFFFF;
text-align:left;
background-image:url(../images/grunddesign/hg_content_verlauf_2.gif);
background-repeat:repeat-y;
}


/* header ------------------------------------------------------------------*/

#box-header
{
overflow:hidden;
height:245px; 
background-image:url(../images/grunddesign/header.jpg);
background-repeat:no-repeat;
}

	#box-header h1{font-size:10px; padding:45px 0px 0px 205px;}
	
	/* Box Sprachauswahl  -----------------------------------------------------------*/
	
	#sprachauswahl
	{
	margin-left:644px; 
	margin-top:145px; 
	background-image:url(../upload/sprachen/hg_flaggen_2.gif);
	width:91px; 
	height:36px; 
	padding:8px 0px 0px 11px; 
	margin-right:0px; 
	margin-bottom:0px;
	}
	
	#sprachauswahl img{padding-right:2px;}



/* content ------------------------------------------------------------------*/

#box-content
{
width:760px;
background-image:url(../images/grunddesign/hg_content_verlauf.gif);
background-repeat:no-repeat;
padding-left:7px;
padding-right:7px;
padding-bottom:50px;
}


/* content links und rechts------------------------------------------------------------------*/

#box-content-li{float:left; margin-left:0px; width:200px;}
#box-content-re{float:right; width:530px; padding-right:20px; padding-top:10px;} /*padding-top damit h1 ein wenig nach unten rutscht*/

/* footer ------------------------------------------------------------------*/

#box-footer{clear:both; background-image:url(../images/grunddesign/hg_footer.gif);
background-repeat:no-repeat; height:25px;
}



/* CONTENT ------------------------------------------------------------------*/

/* Navigation Navi mit X Ebenen  */

/* Ebene 1*/
#box-content-li #ul-hauptnavi-e1 {margin:10px 0px 0px 10px; padding:0px 0px 20px 0px;}
#box-content-li #ul-hauptnavi-e1 li{margin:1px 0px 0px 0px; line-height:18px;}
#box-content-li #ul-hauptnavi-e1 li.over{ }
#box-content-li #ul-hauptnavi-e1 a{font-size:12px; text-decoration:none; font-weight:bold; color:#494949; display:block; padding:2px 0px 5px 25px; line-height:18px; width:150px;}
#box-content-li #ul-hauptnavi-e1 a.a-over, #ul-hauptnavi-e1 a:hover{background-image:url(../images/grunddesign/listenpunkt_navi_1.gif); color:#0093D9;}
#box-content-li #ul-hauptnavi-e1 a:hover{background-image:url(../images/grunddesign/listenpunkt_navi_1.gif); color:#0093D9;}
		

/* Content rechts - allgemeine Festlegungen */

#box-content-re h1{font-size:14px; font-weight:bold; margin:0px 0px 30px 0px; line-height:18px; color:#0093D9;}
#box-content-re h2{font-size:12px; font-weight:bold; margin:0px 0px 12px 0px; line-height:18px;}
#box-content-re h2.h2-gross{font-size:14px;}

#box-content-re p{font-size:12px; margin:0px 0px 12px 0px; line-height:18px;}

#box-content .f-11px{font-size:11px;}
#box-content .f-normal{font-weight:normal;}

/* einfacher Link in Content - also links und rechts*/
#box-content a
{
color:#0093D9; 
font-size:12px; 
margin:0px; 
line-height:18px; 
text-decoration:underline;
}

/* Link mit Bulletzeichen wie in Navi */
#box-content a.a-listenpunkt-1
{
background-image:url(../images/grunddesign/listenpunkt_navi_1.gif);
padding-left:20px;
padding-top:3px;
}


/* verschiedene Abstände nach oben */
#box-content .ab-ob-0{margin-top:0px;}
#box-content .ab-ob-10{margin-top:10px;}
#box-content .ab-ob-20{margin-top:20px;}
#box-content .ab-ob-30{padding-top:30px;}
#box-content .ab-ob-50{margin-top:50px;}

/* verschiedene Abstände nach unten */
#box-content .ab-un-0{margin-bottom:0px;}
#box-content .ab-un-10{margin-bottom:10px;}
#box-content .ab-un-20{margin-bottom:20px;}
#box-content .ab-un-30{margin-bottom:30px;}
#box-content .ab-un-50{margin-bottom:50px;}

#box-content em, #box-content i{font-weight:bold; font-style:normal;}


/* Boxen verwendet für Detailseite Cabrito-Shops (Öffnungszeiten und Adresse) */
/* Universell verwendbar */
#box-content-re .box-breite-230px-left{width: 230px; float:left}
#box-content-re .box-breite-260px-right{width: 260px; float:right; padding-right:20px}

/* Beschreibung unter einem Bild - Voreinstellung - evtl. Spezialisiert durch div-box außen herum */
	#box-content .p-img-beschreibung{font-size:10px; clear:both; padding:5px 0px 0px 0px; margin:0px; line-height:12px;}


/* Clear ----------------------------------------------------*/
#box-content .clear{clear:both;}




/* Startseite ------------------------------------------------------------------*/

#box-content-re #startseite-box-onlineshop
{
margin:20px 0px 0px 0px;
padding:50px 0px 0px 20px;
width: 490px; 
height: 200px; 
background-image:url(../upload/startseite/flaeche_onlineshop.jpg);
background-repeat:no-repeat; 
}


#box-content-re #startseite-box-onlineshop p
{
width: 270px;
padding:0px 0px 0px 0px;
float: left; 
}


#box-content-re #startseite-img-cabritoladen
{
width: 270px;
float: left; 
padding-bottom:40px;
padding-left:20px;
}



#box-content-re #startseite-img-quepasaladen
{
margin:30px 0px 30px 20px;
}

#box-content-re #startseite-img-madonna
{
padding:0px 0px 0px 0px;
}



#box-content-re #startseite-img-logo-quepasa
{
float:left;

padding:0px 0px 0px 30px;
}

/* Cabrito Shops------------------------------------------------------------------*/

#box-content-re #imgmap-cabritoshops{margin:0px 0px 20px 20px;}


#box-content-re .ul-ohne-bullets-shops li
{
background-repeat:no-repeat;
padding:0px 0px 0px 40px;
line-height:30px;
margin-bottom:0px;
}
#box-content-re li.cabrito-shop-1{background-image:url(../images/cabrito_shops/hg_cabrito_shop_1.jpg);}
#box-content-re li.cabrito-shop-2{background-image:url(../images/cabrito_shops/hg_cabrito_shop_2.jpg);}
#box-content-re li.cabrito-shop-3{background-image:url(../images/cabrito_shops/hg_cabrito_shop_3.jpg);}
#box-content-re li.cabrito-shop-4{background-image:url(../images/cabrito_shops/hg_cabrito_shop_4.jpg);}
#box-content-re li.cabrito-shop-5{background-image:url(../images/cabrito_shops/hg_cabrito_shop_5.jpg);}
#box-content-re li.cabrito-shop-6{background-image:url(../images/cabrito_shops/hg_cabrito_shop_6.jpg);}
#box-content-re li.cabrito-shop-7{background-image:url(../images/cabrito_shops/hg_cabrito_shop_7.jpg);}
#box-content-re li.cabrito-shop-8{background-image:url(../images/cabrito_shops/hg_cabrito_shop_8.jpg);}

/* Cabrito Shops Detailseite --------------------------------------------------------------*/
#box-cabritoshop-detailseite-karte img{padding:10px 0px 30px 0px;}


#box-content .box-bilder_laeden
{
width:468px;
margin:0px 0px 0px 0px;
padding-top:30px;
padding-left:30px;
padding-right:15px;
background-image:url(../upload/hintergrund_boxen/box_hintergrund_typ_1_oben.gif);
background-repeat:no-repeat;
background-color:#FFFCA2;
}

#box-content .box-bilder_laeden img{}
#box-content .box-bilder_laeden .p-img-beschreibung{color:#0093D9; font-weight:bold; padding-bottom:30px; width:440px;}

#box-content .box-bilder_laeden-unten
{
height:24px;
background-image:url(../upload/hintergrund_boxen/box_hintergrund_typ_1_unten.gif);
background-repeat:no-repeat;
}




/* Que Pasa Shops------------------------------------------------------------------*/

#box-content-re #imgmap-quepasashops{margin:0px 0px 20px 20px;}


#box-content-re .ul-ohne-bullets-shops li
{
background-repeat:no-repeat;
padding:0px 0px 0px 40px;
line-height:30px;
margin-bottom:0px;
}
#box-content-re li.quepasa-shop-1{background-image:url(../images/quepasa_shops/hg_quepasa_shop_1.jpg);}
#box-content-re li.quepasa-shop-2{background-image:url(../images/quepasa_shops/hg_quepasa_shop_2.jpg);}
#box-content-re li.quepasa-shop-8{background-image:url(../images/quepasa_shops/hg_quepasa_shop_8.jpg);}


/* Footer ----------------------------------------------------*/
#box-footer p{float:left; color:#FFFFFF; font-size:11px; margin:0px; padding-left:20px; width:610px; line-height:18px;}
#box-footer p a{margin:0px; padding:0px;} /* für E-Maillink in footer */
#box-footer a{color:#FFFFFF; font-size:11px; margin:0px 0px 0px 40px; line-height:17px; text-decoration:underline;}
#box-footer a:hover{text-decoration:none;}


/* Kontaktformular ----------------------------------------------------*/

/* tabelle formular  */
#tbl-kontaktformular{border-collapse:collapse; margin:0px 0px 0px 0px;}
#tbl-kontaktformular td{padding:3px 0px 3px 0px; vertical-align:top; font-size:12px;}
#tbl-kontaktformular .td-1{width:160px;}
#tbl-kontaktformular .td-2{width:320px;}

#box-content .vorname-name{padding-bottom:15px;}
#box-content .telefon{padding-bottom:15px;}
#box-content .nachricht{padding-bottom:15px;}

/* input felder alle  */
#box-content .vorname-name input, 
#box-content .mail input,
#box-content .telefon input,
#box-content .nachricht textarea
{height:18px; padding:3px 0px 0px 4px; border:1px solid #0093D9; font-size:12px;}

/* input felder */
#box-content .vorname-name input{width:290px;}
#box-content .mail input{width:290px;}
#box-content .telefon input{width:290px;}
#box-content .nachricht textarea{width:290px; height:200px;}

/* Eingabefehler */
#box-content .p-eingabefehler{color:red; margin-top:90px;}
#box-content .eingabefehler{border:1px solid red;}

/* Anker fürs Formular zum Anspringen nach Fehleingabe */
#box-content #a-anker-formular{text-decoration:none; line-height:0px; margin:0px; padding:0px; font-size:0px;}


/* Cabrito Haendler ------------------------------------------------------------------*/

#box-content #cabrito-haendler-karte img{padding:10px 0px 30px 20px;}

#box-content #tbl-cabrito-haendler{float:left; border-collapse:collapse; border-spacing:0px; margin:0px 0px 0px 0px;}
#box-content #tbl-cabrito-haendler td{padding:0px 0px 20px 0px; vertical-align:top;}
#box-content #tbl-cabrito-haendler td h2{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px;}
#box-content #tbl-cabrito-haendler td p{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:11px;}
#box-content #tbl-cabrito-haendler .td-1{width:45px;}
#box-content #tbl-cabrito-haendler .td-2{width:270px;}
#box-content #tbl-cabrito-haendler .td-3{width:200px;}



/* Links ------------------------------------------------------------------*/

#box-content-re .h2-links {padding-bottom:5px;}

#box-content-re .b-img-links{width:120px; float:left;}

#box-content-re .b-img-links-2
{
width:100px; 
background-color:#FFFCA5; 
line-height:0px; 
background-image:url(../images/links/hg_bild_links_oben_f1.gif); 
background-repeat:no-repeat; 
padding-top:9px;
}

#box-content-re .b-img-links-2 a{line-height:0px;}
#box-content-re .b-img-links-2 img{line-height:0px; clear:both;}

#box-content-re .b-img-links-3
{
width:100px; 
line-height:0px; 
height:9px; 
background-image:url(../images/links/hg_bild_links_unten_f1.gif); 
background-repeat:no-repeat;
margin-bottom:50px;
}

#box-content-re .b-p-links{width:400px; float:left; margin-bottom:50px;}
#box-content-re .b-p-links p, #box-content-re .b-p-links a{font-size:11px;}



/* BOXEN links *******************************************************************************/

/* Grundbox fuer den linken Bereich --------------------------------------  */
#box-content-li .box-links-typ-1
{
width:195px;
padding-top:50px;
margin-bottom:20px;
background-image:url(../images/grunddesign/hg_box-links-typ-1.gif);
background-repeat:no-repeat; 
}

#box-content-li .box-links-typ-1 h2
{
color:#0093D9;
font-weight:bold;
font-size:12px;
padding-left:10px;
padding-top:15px;
padding-bottom:15px;
}

#box-content-li .box-links-typ-1 h2 a
{
font-weight:bold;
}


#box-content-li .box-links-typ-1 p
{
font-size:11px;
padding-left:10px;
padding-bottom:10px;
line-height:16px;
}

#box-content-li .box-links-typ-1 a
{
font-size:12px;
padding-left:0px;
}




/* Box links - Links in Rotation -----------------------------------------------------------*/

#box-content-li .b-img-links{width:160px; margin-left:20px;}
#box-content-li .b-img-links-2
{
width:160px; 
background-color:#FFFCA5; 
line-height:0px; 
background-image:url(../images/boxen_links/hg_bild_links_box_oben_f1.gif); 
background-repeat:no-repeat; 
padding-top:9px;
}

#box-content-li .b-img-links-2 a{line-height:0px; margin:0px; padding:0px;}
#box-content-li .b-img-links-2 img{line-height:0px; clear:both;}

#box-content-li .b-img-links-3
{
width:160px; 
line-height:0px; 
height:9px; 
background-image:url(../images/boxen_links/hg_bild_links_box_unten_f1.gif); 
background-repeat:no-repeat;
margin-bottom:15px;
}
#box-content-li .box-links-typ-1 .a-box-links-links{padding-left:10px;}
#box-content-li .box-links-typ-1 .p-box-links-links{font-size:11px;}


/* Box links - Shops in Rotation -----------------------------------------------------------*/

#box-content-li .box-links-shops-rotation .img-box-links-shops{padding-left:10px; padding-top:15px;}
#box-content-li .box-links-shops-rotation p{font-size:11px;}
#box-content-li .box-links-shops-rotation a.a-1{font-size:11px; padding-left:10px;}

/* Box links - Cabritohändler  -----------------------------------------------------------*/
#box-content-li .box-links-typ-1 .img-box-links-cabritohaendler{padding-left:10px; padding-top:15px;}
#box-content-li .box-links-cabritohaendler p{font-size:11px; padding-top:15px;}
#box-content-li .box-links-cabritohaendler p a{font-size:11px;}
#box-content-li .box-links-cabritohaendler a.a-1{font-size:11px; padding-left:10px;}

/* Box links - Onlineshop  -----------------------------------------------------------*/
#box-content-li .box-links-onlineshop img{padding-left:12px; padding-top:5px;}
#box-content-li .box-links-onlineshop p{padding-top:15px;}


/* Box links - Werbung Flüge (Modul)-------------------------------------------------------*/
#box-content-li .box-links-typ-1 .logo-fluggesellschaft-1{margin:0px 0px 10px 20px;}
#box-content-li .box-links-typ-1 .logo-fluggesellschaft-2{margin:0px 0px 0px 20px;} /* letztes Logo */


/* sonstige Styles  -----------------------------------------------------------*/

/* Liste normal Text mit kleinen Listenpunkten - bei Jobs im Einsatz */
#box-content-re ul.liste-typ-1 li{padding:1px 0px 5px 15px; line-height:18px; background-image:url(../images/grunddesign/listenpunkt_typ_1.gif);}


/* Textbox z.B. bei Jobs sporadisch im Einsatz */
#box-content .box-text-typ-1
{
width:478px;
float:left;
margin:0px 0px 0px 0px;
padding-top:20px;
padding-left:20px;
padding-right:15px;
background-image:url(../upload/hintergrund_boxen/box_hintergrund_typ_1_oben.gif);
background-repeat:no-repeat;
background-color:#FFFCA2;
}

   #box-content .box-text-typ-1 p{}

#box-content .box-text-typ-1-unten
{
float:left;
width:513px;
height:24px;
background-image:url(../upload/hintergrund_boxen/box_hintergrund_typ_1_unten.gif);
background-repeat:no-repeat;
margin-bottom:30px;
}




/* Geschenk auf Startseite oben  ----------------------------------------------------*/
#box-content #box-geschenk-auf-startseite
{
width:500px;
margin:0px 0px 0px 10px;
padding-left:0px;
background-image:url(http://www.cabrito-fuerteventura.com/shop/templates/xtc4/img/design_images/geschenkmodul/hg_box_geschenk_content_oben.gif);
background-repeat:no-repeat;
background-color:#FFFCA2;
}

#box-content #box-geschenk-auf-startseite h2{padding:10px 0px 10px 15px; color:#FF9900; font-weight:bold; font-size:15px;}

#box-geschenk-auf-startseite .bild{float:left; width:170px; margin-bottom:0px; margin-left:15px; text-align:center;}

#box-geschenk-auf-startseite .beschreibung{float:left; padding:0px 10px 0px 15px; width:260px; margin-bottom:0px;}
	#box-geschenk-auf-startseite .beschreibung p{font-size:12px;}
		#box-geschenk-auf-startseite .beschreibung p .farbig{color:#0093D9; font-weight:bold;}
	#box-geschenk-auf-startseite .kurzbeschreibung{}
	#box-geschenk-auf-startseite .beschreibung .preis{font-size:23px; font-weight:normal; padding:0px 0px 10px 4px; margin:0px; color:#0093D9;}
		#box-geschenk-auf-startseite .productOldPrice{font-size:9px; color:#FF9900; font-weight:normal;}



/* dezenter Link z.B. für I.G.I.C. */
#box-content #box-geschenk-auf-startseite a.link-dezent{font-size:9px; color:#444444; text-decoration:none; border-bottom:1px dashed #999999; cursor:help;}


#box-geschenk-auf-startseite-unten
{
margin-left:10px;
margin-bottom:30px;
height:32px;
background-image:url(http://www.cabrito-fuerteventura.com/shop/templates/xtc4/img/design_images/allgemein/hg_box_einfach_unten_typ_3.gif);
background-repeat:no-repeat;
}



/* Feedbackformular ----------------------------------------------------*/

/* tabelle formular  */
#tbl-feedbackformular{border-collapse:collapse; margin:0px 0px 0px 0px;}
#tbl-feedbackformular td{padding:3px 0px 3px 0px; vertical-align:top; font-size:12px;}
#tbl-feedbackformular .td-1{width:500px;}
#tbl-feedbackformular td p{margin-bottom:5px; margin-top:10px;}


/* input felder alle  */
#box-content #tbl-feedbackformular .textfeld input, 
#box-content #tbl-feedbackformular .textareafeld textarea
{height:18px; padding:3px 0px 0px 4px; border:1px solid #0093D9; font-size:12px;}

/* input felder */
#box-content #tbl-feedbackformular .textfeld input{width:390px;}
#box-content #tbl-feedbackformular .textareafeld textarea{width:390px; height:200px;}

#box-content #tbl-feedbackformular .websites-tipps input{margin-bottom:5px;}

#box-content #tbl-feedbackformular #button-senden input{margin-top:10px;}

/* Eingabefehler */
#box-content .p-eingabefehler{color:red; margin-top:90px;}
#box-content .eingabefehler{border:1px solid red;}

/* Anker fürs Formular zum Anspringen nach Fehleingabe */
#box-content #a-anker-formular{text-decoration:none; line-height:0px; margin:0px; padding:0px; font-size:0px;}









