/* v2.0 | 20110126

  http://meyerweb.com/eric/tools/css/reset/ 

  License: none (public domain)

*/

@font-face {

    font-family: 'Didact Gothic';

    src: local('Didact Gothic');

    src: url('/css/schrift/DidactGothic.eot');

    src: url('/css/schrift/DidactGothic.eot?#iefix') format('embedded-opentype'),

         url('/css/schrift/DidactGothic.woff') format('woff');

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'Icon';

    src: url('/css/schrift/entypo.eot'); /* IE9 Compat Modes */

    src: url('/css/schrift/entypo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

        url('/css/schrift/entypo.woff') format('woff'), /* Modern Browsers */

        url('/css/schrift/entypo.ttf')  format('truetype'), /* Safari, Android, iOS */

        url('/css/schrift/entypo.svg#Syntax') format('svg'); /* Legacy iOS */

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, img, ins, kbd, q, s, samp,

small, strike, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

sub {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 9px;

    font: inherit;

    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

/* CLEAFRIX */

html {

    height:100%;

    overflow-y:scroll;

}

body {

    font: 12px/1.231 Verdana, Geneva, sans-serif;

    background-color: #ecebe7;

    height:100%;

}

@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1)

{

body {

    width:1300px;    

}

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {display: inline-block;}

/* Bereich nicht für IE-mac Anfang \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* Bereich nicht für IE-mac Ende */

/*header*/

header {

    background-color: #022662; 

    height:127px;

    left: 0; 

    position: absolute; 

    top: 0;

    width: 100%;    

}

div#headercontainer {

    margin: 0 auto; 

    width: 1048px;

    position:relative;

}

div#headerlogo {

    display: block; 

    float: left; 

    height: 127px; 

    width: 265px;

    z-index:999;

}

div#headersubnav {

    display: block; 

    float: right; 

    margin-top: 15px;

    width: 780px;

}

div#headersubnav ul {

    display:block;

}

div#headersubnav ul li {

    display: block; 

    float: left;

}

div#headersubnav ul li a {

    border-right: 1px solid #fff; 

    color: #fff; 

    margin: 0 7px 0 0; 

    padding: 0 7px 0 0; 

    text-decoration: none;

    cursor: pointer;

}

div#headersubnav ul li a:hover {

    text-decoration: underline;

}

div#headersubnav form {

    display: inline-block;

    width: 195px;

    margin-top:-15px;

    *margin-top:-5px;

}

div#headersubnav form input {

    border: 1px solid #022662;

    border-radius: 5px;

    color: #022662;

    padding: 2px 0 2px 5px;

    width: 175px;

    margin-right:-9px;

}

div#headersubnav form input[type=hidden] {

    width:0px;

    height:0px;

    padding:0;

    border:none

}

div#headersubnav form input[type=image] {

    height:13px;

    width:19px;

    min-width:19px; /*Für meinwikinger*/

    margin-bottom:0; /*Für meinwikinger*/

    border:none;

    padding:0;

    position:relative;

    left:-16px;

    *left:-20px;

}

span#welcome {

    color:#fff;

    position:absolute;

    right:0;

    top:55px

}

span#welcome a {

    color:#fff;

    padding:5px;

    background:#A11A27;

    text-decoration:none;

    border-radius:5px;

}

span#welcome a:hover {

    background:#fff;

    color:#022662;

}



/*content*/

body > div#content {

    height: auto;

    min-height: 100%;

}

div#content {

    height: 100%;

    position:relative;

}

div#inhalt {

    margin: 0 auto;

    width: 1048px; 

    position:relative;

    padding-top:127px; 

    padding-bottom: 127px;

}

div#inhaltschatten {

    box-shadow:2px 2px 6px #000;

    min-height: 400px;

    background-color:#fff;

}

div#schatten {

    margin-bottom: -75px;

    position: relative;

    top: -85px;

}

div.dreikisten {

    background-color:#fff;

}

div.kastenlinks {

    width:243px; 

    height:220px; 

    border: 3px solid #022662; 

    float:left;

    margin-left:80px;

    margin-bottom:15px;

    box-shadow:2px 2px 6px #000;

}

div.kastenmitte {

    width:243px; 

    height:220px; 

    border: 3px solid #022662; 

    float:left; 

    margin-left:80px; 

    margin-right:80px;

    margin-bottom:15px;

    box-shadow:2px 2px 6px #000;

}

div.kastenrechts {

    width:243px; 

    height:220px; 

    border: 3px solid #022662; 

    float:left;

    margin-bottom:15px;

    box-shadow:2px 2px 6px #000;

}

div.kastenlinks h2 {

    background-color:#cad329; 

    height:40px; 

    font-size:14px;

    font-weight:bold; 

    width:243px; 

    line-height: 34px; 

    color:#022662;

    text-align:center

}

div.kastenmitte h2 {

    background-color:#cad329; 

    line-height: 34px; 

    height:40px; 

    font-size:14px;

    font-weight:bold; 

    color:#022662; 

    width: 243px;

    text-align:center                

}

