@import url("reset.css");

body,table,td{
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	background-color:#ffffff;
	
}

img, div{
	border:0;
}

/*START Layout Framework*/

/*Seitenbreite*/
			#centerall{width:1024px;position:relative;} 

/* Head Höhe*/
			#header, #menu-top {height:225px;}

/* Head Breiten */
			#header {width:1024px;}
			#menu-top {width:1024px;}

/* Content Breite*/
			#content {width:835px;}
			#menu-left {width:188px;min-height:703px;}

/* Footer Höhe*/
			#footer {height:127px;}

/* Layout Struktur*/
html, body, #mastercontent{height:100%;} 
body{margin:0;padding:0;text-align:left;}
#content, #centerall{min-height:690px;} 
#centerall{margin:0px auto;text-align:left;} 
#content { float:right}
#footer {clear:both;width:100%;}
#header,#menu-top,#menu-left {float:left}

/* Layout STYLE */
body {background:white;}
#master-content {background:#d1e778;}
#menu-top {background:#ffc;}
#content {background:white;}
#menu-left { background-color:#d5a230; background-image:url(pix/menu_links_bg.jpg);background-repeat:no-repeat;}
#footer {background:white;background-image:url(pix/footer_bg.jpg);background-repeat:no-repeat;}


/*ENDE Layout Framework*/


h1{
	font-family:arial;
	font-weight: bold;
	font-size: 20px;
	line-height: 120%;
	}
	
h2{
	font-weight: bold;
	font-family:arial;
	color: #62360a;
	font-size: 14px;
	}

h3{
	color: #62360a;
	font-weight: bold;
	font-size: 12px;
	font-family:verdana;
	}

h4{
	color: black;
	font-weight: bold;
	font-size: 11px;
	}

h5{
	color: black;
	font-weight: italic;
	font-size: 11px;
	}

a:hover{
	color: #62360a;
	text-decoration:underline;
	font-weight:normal;
}				
a:visited{
	color: #62360a;
	text-decoration:underline;
	font-weight:normal;
}
a:active{
	color: #62360a;
	text-decoration:none;
	border: 0px;
	font-weight:normal;
}
a:link{
	color: #62360a;
	text-decoration:underline;
	font-weight:normal;
}
a:focus{
	color: #62360a;
	border: 0px;
	font-weight:normal;
	}

/* ------------------------------ NEU RCC - Menü ----------------*/

.menutop{
	text-align:left;
	width:1024px;
	height: 19px;
	background-color:#dcb960;
	}

.menutop_1{
	background-image:url(pix/menutop_back_01.jpg);
	background-repeat:no-repeat;
	width:146px;
	height: 19px;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #62360a;
	text-decoration:none;
	line-height: 180%;
	text-align:center;
	}

.menu-reisen {
padding-left: 20px;
padding-top: 20px;
width:160px;
}


.menu-link{
	font-weight: bold;
	font-family:arial;
	font-size: 12px;
	color: #62360a;
	text-decoration:none;
	background-image:url(pix/menu_left.png);
	background-repeat:no-repeat; 
	background-position:center left; 
	padding-left:15px;
	width:150px;
	height:15px;
	line-height:30px;
	vertical-align:bottom;
}

.menu-link:link{
	font-weight: bold;
	font-family:arial;
	font-size: 12px;
	color: #62360a;
	text-decoration:none;
	background-image:url(pix/menu_left_rot.png);
	background-repeat:no-repeat; 
	background-position:center left; 
	cursor:pointer;
	}
