@charset "UTF-8";

#navbar {
	height: 20px;
	width: 660px;
	float: right;
	margin-top: 0px;
}

/* ---------- horizontales Hauptmenü -------------*/
#nav {
	display: inline-block;
	padding: 0;	/*border-radius: 5px; /* Balken im Hintergrund */	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0, .5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .5);/* Farbe NavBar */	/*background-image: url(../images/bg.png);/* Gradient NavBar */
	/*background-repeat: repeat-x;
	/*background-position: 0 -110px;*/
}
#nav li {
	float: left;
	position: relative;
	list-style: none;
	margin-top: 1px;/* Menü nach Oben oder Unten */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}

#nav a {
	font-weight: normal;
	color: #040404;/* Schriftfarbe */
	text-decoration: none;
	display: block;
	padding: 5px 10px;/* Höhe und Breite verstellen */
	border-radius: 5px; /*some css3*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*text-shadow: 0 2px 2px rgba(0,0,0, .7);*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa url(../images/bg.png) repeat-x 0 -20px;
    color:#000;
    /*border-top:1px solid #f8f8f8;*/

   box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    /*text-shadow:0 2px 2px rgba(255,255,255, 0.7);*/
}

/* #############  --- Submenü --- ############# */
#nav ul li:hover a, #nav li:hover li a {
	/*background: none;*/
	border: none;
	color: #000;
	z-index: 999;
	background-color: #CDCDCD;
}
/* ---------- Submenü alle Elemente ------------ */
#nav ul li a:hover {
    background:#335599 url(../images/bg.png) repeat-x 0 -100px;
    color:#fff;
	
    border-radius:5px; 
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}
/* ---------- Submenü 1. Element ------------ */
#nav ul li:first-child > a {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}
/* ---------- Submenü ltz. Element ------------ */
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:5px; 
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:200px;/* Breite Submenü */
    position:absolute;
    background:#aabbcc url(../images/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;
/* ------ Submenü Hintergrund ------- */
    border-radius:5px; /*some css3*/
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow:0 2px 2px rgba(0,0,0, .5);
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
	z-index: 999;
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left: 160px;
    top: 0px;
}
/* ############# vertikales Menü bei Resisen ############# */
#reiseNavSpalte {
	float: left;
	width: 158px;
	height: 270;
	padding-left: 17px;
	padding-top: 58px;
}
#reiseInhalt {
	float: right;
	width: 800px;
	padding-left: 0px;
}
#navVertikal{
	float: left;
	width: 140px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	border-radius: 5px;
	/*Balken im Hintergrund */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0, .5);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0, .5);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .5);/* Farbe NavBar */
	background-image: url(../images/bg.png);/* Gradient NavBar */
	background-repeat: repeat-x;
	background-position: 0 -110px;
	background-color: #E6E6E6;
}
#navVertikal li {
	position: relative;
	list-style: none;
	margin-top: 5px;
}
#navVertikal a {
	font-weight: bold;
	color: #040404;/* Schriftfarbe */
	text-decoration: none;
	display: block;
	padding: 10px 10px;/* Höhe und Breite verstellen */
	border-radius: 5px; /*some css3*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/text-shadow: 0 2px 2px rgba(0,0,0, .7);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	
	box-shadow:0 2px 2px rgba(0,0,0, .7); 
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
/* selected menu element */
#navVertikal li:hover a {
	/*background: #7788aa url(../images/bg.png) repeat-x 0 -20px;*/
	color: #00009F;/*Schriftfarbe*/
	/*border-top:1px solid #f8f8f8;*/

	box-shadow: 0 2px 2px rgba(0,0,0, .7);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0, .7);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0, .7);
	text-shadow: 0 2px 2px rgba(255,255,255, 0.7);
	background-color: #101010;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: 0 -20px;
}