div.kastenrechts h2 {

    background-color:#cad329; 

    height:40px; 

    font-size:14px;

    font-weight:bold; 

    text-align:center;

    line-height:34px; 

    width:243px; 

    color:#022662;

}

div.kastenlinks h2 a, div.kastenmitte h2 a, div.kastenrechts h2 a {

    color:#022662;

    text-decoration:none;

    display:block;

}

div.kastenlinks p {

    display:block; 

    background-color: #fff; 

    height:71px;

    position:relative;

    line-height:13px;

    bottom:78px;

    padding: 5px 5px 0 15px;

}

div.kastenmitte p {

    display:block; 

    background-color: #fff; 

    height:71px;

    line-height:13px;

    position:relative;

    bottom:78px;

    padding: 5px 5px 0 15px;

}

div.kastenrechts p {

    display:block; 

    background-color: #fff;

    line-height:13px;

    height:71px;

    position:relative;

    bottom:78px;

    padding: 5px 5px 0 15px;

}

div.kastenlinks p a, div.kastenmitte p a, div.kastenrechts p a {

    background-image: url("/bilder/img/more.gif");

    background-repeat: no-repeat;

    background-position:right;

    font-weight: bold;

    height: 12px;

    text-decoration:none;

    padding-right:14px;

    color: #022662;

    font-size:11px;

}

div.kastenlinks p a:hover, div.kastenmitte p a:hover, div.kastenrechts p a:hover, div#ngwerbung p a:hover {

    text-decoration:underline;

}

div#tdw p a:hover {

    text-decoration:none;

    color:#aaa;    

}

div#tdw {

    border: 4px solid #fff; 

    /*height: 220px;*/ 

    width: 239px; 

    position:absolute; 

    left:781px; 

    top: 150px; 

    z-index:10; 

    background-color: #fff;

    box-shadow:2px 2px 6px #000;

}

div#tdw h2 {

    background-color: #CAD329; 

    color: #022662; 

    font-size: 14px; 

    font-weight: bold; 

    height: 30px; 

    line-height: 27px; 

    padding-left: 15px; 

    width: 224px;

}

div#tdw p a { 

    color: #ccc;

    font-size: 11px;

    margin-left: 60px;

    text-decoration:none

}

form#kleinerrf label {

    float: left;

    font-weight: bold;

    padding: 5px 0 5px 5px;

    text-align: left;

    width: 239px;

}

form#kleinerrf input {

   width: 205px;

   border: 1px solid #022662;

   margin-left:5px;

   background-color:#E6E6E6

}

form#kleinerrf select {

   width: 208px;

   border: 1px solid #022662;

   margin-left:5px;

   background-color:#E6E6E6

}

form#kleinerrf input.submit {

    background: none repeat scroll 0 0 #A11A27;

    color: #fff;

    cursor: pointer;

    display: block;

    font-size: 12px;

    padding: 6px 10px;

    width: 180px;

    margin: 5px 0 0 25px

}  

a#kontaktbutton {

    left: -101px; 

    position: absolute !important; 

    top: 160px;

    background-color:#fff; 

    border-top:1px solid #CCC;

    border-left:1px solid #CCC;

    border-bottom:1px solid #CCC;

    border-radius: 5px 0px 0px 5px;

}

a#kontaktbutton img {

    border-radius: 5px 0px 0px 5px;

}

div#socialmedia {

    left:-42px;

    margin: 0;

    padding: 5px 0;

    position: absolute !important;

    top: 240px;

    width:35px;

    background-color:#fff; 

    padding:5px 0 5px 6px; 

    border-radius: 5px 0px 0px 5px;

    border-top:1px solid #CCC;

    border-left:1px solid #CCC;

    border-bottom:1px solid #CCC;

}

div#logos {

    margin: 0 auto; 

    height:70px; 

    width: 1048px; 

    margin:5px 0 5px 0;

    background-color:#fff; 

    box-shadow:2px 2px 6px #000;

}

div.csr {width:246px; height:70px; background:url("/bilder/img/csr.jpg")}

div.csr:hover {background:url("/bilder/img/csr_hover.jpg")}

div.wwf {width:96px; height:70px; background:url("/bilder/img/wwf.jpg"); margin-right:10px; /*margin-right:240px*/}

div.wtreff {width:176px; height:70px; background:url("/bilder/img/blog.jpg"); margin-right:50px;}

div.wtreff:hover {background:url("/bilder/img/blog_hover.jpg");}

div.gks {width:168px; height:70px; background:url("/bilder/img/gks.jpg"); margin-right:10px}

div.gks:hover {background:url("/bilder/img/gks_hover.jpg")}

div.luz {width:154px; height:70px; background:url("/bilder/img/luz.jpg"); margin-right:10px}

div.luz:hover {background:url("/bilder/img/luz_hover.jpg")}

div.erv {width:114px; height:70px; background:url("/bilder/img/erv.jpg")}

div.erv:hover {background:url("/bilder/img/erv_hover.jpg")}