.menu-link:hover{
	font-weight: bold;
	font-family:arial;
	font-size: 12px;
	color: #62360a;
	text-decoration:none;
	background-image:url(pix/menu_left_rot.png);
	background-repeat:no-repeat; 
	background-position:center left; 
	cursor:pointer;
}				
.menu-link:visited{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
.menu-link:active{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	background-image:url(pix/menu_left_rot.png);
	background-repeat:no-repeat; 
	background-position:center left; 
	cursor:pointer;
}
.menu-link:focus{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	background-image:url(pix/menu_left_rot.png);
	background-repeat:no-repeat; 
	background-position:center left; 
	cursor:pointer;
	}


.menu-link-sub{
	font-weight: normal;
	font-family:arial;
	font-size: 12px;
	color: #62360a;
	text-decoration:none;
	background-image:url(pix/menu_left_sub.png);
	background-repeat:no-repeat; 
	background-position:center left; 
	padding-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	width:150px;
	height:15px;
	line-height:20px;
	vertical-align:bottom;
	margin-left:30px;
}

.menu-link-sub:link{
	font-weight: normal;
	font-family:arial;
	font-size: 12px;
	color: #62360a;
	text-decoration:none;
	cursor:pointer;
	}
.menu-link-sub:hover{
	font-weight: bold;
	font-family:arial;
	font-size: 12px;
	color: #62360a;
	text-decoration:none;
	cursor:pointer;
}				
.menu-link-sub:visited{
	color: #62360a;
	font-weight: normal;
	text-decoration:none;
	cursor:pointer;
}
.menu-link-sub:active{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
.menu-link-sub:focus{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
	}



/* ---- Reisefinder ---*/

.reisefinder{
	background-image:url(pix/reisefinder_bg.jpg);
	background-repeat:no-repeat;
	width: 1024px;
	height: 49px;
	}

.reisefinder_suchbegriff{
	width:327px;
	height: 30px;
	text-align:center;
	font-family:verdana;
	font-weight: bold;
	font-size: 14px;
	color: #fdf5d8;
	text-decoration:none;
	line-height: 120%;
	text-transform:uppercase;
	float:left;
	margin-top:14px;
	padding-left: 30px;
	}


.reisefinder_anreise{
	width:161px;
	height: 30px;
	text-align:center;
	font-family:Arial;
	font-weight: bold;
	font-size: 12px;
	color: #fdf5d8;
	text-decoration:none;
	line-height: 120%;
	float:left;
	margin-top:14px;
	padding-left: 10px;
	}


.reisefinder_abreise{
	width:166px;
	height: 30px;
	text-align:center;
	font-family:Arial;
	font-weight: bold;
	font-size: 12px;
	color: #fdf5d8;
	text-decoration:none;
	line-height: 120%;
	float:left;
	margin-top:14px;
	padding-left: 10px;
	}

.reisefinder_land{
	width:195px;
	height: 30px;
	font-family:Arial;
	font-weight: bold;
	font-size: 10px;
	color: #fdf5d8;
	text-decoration:none;
	float:left;
	margin-top:14px;
	padding-left: 15px;
	}

.reisefinder_land_option{
	clear:both;
	text-align:left;
	font-family:Arial;
	font-weight: bold;
	font-size: 10px;
	color: #62360a;
	text-decoration:none;
	}

.reisefinder_suchen{
	width:80px;
	height: 30px;
	float:left;
	text-align:center;
	margin-top:14px;
	padding-left: 10px;
	}

.reisefinder_suchen_button{
	width:67px;
	height: 16px;
	border:0px;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #62360a;
	text-decoration:none;
	line-height: 140%;
	text-align:center;
	background-image:url(pix/rf_suchen_button.jpg);
	background-repeat:no-repeat;
	padding-left: 3px;
	}

/* ---- Startseite---*/


.start_head_specials{
	font-weight: bold;
	font-family:verdana,helvetica;
	font-size: 18px;
	color: #dd2a1b;
	line-height: 180%;
	height:40px;
	text-align:bottom;
	margin-left:17px;
	margin-top:10px;
	}

.start_specials_boxen{
	height: 340px;
	width: 830px; /* 836px ist ganzer content */
	margin-left:5px;
	margin-top:0px;

	}

.start_specials_boxen1{
	height: 334px;
	width: 200px; 
	background-image:url(pix/specials_bg.jpg);
	background-repeat:no-repeat;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 16px;
	color: #62360a;
	float:left;
	margin-left:5px;
	}

.start_specials_head{
	width: 168px; 
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 16px;
	color: #62360a;
	margin-top: 18px;
	margin-left: 15px;
	margin-right: 0px;
	}

.start_specials_text{
	width: 168px; 
	font-weight: normal;
	font-family:arial,helvetica;
	font-size: 12px;
	color: #62360a;
	margin-top: 4px;
	margin-left: 15px;
	margin-right: 0px;
	}

.start_specials_bild{
	height: 194px;
	width: 178px; 
	margin-top: 4px;
	margin-left: 10px;
	}

.start_specials_button{
	height: 16px;
	width: 161px; 
	background-image:url(pix/button_specials.jpg);
	background-repeat:no-repeat;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #62360a;
	text-decoration:none;
	margin-top: 9px;
	margin-left: 18px;
	}


#start_specials_button:link{
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #62360a;
	text-decoration:none;
	cursor:pointer;
	}

#start_specials_button:hover{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}				
#start_specials_button:visited{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
#start_specials_button:active{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
#start_specials_button:link{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
}
#start_specials_button:focus{
	color: #62360a;
	font-weight: bold;
	text-decoration:none;
	cursor:pointer;
	}

