*
{
	border: 0;
	margin: 0;
	padding: 0;
}

/* =Basic HTML
----------------------------------------------------------------------*/
::selection {
   background: #FFFFFF; /* Safari */
        color: #0033CC; }
		
::-moz-selection {
   background: #FFFFFF; /* Firefox*/
        color: #0033CC; }


::-webkit-selection {
background: #FFFFFF; 
color: #0033CC;
}

a
{ 
 text-decoration: none;
}
 /* link color !? */
a:link {color:#0000FF;} 

a:visited {color:#0000FF;} 

a:hover {color:#0000FF;} 

a:active {color:#0000FF;} 

body
{
	background: #fff;
	color: #000;
	margin: 0 auto;
	
	position: relative;
	width: 1000px;
	}
table.tab {border: 3px solid rgb(255, 255, 255); border-collapse: separate; border-spacing: 1px;width:960px;}

.tab td {text-align:center; vertical-align:middle; color:#FFFFFF; font-family:Arial; font-size:14px; font-weight:normal; height:70px;}

.tab colgroup.c1 { background-color:#3366FF; width:60px;  }

.tab colgroup.c2 { background-color:#CECECE; width:790px; }

/* Preis */
tab colgroup.c3 { background-color:#00CC99; width:60px; }

.tab {position:relative; margin: 0 auto;}	

/* Reisebezeichnung */
.tab h1 {font-family:"Monotype Corsiva"; font-size:22px; color:#6600CC; margin-top:2px;  font-weight:normal;}

/* Landesbezeichnung */
.tab h2  { font-family:"Monotype Corsiva"; font-size:18px; color:#006666; font-weight:bolder;}

/* Stadtebezeichnung */
.tab h3 { font-family:Arial; font-size:13px; color:#00F; margin-top:2px; margin-bottom:2px; font-weight:normal;}

/* Tag/Nachtausfahrt*/
.tab h4  { font-family:Arial; font-size:14px; color:#000;  font-weight:bolder; margin-bottom:20px; margin-top:20px;}
#name4 { font-family:Arial; font-size:14px; color:#000; margin-top:0px; margin-bottom:0px; font-weight:bolder;}

/* gruner Hintergrund*/
.tab td#gr {background-color:#CECECE; text-decoration:none; color:#666666; font-family:Verdana; font-size:14px;}

/* blauer Hintergrund*/
.tab td.bl {background-color:#3366FF;}

/* Monatsuberschrift!!?*/
.tab td.t1, .t1 {background-color:#3366FF; height:30px; text-align:center; font-weight:normal; border-color:#3366FF; font-size:16px;}

/* weisses TD*/
td#w1 { background-color: #FFFFFF; color:#000; height:20px; }

/* gelbes TD */
td#y1 { background-color: #FF0; color:#000; height:18px; }

/* Sonderzeichen  leere orange Sonne "☼*/
#spc1 { font-family:"Arial Black"; font-size:14px; color:#F63; }

/* Sonderzeichen  volle rote Sonne "☀*/
#spc2 { font-family:"Arial Black"; font-size:14px; color:#F00; }

/*slogan*/
td#s1  { background-color:#00CC99; text-align:right; vertical-align:middle; font-family:Arial; color:#FFFFFF; font-style:italic; font-weight:700;font-size:15px;}


/*----------list start-----------*/

table.list { font-family:Arial; text-align:center; border-color:#FFF; border-spacing:1px; border-width:2px; border-collapse:collapse; border-style:solid; 
vertical-align:middle;  font-size:12px; width:960px; color:#000000; margin-top:50px;}

table.list td {border-color:#FFF; border-spacing:1px; border-width:2px; border-collapse:collapse; border-style:solid; color:#000000; margin-top:50px;padding:20px 0;}

/* Monatbalken*/
.list th { color:#FFF; border-color:#FFF; border-spacing:1px; padding-left:3px; padding-right:3px; border-width:2px; border-collapse:collapse; border-style:solid; height:20px;}
.list tr.m1 { background-color:#666666; color:#FFFFFF;  font-size:9px;  height:15px; }

/* Reisezyklen*/
.list tr.t1 { background-color:#FFFF00; color:#000000; font-style:italic; font-size:11px; font-weight:bolder;  height:20px;}

/*Uberschrift*/
.list td.n1 { padding:15px;background-color:#FFF; color:#F00; font-size:14px; font-style:italic; font-weight:bolder; }

.list colgroup.c1 { background-color:#03C; width:360px; }

.list colgroup.c2 { background-color:#00CC99; width:30px; color:#FFFFFF;}

.list colgroup.c3 { background-color:#D9D9D9; width:570px;}

/*Reisebezeichnung*/
.list h1 { font-style:italic; color:#FFFF00; font-size:13px; font-weight:700; margin-left:5px; margin-right:5px;}

/*Landerbezeichnung*/
.list h2 { font-size:11px; font-weight:500; color:#FFF; margin-left:3px; margin-right:3px; }

/*Preis*/
.list h3 { font-weight:700; color:#FFF; margin-left:7px; margin-right:7px; font-size:13px;}

/*Nacht*/
.list h4  { font-family:Arial; font-size:13px; color:#E27A07; font-weight:bolder; margin-top:1px; margin-bottom:1px;}

/*Morgen*/
.list.u1 { font-family:Arial; font-size:13px; color:#C9C; margin-top:0px; margin-bottom:0px; font-weight:bolder;}

/*Tagesanzahl*/
.list var { font-family:Arial; font-size:13px; color:#FF0; font-weight:bolder;}

.list strong {font-size:13px; color:#FFFFFF; font-family:Arial; font-weight:bold;}
/*---------list end----------*/


/*p a
{
	background: inherit;
	color: #777;
} */

/*p a:hover
{
	background: inherit;
	color: #000;
}*/

/* ----- subpage ------*/

.sub {background-image:url('images/fon1.jpg');}

table.sub, div.sub, td.sub
{ border-spacing:0; width:1000px;height: auto; color:#003366;font-family:sans-serif;margin: 0 auto;}
	
colgroup.m1 {width:100px;}
colgroup.m2 {width:900px;}

.sub td {height:19px;font-size: 11.5px;line-height: 140%}
/* Reisebezeichnung */
.sub h1 {font-family:"Monotype Corsiva"; font-size:35px; color:#6600CC; margin-bottom:20px;  font-weight:normal;}

/* Landesbezeichnung */
.sub h2  { font-family:"Monotype Corsiva"; font-size:22px; color:#006666; font-weight:bolder; margin-bottom:5px;line-height: 110%;}

/* Stadtebezeichnung */
.sub h3 { font-family:Arial; font-size:13px; color:#00F; margin-top:2px; margin-bottom:2px; font-weight:normal;}

/* Tag/Nachtausfahrt*/
.sub h4  { font-family:Arial; font-size:13px; color:#000; margin-top:0px; margin-bottom:0px;   margin-top:15px;}

.sub h5 {font-size:16px; font-weight:500; text-align:center;}

.sub td:first-child {text-align:right; padding-right:30px;}

/*Zeit*/
.zt { margin-right:20px; display:inline;}
/* img!!*/
.i1 { margin-right:45px; text-align:center; line-height:200%; font-weight:600; }
/*Uberschriften Container*/
.hc { margin-left:70px; text-align:center;}

/*Beschreibungstext*/
.desc { text-align:left;  font-family:Arial;font-size:13px;margin:15px 30px 15px 5px;width:50%;}

/*Top*/
.tp {vertical-align:top;}

.tb-rl {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}

/*Individual Logo*/
.ind
{background-color:#3366FF;text-align:center;
padding:10px 5px;
font-size:22px;
color:#FF8000;
border-radius:20px;width:270px;height:123px;
box-shadow: 6px 6px 8px #575748, inset 0px 0px 1px 1px #FFBF00;
font-family:'Lobster',serif;text-align:center;
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;}

.ind2
{
font-size:20px;
color:#FFD24C;
}

.ind  img
{
width:230px;
height:65px;
}

.ext {color: #21a8a8;font-weight: bolder;}

/* ------hoverbox subpage--------*/
.i1 .hoverbox img
{
	width: 350px;
	height: 263px;
	background-color:transparent;
}
.i1 .hoverbox .preview
{
	width: 486px;
	height: 364px;
	background-color: rgba(0%, 0%, 0%, 0.0);
}
.i1 .hoverbox a:hover .preview
{
	top: -43px;
	left: -50px;
	z-index: 1;
	background-color: rgba(0%, 0%, 0%, 0.0);}

/* =Hoverbox MAIN Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -190px;
	left: 0px;
	z-index: 1;
	background-color: rgba(0%, 0%, 0%, 0.0);
}

.hoverbox img
{
	background: #FFF;
	background-color:transparent;
	border-style: solid;
	border-width: 0px;
	color: #FFF;
	padding: 2px;
	vertical-align: top;
	width: 110px;
	height: 75px;
}

.hoverbox li
{
	background: #FFF;
	border-color: rgba(0%, 0%, 0%, 0.0);/*#ddd #bbb #aaa #ccc;*/
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 360px;
	height: 270px;
}


#gallery {width:960px; height:660px; position:relative;padding:5px 0; border:1px solid #FFF; margin:20px auto 0; background-color:rgba(0%, 0%, 0%, 0.2);}
#gallery em {display:block; width:232px; height:175px; position:absolute; top:6px; right:6px; border:2px solid #CCC; background-color:transparent;}
#gallery span {display:block; width:702px; height:527px; position:absolute; top:6px; left:9px; border:1px solid #CCC;background-color:transparent;}


#gallery b#thumb {display:block; width:235px; height:338px; overflow:auto; float:right; margin-top:190px; margin-right:-4px;background-color:transparent;}
#gallery b#thumb a {display:block; float:left; margin:0 10px 10px 0; width:63px; height:47px; border:1px solid #000;background-color:transparent;}
#gallery b#thumb a img {width:63px; height:47px; border:0;background-color:transparent;}

#gallery b#thumb a:hover {border:1px solid #ccc;background-image:url('images/gallery/lupe.png');}
#gallery b#thumb a:active, #gallery b#thumb a:focus {border:1px solid #F90; background-color:transparent; outline:0;}
#gallery b#thumb a:hover img {display:block; position:absolute; z-index:500;}
#gallery b#thumb a:active img, #gallery b#thumb a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}

#gallery b#thumb a:hover img.hr {width:230px; height:173px; right:5px; top:7px; border:2px solid #F90; background-color:inherit;}
#gallery b#thumb a:hover img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #FCC;}

#gallery b#thumb a:active img.hr, #gallery b#thumb a:focus img.hr {width:700px; height:525px; left:10px; top:7px; border:1px solid #333;}
#gallery b#thumb a:active img.vt, #gallery b#thumb a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}

</* */>
#gallery b#thumb2 {display:block; width:235px; height:338px; overflow:auto; float:right;}
#gallery b#thumb2 a {display:block; float:left; margin:5px; width:63px; height:47px; border:1px solid #000;background-color:transparent; clear:right;}
#gallery b#thumb2 a img {width:63px; height:47px; border:0;background-color:transparent;}

#gallery b#thumb2 a:hover {border:1px solid #ccc;background-image:url('images/gallery/lupe.png');}
#gallery b#thumb2 a:active, #gallery b#thumb2 a:focus {border:1px solid #F90; background-color:transparent; outline:0;}
#gallery b#thumb2 a:hover img {display:block; position:absolute; z-index:500;}
#gallery b#thumb2 a:active img, #gallery b#thumb2 a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}

#gallery b#thumb2 a:hover img.hr {width:230px; height:173px; right:5px; top:7px; border:2px solid #F90; background-color:inherit;}
#gallery b#thumb2 a:hover img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #FCC;}

#gallery b#thumb2 a:active img.hr, #gallery b#thumb2 a:focus img.hr {width:700px; height:525px; left:10px; top:7px; border:1px solid #333;}
#gallery b#thumb2 a:active img.vt, #gallery b#thumb2 a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}

.center {text-align:center; margin:7px auto 5px; }