div.csr a, div.wwf a, div.wtreff a, div.gks a, div.luz a, div.erv a {width:100%; height:100%; display:block; text-decoration:none;}

div#logos div {

    float:left

}

/*ZUM SEITENANFANG*/

a.totop {

    background-image: url("/bilder/img/totop.gif");

    background-repeat: no-repeat;

    bottom: 150px;

    color: #999999;

    font-size: 10px;

    height: 12px;

    left: 20px;

    padding-left: 20px;

    position: fixed;

}

/*NAVI HTML5*/

nav {

    top:102px;

    right:79px;

    position:absolute;

}

::made-up-pseudo-element, nav {

    top:104px; /*Safari 5*/

}

noindex:-o-prefocus, nav {

    top:103px; /*Opera 12*/

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    nav{top:104px;}

}

nav ul li {

    display:inline;

    font-size:16px;

    font-weight:bold;

    background-color:#cad329;

    padding: 5px 25px 5px 25px;

    border-radius: 5px 5px 0px 0px;

    margin-right:5px;

}

nav ul li.reisefinder {

    margin-right:1px;

}

nav ul li:hover {

    background-color:#fff;

}

nav ul li a{

    color:#022662;

    text-decoration:none;

}

/*ERSTER NAVIPUNKT REISEN*/

nav ul li ul#kontinente {

    display: none;

}

nav ul li:hover ul#kontinente {

    position:absolute;

    right:-79px;

    top:25px;

    top:24px\9; /*IE 9-10*/

    background: none repeat scroll 0 0 #fff;

    border-left: 1px solid #022662;

    border-bottom: 1px solid #022662;

    border-right: 1px solid #022662;

    display: block;

    width: 1047px;

    height:360px;

    z-index: 99;

}

::made-up-pseudo-element, nav ul li:hover ul#kontinente{

    top:23px; /*Safari 5*/

}

noindex:-o-prefocus, nav ul li:hover ul#kontinente {

    top:24px; /*Opera 12*/

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    nav ul li:hover ul#kontinente{top:23px;}

}

nav ul li ul#kontinente li {

    border: 2px solid #022662;

    border-radius: 5px 5px 5px 5px;

    display: block;

    font-size: 14px;

    width: 120px;

    margin:20px 0 -15px 50px;    

}

nav ul li ul#kontinente li:hover {

    border: 2px solid #022662;

    background-color:#022662;

    width:200px;

    border-radius: 5px 5px 5px 5px;

}

nav ul li ul#kontinente li:hover a{

    color:#fff;

}

/*ZWEITER NAVIPUNKT REISEN*/

nav ul li ul#kontinente li ul#afr,

nav ul li ul#kontinente li ul#asi,

nav ul li ul#kontinente li ul#euro,

nav ul li ul#kontinente li ul#lak,

nav ul li ul#kontinente li ul#nam,

nav ul li ul#kontinente li ul#oze {

    display:none;

}

nav ul li ul#kontinente li:hover ul#afr,

nav ul li ul#kontinente li:hover ul#asi,

nav ul li ul#kontinente li:hover ul#euro,

nav ul li ul#kontinente li:hover ul#lak,

nav ul li ul#kontinente li:hover ul#nam,

nav ul li ul#kontinente li:hover ul#oze {

    position:absolute;

    left:240px;

    top:20px;

    background-color:#022662;

    display: block;

    width:750px;

    min-height:212px;

    border-radius: 5px 5px 5px 5px;

}

nav ul li ul#kontinente li ul#afr li,

nav ul li ul#kontinente li ul#asi li,

nav ul li ul#kontinente li ul#euro li,

nav ul li ul#kontinente li ul#lak li,

nav ul li ul#kontinente li ul#nam li,

nav ul li ul#kontinente li ul#oze li {

    font-size:13px;

    padding:5px;

    display:inline;

    float:left;

    width:130px;

    background:none;

    border:none;

    margin:0;

}

nav ul li ul#kontinente li ul#afr li:hover,

nav ul li ul#kontinente li ul#asi li:hover,

nav ul li ul#kontinente li ul#euro li:hover,

nav ul li ul#kontinente li ul#lak li:hover,

nav ul li ul#kontinente li ul#nam li:hover,

nav ul li ul#kontinente li ul#oze li:hover {

    width:130px;

    border:none;

    background:none;

}

nav ul li ul#kontinente li ul#afr li a,

nav ul li ul#kontinente li ul#asi li a,

nav ul li ul#kontinente li ul#euro li a,

nav ul li ul#kontinente li ul#lak li a,

nav ul li ul#kontinente li ul#nam li a,

nav ul li ul#kontinente li ul#oze li a {

    color:#fff;        

    margin: 12px 8px 10px;                    

}

nav ul li ul#kontinente li ul#afr li a:hover,

nav ul li ul#kontinente li ul#asi li a:hover,

nav ul li ul#kontinente li ul#euro li a:hover,

nav ul li ul#kontinente li ul#lak li a:hover,