.start_specialskurzansicht_boxen1{
	height: 284px;
	width: 200px; 
	background-image:url(pix/specialskurz_bg.jpg);
	background-repeat:no-repeat;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 16px;
	color: #62360a;
	float:left;
	margin-left:5px;
	}

.start_specialskurzansicht_button{
	height: 16px;
	width: 117px; 
	background-image:url(pix/button_kurz_bg.jpg);
	background-repeat:no-repeat;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #62360a;
	text-decoration:none;
	margin-top: 13px;
	margin-left: 60px;
	}

.start_specialskurzansicht_bild{
	height: 120px;
	width: 178px; 
	margin-top: 4px;
	margin-left: 10px;
	}

/* --- Startseite Teaser Reisehighlights --- */

.start_teaser_boxen{
	height: 245px;
	width: 830px; /* 836px ist ganzer content */
	margin-left:5px;
	margin-top:0px;
	}

.start_teaser_boxen1{
	height: 242px;
	width: 200px; 
	background-image:url(pix/teaser_bg.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
	position:relative;
	}

.start_teaser_bild{
	height: 132px; /* Bild hinter start_teaser_bildrahmen-png */
	width: 200px;  
	position:absolute;
	z-index:1;
	left:10px;
	top:0px;
	overflow:hidden;
	}

.start_teaser_bildrahmen{
	height: 133px; /* liegt oben auf start_teaser_bild durch pos:absolute */
	width: 200px; 
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	}

.start_teaser_textbox{
	height: 83px; /* Textbox unter start_teaser_bildrahmen-png */
	width: 168px; 
	position:absolute;
	z-index:2;
	left:15px;
	top:125px;
}

.start_teaser_head{
	width: 168px; 
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 16px;
	color: #62360a;
	margin-top: 5px;
	line-height:16px;
	height:36px;
	
	}

.start_teaser_text{
	width: 168px; 
	margin-top: 4px;
	height:16px;
	line-height:16px;
	}

.start_teaser_abpreis{
	width: 168px; 
	margin-top: 4px;
	font-weight: bold;
	text-align: right;
	}


.start_teaser_button{
	height: 16px;
	width: 54px; 
	margin-top: 5px;
	margin-left: 114px;
	}







/* ------------------------------ENDE  NEU RCC  ----------------*/



.menu-link_top:hover{
	font-weight: bold;
	font-family:verdana;
	font-size: 11px;
	color: white;
	text-decoration:underline;
}				
.menu-link_top:visited{
	font-weight: bold;
	font-family:verdana;
	font-size: 11px;
	color: white;
	text-decoration:none;
}
.menu-link_top:active{
	font-weight: bold;
	font-family:verdana;
	font-size: 11px;
	color: white;
	text-decoration:underline;
}
.menu-link_top:link{
	font-weight: bold;
	font-family:verdana;
	font-size: 11px;
	color: white;
	text-decoration:none;
}
.menu-link_top:focus{
	font-weight: bold;
	font-family:verdana;
	font-size: 11px;
	color: white;
	text-decoration:none;
	}
	
	



/* -----------------  NEUE STYLES RCC 2010 */

.r-code{
	font-family:arial;
	font-weight:bold;
	font-size: 11px;
	width: 464px;
	}

.r-drucken{
	margin-left:20px;
	width: 100px;
	color:black;
	}

.r-kategorie{
	font-family:arial;
	font-weight:bold;
	font-size: 12px;
	text-transform: uppercase;
	width: 464px;
	margin-top:20px;
	}

.r-pics{
	width: 440px; 
	/*overflow:hidden;*/
	height:292px;
	background-color:#f7e698;
	}

/* --- Headline + Subline vor Treueballon */

.r-headballonbox{
	width: 464px;
	/*min-height:60px;*/
	margin-top:3px;
	margin-bottom:15px;
	}

.r-headbox{
	width: 428px;

	margin-top:3px;
	float:left;
	}

.r-headline{
	font-family:arial;
	font-weight:bold;
	font-size: 18px;
	width: 425px;
	}

.r-subline{
	font-family:arial;
	font-size: 14px;
	width: 425px;

	}

.r-treueballon{
	float:left;
	width: 31px;
	height:60px;
	padding-top:7px;
	font-family:arial;
	font-weight:bold;
	letter-spacing: 0px;
	font-size: 14px;
	text-align:center;
	color:#dd2a1b;
	background-image:url(pix/rcc_treueballon.jpg);
	background-repeat:no-repeat;
	}

.r-verlauf-head{
	font-family:arial;
	color: #dd2a1b;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	width: 465px;
	margin-top:8px;
	}
	
.r-einleitung{
	font-weight: bold;
	font-size: 12px;
	font-family:arial;
	width: 465px;
	margin-top:10px;
	}

.r-verlauf{
	font-size: 12px;
	font-family:arial;
	width: 465px;
	margin-bottom:10px;
	margin-top:8px;
	}

.r-leistungshead{
	font-family:arial;
	color: #dd2a1b;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	width:260px;
	margin-left:10px;
	margin-top:8px;
	}

.r-leistungenzusatz{
	font-size: 12px;
	font-family:arial;
	width:260px;
	margin-left:10px;
	margin-top:8px;
	}

.r-kuschick{
	font-weight: bold;
	font-size: 12px;
	font-family:arial;
	width:280px;
	margin-left:10px;
	margin-top:8px;
	}

#r-leistungen ul li{
	font-size: 12px;
	/*list-style-image: url(pix/bullet_rot.jpg);*/
	list-style-type:square;
	margin-left: 15px;
	font-family:arial;
	margin-top:5px;
	}

