@charset "UTF-8";
/* CSS Document */

body {background-image: url(picts_de/back_streifen.jpg); background-position: top center; background-repeat: repeat-y; background-color: rgb(207, 212, 218); font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: rgb(0, 0, 0); padding: 0px; margin: 0px;}

.all {position:absolute; height: 100%; width: 794px; left: 50%; margin-left: -397px; margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px;}

.head {position:absolute; height: 475px; width: 772px; left: 11px; margin: 0px; padding: 0px; border: 0px; background-color: #FFFFFF;}

#head1 {top: 0px; border: none; display:block;}
#head2 {top: 93px; display:block;}

#menueoben {width: 772px; height: 41px; top: 284px; left: 0px; background-image: url(picts_de/head_mitte.jpg);}
#menueoben ul {margin: 0px 10px 0px 0px; padding-top: 18px; text-align: right; }
#menueoben a, #menueoben a:link, #menueoben a:visited { text-decoration:none; color: rgb(0, 0, 0);}
#menueoben li a#active, #menueoben li a:hover {text-decoration:none; color: rgb(255, 255, 255);}
#menueoben li {display: inline; list-style-type: none;}
#menueoben a {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px;  margin: 0px 5px 0px 5px;}



/* NAVIGATION BUTTONS */
.navi {position:absolute; height: 115px; width: 772px; margin: 0px; padding: 0px; border: 0px;}
.cssnav1 {position:relative; float: left; margin: 0;  padding: 0; background: url(picts_de/navi_schueler_2.jpg) no-repeat; width: 201px; height: 115px; overflow:hidden;/* for ie to hide extra height*/}
.cssnav1 a {display: block; width: 201px; height: 115px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.cssnav1 img {width: 201px; height: 115px; border: 0;}
* html a:hover {visibility:visible}
.cssnav1 a:hover img{visibility:hidden}

.cssnav2 {position:relative; float: left; margin: 0;  padding: 0; background: url(picts_de/navi_vermietung_2.jpg) no-repeat; width: 190px; height: 115px; overflow:hidden;/* for ie to hide extra height*/}
.cssnav2 a {display: block; width: 190px; height: 115px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.cssnav2 img {width: 190px; height: 115px; border: 0;}
* html a:hover {visibility:visible}
.cssnav2 a:hover img{visibility:hidden}

.cssnav3 {position:relative; float: left; margin: 0;  padding: 0; background: url(picts_de/navi_reise_2.jpg) no-repeat; width: 191px; height: 115px; overflow:hidden;/* for ie to hide extra height*/}
.cssnav3 a {display: block; width: 191px; height: 115px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.cssnav3 img {width: 191px; height: 115px; border: 0;}
* html a:hover {visibility:visible}
.cssnav3 a:hover img{visibility:hidden}

.cssnav4 {position:relative; float: left; margin: 0;  padding: 0; background: url(picts_de/navi_linienverkehr_2.jpg) no-repeat; width: 190px; height: 115px; overflow:hidden;/* for ie to hide extra height*/}
.cssnav4 a {display: block; width: 190px; height: 115px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.cssnav4 img {width: 190px; height: 115px; border: 0;}
* html a:hover {visibility:visible}
.cssnav4 a:hover img{visibility:hidden}
/* END OF NAVIGATION */

#head3 {position:absolute; top: 440px; display:block; width: 772px; height: 35px; background: url(picts_de/head_unten.jpg) repeat-x; }


/* Formatierung CONTENT */

.content {position:absolute; width: 740px; top: 475px; left: 27px; margin: 0px; border: 0px; background-color: #FFFFFF; text-align: left;}
.content_reisen {position:absolute; width: 750px; top: 475px; left: 22px; margin: 0px; border: 0px; background-color: #FFFFFF;}
.content_reiseangebote {position:absolute; width: 772px; top: 475px; display:block; left: 11px; margin: 0px; border: 0px; background-color: #FFFFFF;}
.content p {line-height: 15px; margin-top: 0px;}
.blue {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; margin-top: 0px; font-weight: normal; color: rgb(52, 77, 133);}
h1 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 12px; font-weight: normal; color: rgb(52, 77, 133);}
h2 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.4em; font-weight: normal; color: rgb(52, 77, 133);}
h3 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; margin-bottom: -2px; font-weight: normal; color: rgb(52, 77, 133);}
#imgright{float: right; margin-left: 16px; margin-bottom:20px;}
#imgleft{float: left; margin-right: 16px; margin-bottom:20px;}
a {color: rgb(52, 77, 133);}
a:visited a:link {color: rgb(0, 0, 0);}
a:hover {color: rgb(0, 0, 0);}
form {
	position: absolute;
	left: 110px;
	top: 490px;
	width: 550px;
	padding: 15px;
	border: 0px solid;
	border-color: rgb(52, 77, 133);
	background-color: #E2EBF2;
	text-align: left;
	border-bottom-width: 50px;
	border-bottom-color: #FFFFFF;
}
form fieldset {padding: 0px; margin-bottom: 0.5em; line-height: 1.5em; border: 0;}
form input {border:1px solid rgb(52, 77, 133); position: relative; margin: 0; }
form textarea {border:1px solid rgb(52, 77, 133); margin: 0; position: relative;}
form #button {background: url(picts_de/button.jpg); display: inline; border: none; width: 117px; height: 28px; text-align: center;}
.zusatz {position: relative; width: 300px; float: right; clear: both;}
hr {color: rgb(52, 77, 133); background-color: rgb(52, 77, 133);}





/* REISEBUTTONS */
.reisebuttons_left {position:absolute; height: 100px; width: 344px; margin: 0px; padding: 0px; border: 0px;}
.reise1 {position:relative; float: left; margin-bottom: 20px;  padding: 0; background: url(picts_de/button_reise_deutschland_de1.jpg) no-repeat; width: 344px; height: 100px; overflow:hidden;}
.reise1 a {display: block; width: 344px; height: 100px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.reise1 img {width: 344px; height: 100px; border: 0;}
* html a:hover {visibility:visible}
.reise1 a:hover img{visibility:hidden}

.reise2 {position:relative; float: left; margin-bottom: 20px;  padding: 0; background: url(picts_de/button_reise_kultur_de1.jpg) no-repeat; width: 344px; height: 100px; overflow:hidden;}
.reise2 a {display: block; width: 344px; height: 100px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.reise2 img {width: 344px; height: 100px; border: 0;}
* html a:hover {visibility:visible}
.reise2 a:hover img{visibility:hidden}

.reise3 {position:relative; float: left; margin-bottom: 10px;  padding: 0; background: url(picts_de/button_reise_tag_de1.jpg) no-repeat; width: 344px; height: 100px; overflow:hidden;}
.reise3 a {display: block; width: 344px; height: 100px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.reise3 img {width: 344px; height: 100px; border: 0;}
* html a:hover {visibility:visible}
.reise3 a:hover img{visibility:hidden}

.reisebuttons_right {position:absolute; left: 381px; height: 100px; width: 344px; margin: 0px; padding: 0px; border: 0px;}
.reise4 {position:relative; float: left; margin-bottom: 20px;  padding: 0; background: url(picts_de/button_reise_europa_de1.jpg) no-repeat; width: 344px; height: 100px; overflow:hidden;}
.reise4 a {display: block; width: 344px; height: 100px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.reise4 img {width: 344px; height: 100px; border: 0;}
* html a:hover {visibility:visible}
.reise4 a:hover img{visibility:hidden}

.reise5 {position:relative; float: left; margin-bottom: 20px;  padding: 0; background: url(picts_de/button_reise_wellness_de1.jpg) no-repeat; width: 344px; height: 100px; overflow:hidden;}
.reise5 a {display: block; width: 344px; height: 100px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.reise5 img {width: 344px; height: 100px; border: 0;}
* html a:hover {visibility:visible}
.reise5 a:hover img{visibility:hidden}

.reise6 {position:relative; float: left; margin-bottom: 10px;  padding: 0; background: url(picts_de/button_reise_blaue_de1.jpg) no-repeat; width: 344px; height: 100px; overflow:hidden;}
.reise6 a {display: block; width: 344px; height: 100px; float: left; overflow:hidden;/* for ie to hide extra height*/}
.reise6 img {width: 344px; height: 100px; border: 0;}
* html a:hover {visibility:visible}
.reise6 a:hover img{visibility:hidden}


/* END REISEBUTTONS */

.reisetext {position:absolute; width: 740px; left: 0px; top: 360px; margin: 0px; padding: 0px; border: 0px; background-color: #FFFFFF;}