nav ul li ul#kontinente li ul#nam li a:hover,

nav ul li ul#kontinente li ul#oze li a:hover {

    text-decoration:underline;

}

/*NAVIPUNKT SERVICE & AKTUELLES*/

nav ul li div#service,

nav ul li div#aktuelles {

    display: none;

}

nav ul li:hover div#service,

nav ul li:hover div#aktuelles {

    position:absolute;

    right:-79px;

    top:25px;

    top:24px\9; /*IE 9-10*/

    background: none repeat scroll 0 0 #fff;

    border-left: 1px solid #022662;

    border-bottom: 1px solid #022662;

    border-right: 1px solid #022662;

    display: block;

    width: 1047px;

    height:360px;

    z-index: 40;

}

::made-up-pseudo-element, nav ul li:hover div#service {

    top:23px; /*Safari 5*/

}

::made-up-pseudo-element, nav ul li:hover div#aktuelles {

    top:23px; /*Safari 5*/

}

noindex:-o-prefocus, nav ul li:hover div#service {

    top:24px; /*Opera 12*/

}

noindex:-o-prefocus, nav ul li:hover div#aktuelles {

    top:24px; /*Opera 12*/

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    nav ul li:hover div#aktuelles{top:23px;}

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    nav ul li:hover div#service{top:23px;}

}

/*NAVI HTML5 - ENDE*/



div#service ul,

div#aktuelles ul {

    margin:15px 0 0 10px;;

    float:left;

    

}

div#aktuelles ul {

    width:240px    

}

div#service ul a,

div#aktuelles ul a {

    color:#022662;

    font-size:14px;

}

div#service ul li,

div#aktuelles ul li {

    font-size:14px;

    display:block;

    font-weight:normal;

    background:none;

    padding-left:5px;

}

div#aktuelles ul li.first,

div#service ul li.first {

    font-weight:bold;

    background: none;

    padding-left: 0;

    color:#022662;    

}

div#service ul li.last {

    font-weight:bold;

    margin-top:50px;

}

div#service ul li a,

div#aktuelles ul li a {

    background-image: url("/bilder/img/more.gif");

    background-repeat: no-repeat;

    background-position:left;

    padding-left:12px;

}

div#service ul li a:hover,

div#aktuelles ul li a:hover {

    text-decoration:underline;

}

/*footer HTML5*/

footer {

    position: relative;

    margin-top: -127px; /* Negativer Wert der Footer-Höhe */

    background-color: #022662; 

    height:127px;

    width: 100%;

    clear:both;

}

footer div#footerinhalt {

    margin: 0 auto;    width: 1048px;

}

footer div#footerinhalt ul {

    font-size:10px;

    color:#fff;

    font-weight:bold;

    float:left;

    margin: 10px 8px 0 8px

}

footer div#footerinhalt ul li a {

    padding-left:10px;

    color:#fff;

    font-weight:normal;

    text-decoration:none;

}

footer div#footerinhalt ul li a:hover {

    text-decoration:underline

}

footer div#footerinhalt ul.ullast li a {

    font-weight:bold;

}

/*** REISESEITEN **/

.breadcrumb {

    color: #6F6F6F;

    display: inline-block;

    margin: 15px 0 0 30px;

    padding: 0;

}

.breadcrumb li {

    float: left;

}

.breadcrumb li a {

    color: #6F6F6F;

    margin-right: 0.4em;

    text-decoration: underline;

}

.breadcrumb li span {

    margin-right: 3px;

}

div#flashkarte {

    text-align:center

}

div#flashkarte h1,

div#ueberuns h1,

div#reiseauflistung h1,

#drumherum > h1 {

    /**font-family: 'Didact Gothic', sans-serif;**/

    font-family: Verdana, Geneva, sans-serif;

    /**font-size:35px;**/

    font-size:32px;

    /**text-decoration:underline;**/

    font-weight:bold;

    color:#022662;

    padding: 5px 0 15px 0;

    text-align:center;

}

div#flashkarte p,

div#ueberuns p {

    text-align:left;

    padding: 0 15px 10px 30px;

    color:#022662;

    line-height: 15px;

}

div#flashkarte p:first-letter {

    font-size: 1.8em;

    font-weight: bold;

}

div#flashkarte h3 {

    color:#022662;

    font-size:14px;

    font-weight:bold;

    margin: 15px 0 15px 0;

}

div#flashkarte ul {

    text-align:left;

    min-height: 60px;

    width:1048px;

    margin-bottom:15px;

}

div#flashkarte ul li{

    display: block;

    float:left;

    padding-left: 15px; /* the width reserved for the background image */

    margin-left: 20px;

    width: 170px;

    background: url("/bilder/img/list_route_grau.gif") no-repeat 0 5px; /* the "bullet"... adjust these numbers to taste */

}

div#flashkarte ul li a{

    color:#022662;

    text-decoration:none

}

div#flashkarte ul li a:hover, div#flashkarte ol li a:hover{

    color:#fff;

    background-color:#A11A27;

    text-decoration:underline

}