#r-leistungen{
	font-size: 12px;
	font-family:arial;
	width:260px;
	margin-left:10px;
	margin-top:8px;
	}

.r-hotels{
	font-size: 12px;
	font-family:arial;
	width:260px;
	margin-left:10px;
	margin-top:8px;
	}

/* ---- Footer ----*/

.footer_links{
	width:770px;
	height: 90px;
	margin-top: 25px;
	margin-left: 30px;
	float:left;
	}

.footer_rechts{
	width:190px;
	height: 90px;
	margin-top: 25px;
	margin-left: 0px;
	float:left;
	}

.footer_links_oben{
	width:500px;
	height: 42px;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #fdf5d8;
	text-decoration:none;
	}

.footer_links_unten{
	width:500px;
	height: 20px;
	font-family:arial,helvetica;
	font-size: 10px;
	color: #fdf5d8;
	text-decoration:none;
	}

.footer_rechts_kltext{
	width:190px;
	height: 30px;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #fdf5d8;
	text-decoration:none;
	text-align: right;
	}

.footer_rechts_grtext{
	width:190px;
	height: 22px;
	margin-top: 5px;
	font-family:arial,helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #fdf5d8;
	text-decoration:none;
	text-align: right;
	}

#infobox{
	background-color:#ffffff;
	}