div#flashkarte ol {

    float:left;

    padding-left:30px;

    text-align:left;

    min-height: 60px;

    color: #022662;

    border-left: 1px solid #ccc;

}

div#flashkarte ol li:first-child {

    font-weight:bold;

}

div#flashkarte ol li {

    display: block;

    width: 115px;

}

div#flashkarte ol li a{

    padding-left:10px;

    color:#022662;

    font-weight:normal;

    text-decoration:none;

    background: url("/bilder/img/list_route_grau.gif") no-repeat 0 5px; /* the "bullet"... adjust these numbers to taste */

}

div#flashkarte div.diabilder,

div#flashkarte div.diabilderrechts {

    background:url("/bilder/img/fotobg.png"); 

    width:257px; 

    height: 196px; 

    float:left; 

    margin: 0 15px 0 30px;

}

div#flashkarte div.diabilderrechts {

    float:right;

}

div#flashkarte div.diabilder h2,

div#flashkarte div.diabilderrechts h2 {

    position:relative; 

    top:150px; 

    font-family: 'Didact Gothic', sans-serif; 

    font-weight:bold; 

    font-size:18px;

}

div#flashkarte div.diabilder h2 a,

div#flashkarte div.diabilderrechts h2 a {

    display:block;

    color:#022662;

}

div#flashkarte div.diabilder img,

div#flashkarte div.diabilderrechts img {

    /*padding-top:4px;*/

    position: relative;

    right: 0;

    top: 5px;

    top: 4px\9;

}

.diabutton {

    background: #cad329; /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhZDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGZmZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(top,  #cad329 0%, #f0fe6e 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cad329), color-stop(100%,#f0fe6e)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #cad329 0%,#f0fe6e 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #cad329 0%,#f0fe6e 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #cad329 0%,#f0fe6e 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #cad329 0%,#f0fe6e 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cad329', endColorstr='#f0fe6e',GradientType=0 ); /* IE6-8 */

    height:17px;

    width:265px;

    margin-left:300px;

    padding:5px;

    border-radius: 5px 5px 5px 5px;

}

.diabutton a {

    color:#022662;

    text-decoration:none;

    font-weight:bold;

}

/**ÜBER UNS**/

p#weitereinfos {

    font-size: 10px;

    color: #ccc !important;

}

a.noimg {

    background:none !important;

    padding:0 !important;

}

div#ueberuns h3 {

    cursor: pointer;

    margin: 0 0 10px 30px

}

div#ueberuns h4 {

    margin: 5px 0 10px 30px;

    font-weight:bold;

    color: #022662;

    font-size:14px;    

    text-decoration:underline;

}

div#ueberuns img {

    margin: 0 15px 15px 0

}

div#ueberuns a img {

    margin:0;

    padding:0

}

div#ueberuns div.job ul {

    background-color: #DBE2C0;

    margin: 0;

    padding: 10px 10px 10px 25px;

    color:#022662;

    list-style-type: disc

}

div#ueberuns div {

    margin: 0 30px 15px 30px;

}

div#ueberuns div p {

    background-color: #DBE2C0;

    margin: 0;

    padding: 10px;

}

div#ueberuns p a:hover, div#ueberuns div p a:hover, #reiseleiter-text ul li a:hover, #reiseleiter-text ol li a:hover {

    color: #A11A27;

    text-decoration:underline;

}    

div#ueberuns p a, div#ueberuns div p a, #reiseleiter-text ul li a, #reiseleiter-text ol li a {

    background-image: url("/bilder/img/more.gif");

    background-repeat: no-repeat;

    font-weight: bold;

    height: 12px;

    padding-left: 13px;

    color:#022662;

    text-decoration:none;

}

div.teambild {

    margin:40px 0 0 0 !important;

    text-align:center;

}

div.teaminfo{

    display:none;

    position:absolute;

    right:80px;

    margin: 10px 0 0 0 !important; 

}

h3.linkfoto {

    background-image: url("/bilder/img/more.gif");

    background-repeat: no-repeat;

    padding-left: 13px;

    color: #022662;

    font-weight: bold;

}

img.right {

    float:right; 

    margin: 0 30px 10px 30px

}

img.left {

    float:left; 

    margin: 0 30px 10px 30px

}

/** RL **/

#reiseleiter-navigation {

    background: none repeat scroll 0 0 #cad329;

    margin-top: 15px;

    padding: 3px 0;

}

#reiseleiter-navigation ul {

    text-align: center;

}

#reiseleiter-navigation ul li {

    border-right: 1px solid #022662;

    display: inline;

    font-size: 14px;

    padding: 0 10px 0 5px;

}

#reiseleiter-navigation ul li a, .reiseleiter-subnavi ul li a {

    color:#022662;

    text-decoration:none    

}

#reiseleiter-navigation ul li a:hover, .reiseleiter-subnavi ul li a:hover{

    color:#A11A27;

    text-decoration:underline    

}

#reiseleiter-navigation ul li a.active {

    font-weight: bold;

    font-size:16px;

    color:#A11A27;

}

#reiseleiter-navigation ul li.last {

    border-right: none;

}



.reiseleiter-subnavi {

    /**background: url("/bilder/img/background_reiseleitersubnavi.jpg") no-repeat scroll left bottom #F9F9F9;**/

    float: left;

    margin: 0 35px 0 0 !important;

    padding: 10px 0 20px 10px;

    width: 220px;

}

.reiseleiter-subnavi ul li {

    background: url("/bilder/img/trenner_reiseleitersubnavi-li.jpg") no-repeat scroll left bottom transparent;

    list-style-image: none;

    list-style-type: none;

    margin: 5px 0;

    padding: 0 0 5px;

}



#reiseleiter-content {

    float: left;

    width: 692px;

   /** box-shadow: 2px 2px 2px #000;

    background-color: #f7f7f7;

    border-left: 1px solid #ccc;

    border-top: 1px solid #ccc**/

}

#reiseleiter-content p{

    background-color: transparent !important;

    

}

#reiseleiter-einleitung {

    float: left;

    width: 690px;

    margin: 0 !important;

}

#reiseleiter-bild {

    background: url("/bilder/img/bg_reiseleiterbild.jpg") no-repeat scroll left top transparent;

    float: left;

    height: 268px;

    margin: 30px 20px 0 30px !important;

    position: relative;

    width: 284px;

}

#reiseleiter-bild h3 {

    font-family: 'Didact Gothic',sans-serif;

    font-size: 18px;

    font-weight: bold;

    color: #022662;

    left: 35px;

    position: absolute;

    top: 220px;

    margin: 0 !important;

    cursor: default !important;

}

#reiseleiter-einleitung h3#azueberschrift {

    font-family: 'Didact Gothic',sans-serif;

    font-size: 18px;

    font-weight: bold;

    color: #022662;

    cursor: default !important;

    margin: 10px 0 10px 30px !important;

    text-decoration:underline;

}

#reiseleiter-bild img {

    left: 27px;

    position: absolute;

    top: 37px;

}

#reiseleiter-einleitung p {

    font-size: 15px;

    font-weight: bold;

    margin: 25px 0 0 !important;

}

#reiseleiter-einleitung dl {

    font-size: 13px;

    font-weight: normal;

    color: #022662;

}

#reiseleiter-einleitung dl dt {

    font-weight: bold;

    margin: 10px 0 0;

}

#reiseleiter-einleitung dl dd {

    margin-right: 10px;

}

#reiseleiter-text {

    margin: 0 15px 0 20px !important;    

}

#reiseleiter-text table {

    border: 1px solid #ccc;    

    margin: 0 30px 10px 5px;

    color: #022662;

}

#reiseleiter-text table td {

    vertical-align: top;

    padding:5px;

    border: 1px solid #ccc;

}

#reiseleiter-text ul {

     color:#022662;

     list-style-type: disc;

     padding: 0 10px 0 40px;

}

#reiseleiter-text ol {

     color:#022662;

     list-style-type: decimal;

     padding: 0 10px 0 40px;

}

#reiseleiter-einsaetze {

    background: none repeat scroll 0 0 #E5E9EF;

    float: left;

    padding: 5px 10px;

    width: 620px;

}

#reiseleiter-einsaetze h3 {

    font-family: 'Didact Gothic',sans-serif;

    font-weight: bold;

    color: #022662;

    font-size: 17px;

    margin: 0 0 10px 0 !important;

    cursor: default !important;

}

#reiseleiter-einsaetze dl dt {

    float: left;

    font-weight: normal;

    margin: 5px 0;

    width: 405px;

}

#reiseleiter-einsaetze dl dd.reisenummer a{

    color: #666;

    text-decoration: none;

}

#reiseleiter-einsaetze dl dd {

    float: left;

    margin: 5px;

    padding: 0;

}

#reiseleiter-einsaetze dl dt a {

    color: #000000;

    text-decoration: none;

}

#reiseleiter-einsaetze dl dt a:hover, #reiseleiter-einsaetze dl dd.reisenummer a:hover{

    color: #A11A27;

    text-decoration: underline;

}

#reiseleiter-einsaetze p {

    text-align: right !important;

}

/**** NEWSLETTER ***/

.newsletterbild {

    float:right; 

    margin-right:30px !important;

}

.pflichtfeld {

    color:#999 !important; 

    font-size:10px;

}

form.newsletter {

    margin:0 30px 0 30px    

}

form.newsletter fieldset div label {

    font-weight:bold; 

    color: #022662; 

    font-size: 1.2em; 

    position: relative;

}

form.newsletter fieldset input.button {

    background: #A11A27; color:#fff; cursor:pointer; font-size:1.2em; font-weight:bold; margin: 0 0 10px 60px; padding:6px 10px; width:300px

}

form.newsletter fieldset input.button2 {

    background: #022662; color:#fff; cursor:pointer; font-size:1.2em; font-weight:bold; margin: 0 0 10px 60px; padding:6px 10px; width:300px

}