#infobox h1{
	font-weight: bold;
	font-family:verdana,helvetica;
	font-size: 18px;
	color: #dd2a1b;
	line-height: 180%;
	}

#infobox h2{
	font-weight: bold;
	font-family:arial;
	font-size: 14px;
	color: black;
	line-height: 140%;
	}


/* --------- Slider Startseite */

.start_slider{
	clear:both;
	width:984px;
	height: 234px;
	background-image:url(pix/slider_bg.jpg);
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:10px;
	}
	
.start_slider_box{
	width:354px;
	height: 315px;
	float:left;
	border: 1px solid #fdf5d8;
	}

.start_slider_pix{
	width:354px;
	height: 220px; /*bild = height: 232px;*/
	border: 0px;
	overflow:hidden;
	}

/* ------ Box für Text mit transparentem Bild in bg*/
.start_slider_textbox{
	width:344px;
	height: 95px; 
	overflow:hidden;
	padding-left:10px;
	background-color: white; /* --- muss durch transparentes Bild getauscht werden*/
	}

.start_slider_head{
	width:335px;
	margin-top: 4px;
	font-family:arial,helvetica;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-decoration:none;
	}


.start_slider_subhead{
	width:335px;
	margin-top: 2px;
	font-family:arial,helvetica;
	font-size: 13px;
	font-weight: bold;
	color: black;
	text-decoration:none;
	}

.start_slider_text{
	width:335px;
	margin-top: 2px;
	margin-bottom: 5px;
	font-family:arial,helvetica;
	font-size: 13px;
	font-weight: normal;
	color: black;
	text-decoration:none;
	}
	
.start_slider_preiszeile{
	width:335px;
	height: 25px;
	text-align:bottom;
	line-height: 25px;
	}

.start_slider_abpreistext{
	margin-top: 2px;
	margin-bottom: 5px;
	font-family:arial,helvetica;
	font-size: 13px;
	font-weight: normal;
	color: black;
	text-decoration:none;
	text-align:right;
	float:left;
	}

.start_slider_abpreis{
	font-family:arial,helvetica;
	font-size: 23px;
	font-weight: bold;
	color: black;
	text-decoration:none;
	text-align:right;
	float:left;
	}

.start_slider_button{
	width:55px;
	padding-left: 12px;
	height: 16px;
	margin-top:10px;
	border:0px;
	font-weight: bold;
	font-family:arial,helvetica;
	font-size: 11px;
	color: #62360a;
	text-decoration:none;
	line-height: 140%;
	text-align:left;
	background-image:url(pix/rf_suchen_button.jpg);
	background-repeat:no-repeat;
	float:right;
	}

/* -----------------  NEUE STYLES RCC 2010 -- ENDE */






/*  SLIDER --------------------------------------------------------*/ 
#sliderbox{
position:absolute;
top:167px;
left:40px;
width:940px;
height:240px;
z-index:80;
}

#slider {
    width: 900px;
    margin: 0 auto;
    position: relative;
	
}

.scroll {
	overflow: hidden;
	width: 900px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
 padding: 10px;
    width: 145px;
	height: 221px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(pix/leftshadow.png) repeat-y;
	z-index:9;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(pix/rightshadow.png) repeat-y;
	z-index:9;
}

.inside {
	padding: 5px;
	/*border: 1px solid #999;*/
}

.inside img {
	display: block;
	border: 1px solid white;
	margin: 0 0 0px 0;
	width: 140px;
	 cursor: pointer;
	cursor:hand;
}

.inside h2 {
	font-weight: bold;
	color: #111;
	font-size: 12px;
	margin: 0 0 2px 0;
}

.inside p {
	font-size: 11px;
	color: #111;
}



.scrollButtons {
    position: absolute;
    top: 85px;
    cursor: pointer;
	cursor:hand;
	z-index:9;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}

.hide {
    display: none;
}