form.newsletter fieldset div select, form.newsletter fieldset div input {

    margin: 0 0 0 33px; width: 430px; background: #E6E6E6; border:1px solid #022662; padding:10px; font-size: 1.3em

}

form.newsletter fieldset div label span.labeltext {

    background-color: #CAD329; padding:5px 5px 5px 33px; display:block; margin: 0 0 10px; width: 130px

}

/***** REISEÜBERSICHT ****/

div#reisewrapper-links {

    float:left; 

    margin-left:30px;

    padding-right:15px;

    width:480px;

    border-right:1px solid #ccc

}

div#reisewrapper-rechts {

    margin-left:525px; 

    padding-left:15px; 

    width:480px; 

    border-left:1px solid #ccc;

}

div#reisewrapper-rechts h2 {

    font-size:15px;

    color: #022662;

    font-weight:bold;

    background: url("/bilder/img/fahrraeder.gif") no-repeat;

    height: 38px;

    padding: 13px 0 0 75px;

}

div#reisewrapper-links h2 {

    font-size:15px;

    color: #022662;

    font-weight:bold;

    background: url("/bilder/img/wanderschuhe.gif") no-repeat;

    height: 41px;

    padding: 13px 0 0 75px;

}

div#reisewrapper-links h2#verl {

    background: url("/bilder/img/palme.jpg") no-repeat;

}

div#reisewrapper-links h2#ng {

    background: url("/bilder/img/ng-picto.gif") no-repeat;

    padding: 13px 0 0 50px;

}

div#reisewrapper-links h2#baustein {

    background: url("/bilder/img/puzzle.jpg") no-repeat;

}

div.reisekasten {

    background: #e4e4e4; /* Old browsers */

    background: -moz-linear-gradient(top,  #e4e4e4 0%, #ffffff 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #e4e4e4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #e4e4e4 0%,#ffffff 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #e4e4e4 0%,#ffffff 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #e4e4e4 0%,#ffffff 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    border:1px solid #ccc; 

    padding: 9px; 

    position:relative;

    margin-bottom:15px;

    height:120px;

    min-height:120px !important;

}

img.reisebild {

    float:left; 

    border: 3px solid #ccc; 

    height:96px; 

    width: 96px;

}

img.reisebild:hover{

    border: 3px solid #A11A27;

}

img.pilotreise {

    position:absolute; 

    left:35px; 

    top:12px

}

div.reisebeschreibung {

    margin-left:115px

}

div.reisebeschreibung a {

    display:block; 

    width:300px;

    color: #022662; 

    font-weight:bold;

}

div.reisebeschreibung a:hover,

div.reisekasten a.reiselink:hover {

    color:#A11A27 !important;

}

div.reisebeschreibung ul {

    list-style:outside; 

    margin: 10px 0 10px 20px; 

    color:#022662;

}

div.reisebeschreibung p.reisetage {

    color:#022662;

    margin-bottom:5px

}



div.reisebeschreibung p.reisepreis {

    color: #fff; 

    font-size: 14px; 

    font-weight: bold;

    background:#022662;

    padding:3px; 

    width:100px;

    text-align:center

}

div.reisebeschreibung a.reisepreis:before {

    content: '\E4AE';

    font-family: Icon;

    font-size: 25px;

    line-height: 1px;

    margin-right: 5px;

}

div.reisebeschreibung a.reisepreis {

    background-color:#022662;

    width:115px;

    color:#fff;

    padding:3px;

    text-align:center;

    text-decoration:none;

    border-radius:3px;

    font-size:14px

}

div.reisebeschreibung a.reisepreis:hover {

    background-color:#A11A27;

    color:#fff !important;

}



div.reisekasten a img.stiefel1 {

    border-bottom: 1px solid #CCCCCC; 

    border-left: 1px solid #CCCCCC; 

    position: absolute;

    right: 0;

    top: 0;

}

div.reisekasten a img.stiefel2 {

    border-bottom: 1px solid #CCCCCC; 

    border-left: 1px solid #CCCCCC; 

    position: absolute;

    right: 0;

    top: 29px;

    width: 48px;

}

div.reisekasten a img.stiefel3 {

    border-bottom: 1px solid #CCCCCC; 

    border-left: 1px solid #CCCCCC; 

    position: absolute;

    right: 0;

    top: 58px;

}

div.reisekasten a.reiselink {

    background-image: url("/bilder/img/more.gif");

    background-repeat: no-repeat;

    color: #022662;

    font-weight: bold;

    height: 12px;

    padding-left: 13px;

    text-decoration: none;

    position:absolute; 

    bottom:5px; 

    right:5px

}

div#gotoindi {

    background-color: #022662;

    border-bottom: 1px solid #CCCCCC;

    border-left: 1px solid #CCCCCC;

    border-radius: 5px 0 0 5px;

    border-top: 1px solid #CCCCCC;

    left: -100px;

    margin: 0;

    padding: 5px 0 5px 6px;

    position: absolute !important;

    top: 415px;

    width: 123px;

}

div#gotoindi a {

    color: #FFFFFF;

    display: block;

    font-size: 16px;

    font-weight: bold;

    padding-right: 10px;

    text-align: right;

    text-decoration: none;

}

a.roterbtn:before {
    content: '\E4AE';
    font-family: Icon;
    font-size: 25px;
    line-height: 1px;
    margin-right: 5px;
}

a.roterbtn:before {
    content: '\E4AE';    
    font-family: Icon;
    font-size: 25px;
    line-height: 1px;
    margin-right: 5px;
    height:100%;
    width:10px;
    display:block;
    float:left;
    margin-top:2px
}

a.roterbtn {

    background-image:none !important;    

    background-color: #a11a27;

    border-radius: 3px;

    color: #fff !important;

    font-size: 14px;

    padding: 10px !important;

    text-align: left;

    text-decoration: none !important;

    width: 170px;

    display:block;

    font-weight:bold;

} 

a.roterbtn:hover {

    background-color: #022662;

    color: #fff !important;

}

#drumherum {

    width:100%;

}

.box {

    width:300px;

    height:500px;

    padding:15px 0px 0px 30px;

    float:left;

}

.box > h2 {

    background-color:#cad329;

    padding:15px;

}

.box > h2 > a {

    color:#022662;

    text-decoration:none;

    font-weight:bold;

    font-size:14px;

    display:block

}

.box > a > img {

    margin-bottom:-2px;

}

.box > div {

    background-color:#f2f2f2;

    color:#022662

}

.box > div > p:first-child {    

    height:180px

}

.box > div > p {

    padding:15px;

}

.box > div > p:last-child > a {

    width:250px

}

.reisenmitdg {

    width:240px;

    float:right;

    color:#022662;

    margin:9px 20px 0 0

}

.reisenmitdg > h3 {

    background-color:#cad329;

    font-size:14px;

    font-weight:bold;

    padding:8px;

}

.reisenmitdg > p {

    text-align:center;

    margin-top:15px    

}

.newsletterlink {

    color:#A11A27;

    font-weight:bold;

    font-size:14px;

    text-decoration:none

}

.tablereise {

    /**display:table-row;**/

    background-color:#f2f2f2;

    width:240px;

}

.tablehaken {

    display:table-cell;

    padding:8px;    

}

.tablelist {

    display:table-cell;

    padding:8px;

    vertical-align:top;

}

.tablelist > a:first-child {

    font-weight:bold;

    color:#022662;

    text-decoration:none    

}

.tablelist > a:hover:first-child {

    color:#A11A27;

}

.tablelist > a:last-child {

    color:#A11A27;

    font-weight:bold;

    text-decoration:none

}

.tablelist > a:last-child:before,

.newsletterlink:before,

div#tdw > p > a:before,

.submitbutton:before {

    content: '\E4AE';    

    font-family: Icon;

    font-size: 20px;

    line-height: 1px;

    margin-right: 5px;

}

.newsletterlink:before,

.submitbutton:before {

    font-size: 25px;

}

.tablelist > a:hover:last-child,

.newsletterlink:hover {

    color:#022662;

}

.startseitekr {

    width:730px;

    margin:0 20px;

    height:580px;

}

.startseitekr > div {

    float:left;

    height:270px;

    width:230px;

    background-color:#f2f2f2;

    margin-top:10px    

}

.boxtext {    

    height:50px;

    color:#022662

}

.startseitekr > div > p {

    padding:10px;

}

.submitbutton {

    background: #a11a27;

    border-radius: 3px;

    border:none;

    color: #fff;

    cursor: pointer;

    display: block;

    font-weight:bold;

    margin: 5px 0 0 22px;

    font-size: 14px;

    padding:10px;

    width: 180px;

}

.submitbutton:hover {

    background:#022662;

}

/** Smartphone **/

div#smartphone {

    background: #fff200; /* Old browsers */

    background: -moz-linear-gradient(top, #fff200 0%, #dbd476 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff200), color-stop(100%,#dbd476)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #fff200 0%,#dbd476 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #fff200 0%,#dbd476 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #fff200 0%,#dbd476 100%); /* IE10+ */

    background: linear-gradient(to bottom, #fff200 0%,#dbd476 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff200', endColorstr='#dbd476',GradientType=0 ); /* IE6-9 */

    border-bottom:2px solid #022662;

    color:#022662;

    position:fixed;

    top:0;

    width:100%;

    height:130px;

    font-size:2em;

    padding: 10px 10px 0 5px;

    font-weight:bold;

    text-align:center;

    z-index:9999;

}

@media (max-device-width: 320px) {

    div#smartphone {

        font-size:1.6em;

        height:110px;

    }

}

div#smartphone p a {

    background-color:#A11A27;

    display:inline-block;

    width:90px;

    padding:10px;

    color:#fff;

    border-radius:5px;

}

div#smartphone p a:active {

    color:#A11A27;

    background-color:#fff;

    border-radius:5px;

}