/* ------------------------- Stylesheet www.reckemeyer.com ----------------------- */
/* --------------------------------------------------------------------------------*/
/* #name für einmalige DIV (id="name"), .name für mehrfach vorkommende DIV (class="name")
/* ------------------------- Allgemeines ------------------------------------------*/
BODY {TEXT-ALIGN: left; FONT-SIZE: 80%; VERTICAL-ALIGN: top; COLOR: #000; FONT-FAMILY: Verdana, Helvetica, Geneva, sans-serif; BACKGROUND-COLOR: #EEE}

A:link,
A:visited,
A:hover,
A:active {COLOR: #03C; TEXT-DECORATION: underline}

img {BORDER:none }

h1 {FONT-SIZE: 120%; MARGIN: 5px; PADDING-BOTTOM: 3px; BORDER-BOTTOM: #DDD 1px solid}
h2 {FONT-SIZE: 110%; MARGIN: 2px 2px 2px 2px; PADDING-BOTTOM: 2px; BORDER-BOTTOM: #DDD 1px solid; COLOR: #444}
h3 {FONT-SIZE: 100%; MARGIN: 3px 7px 1px 2px; PADDING-BOTTOM: 2px;}
h4 {FONT-SIZE: 70%; MARGIN: 1px 2px 1px 2px; PADDING-BOTTOM: 1px;}
h5 {FONT-SIZE: 90%; MARGIN: 2px 2px 2px 4px; PADDING-BOTTOM: 2px; BORDER-BOTTOM: #DDD 1px solid; COLOR: #444}
/* ------------------------- Indexseite -------------------------------------------*/
#introtop {HEIGHT: 60px; MARGIN: 5px; PADDING-TOP: 3px; TEXT-ALIGN: center; FONT-WEIGHT: bold; FONT-SIZE: 130%; COLOR: #666}
#intro {FONT-SIZE: 110%; MARGIN: 10px; TEXT-ALIGN: center; FONT-WEIGHT: bolder}
#intro2 { MARGIN: 15px; TEXT-ALIGN: center;  COLOR: #CCC}
#introbottom {position:absolute; bottom: 20px; WIDTH: 98%; FONT-SIZE: 70%; MARGIN: 15px; TEXT-ALIGN: center; COLOR: #CCC}

/* ------------------------- Layout IDs--------------------------------------------*/
#topli {FLOAT:LEFT; WIDTH:140px; HEIGHT:80px; BACKGROUND-IMAGE: url(bilder/tit2.jpg); BACKGROUND-POSITION: left; BACKGROUND-REPEAT: no-repeat}
#top {MARGIN: 0px 0px 0px 145px; HEIGHT:83px; TEXT-ALIGN: right; BACKGROUND-IMAGE: url(bilder/top_hinter_260.gif); BACKGROUND-POSITION: top right; BACKGROUND-REPEAT: no-repeat; COLOR: #444}
#nav1 {MARGIN: 1px 0px 0px 0px;TEXT-ALIGN: right; VERTICAL-ALIGN: top; PADDING: 2px 4px 0px 144px; HEIGHT:21px; BACKGROUND-IMAGE: url(bilder/nav1_hinter_1x20.gif); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #444; COLOR: #EEE}
#nav2 {FLOAT:LEFT; WIDTH:144px; PADDING: 5px 0px 0px 0px; BORDER-RIGHT-COLOR: #DDD; BACKGROUND-IMAGE: url(bilder/nav2_oben.jpg); BACKGROUND-REPEAT: no-repeat}
#standort {MARGIN: 2px 0px 2px 142px; FONT-SIZE: 80%; HEIGHT:14px; COLOR: #444}
#inhalt {MARGIN:1px 0px 5px 148px; PADDING: 0px 0px 10px 0px; BACKGROUND-COLOR: #FFF; BORDER: 1px solid; BORDER-COLOR:#AAA}
#newsinh {MARGIN:1px 109px 5px 148px; PADDING: 0px 0px 10px 0px; BACKGROUND-COLOR: #FFF; BORDER: 1px solid; BORDER-COLOR:#AAA}
#newsre {FLOAT: right; WIDTH: 100px; MARGIN:13px 0px 5px 0px; DISPLAY: block}
#fotore {FLOAT: right; WIDTH: 80px; MARGIN:13px 0px 5px 0px; DISPLAY: block}
#fotoinh {MARGIN:1px 89px 5px 148px; PADDING: 0px 0px 10px 0px; BACKGROUND-COLOR: #FFF; BORDER: 1px solid; BORDER-COLOR:#AAA}  #tourinh {MARGIN:1px 0px 5px 148px; PADDING: 0px 0px 10px 0px; BACKGROUND-COLOR: #FFF; BORDER: 1px solid; BORDER-COLOR:#AAA; BACKGROUND-IMAGE: url(bilder/touren/wkt_800.gif); BACKGROUND-REPEAT: no-repeat}
#imp {MARGIN:1px 0px 5px 148px; PADDING: 0px 0px 10px 0px; BACKGROUND-COLOR: #FFF; BORDER: 1px solid; BORDER-COLOR:#AAA; BACKGROUND-IMAGE: url(bilder/imp_hinter.jpg); BACKGROUND-POSITION: top; BACKGROUND-REPEAT: no-repeat}
#fuss{MARGIN: 5px 0px 1px 148px; TEXT-ALIGN: right; FONT-SIZE: 70%; COLOR: #AAA;}

/* ------------------------- Nav1 -----------------------------------------------*/

A.menunav1:link,
A.menunav1:visited {COLOR: #EEE; TEXT-DECORATION: none}
A.menunav1:hover,
A.menunav1:active {COLOR: #EEE; FONT-WEIGHT: bold; }


/* ------------------------- Nav2 -----------------------------------------------*/

.menutitle {DISPLAY: block; FONT-WEIGHT: bold; TEXT-ALIGN: left; MARGIN: 5px 7px 0px 0px; PADDING: 3px 0px 1px 2px; HEIGHT:18px; COLOR: #111; BACKGROUND-IMAGE: url(bilder/menu_hinter_1x18.gif); BACKGROUND-POSITION: top; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #DDD}

A.menu {MARGIN: 1px 7px 0px 8px; PADDING: 0px 2px 0px 10px; DISPLAY: block; TEXT-DECORATION: none; FONT-SIZE: 80%}
A.menu:link, A.menu:visited {COLOR: #444; BORDER-BOTTOM: 1px solid; BORDER-COLOR:#AAA; TEXT-DECORATION: none}
A.menu:hover, A.menu:active {COLOR: #03C; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(bilder/menu_pfeilgr_li.gif); BACKGROUND-POSITION: left; BACKGROUND-REPEAT: no-repeat}
.counter {TEXT-ALIGN: center; FONT-SIZE: 80%; COLOR: #444}
.neu {WIDTH: 10px; HEIGHT: 10px; MARGIN: 0px 0px 0px 5px}
.akttitle {DISPLAY: block; FONT-WEIGHT: bold; MARGIN: 5px 0px 0px 0px; PADDING: 3px 0px 1px 2px; HEIGHT:18px; COLOR: #111; BACKGROUND-IMAGE: url(bilder/menu_hinter_1x18.gif); BACKGROUND-POSITION: top; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #DDD}

/* ------------------------- Inhalt Class-----------------------------------------------*/
.news {min-height:90px; height:100%; DISPLAY: block;  MARGIN: 5px 5px 2px 5px; COLOR: #444}
.newsh {min-height:170px; height:100%; DISPLAY: block;  MARGIN: 5px 5px 2px 5px; COLOR: #444}/* -Container fuer 120x160 Hochkant(lars, imke)-*/
.fototop {MIN-HEIGHT: 62px; height:100%; MARGIN: 2px 5px 5px 5px; COLOR: #444}
.kattop {DISPLAY: block; HEIGHT: 100%; min-HEIGHT: 50px; MARGIN: 0px 5px 2px 2px; COLOR: #444; BORDER-BOTTOM: #DDD 1px solid}
.tour {DISPLAY: block; HEIGHT: 100%; min-HEIGHT: 20px;MARGIN: 0px 5px 2px 2px; PADDING: 0px 0px 0px 0px; FONT-SIZE: 70%; COLOR: #444; BORDER-BOTTOM: #DDD 1px solid}
#tourt { DISPLAY: block; MIN-HEIGHT: 30px; HEIGHT: 100%; MARGIN: 0px 5px 2px 2px; PADDING: 0px 0px 2px 0px; COLOR: #444; BORDER-BOTTOM: #DDD 1px solid}
.tourd { DISPLAY: block; MIN-HEIGHT: 100%; height:100%; MARGIN: 0px 5px 2px 2px; COLOR: #444}
.trtxt {DISPLAY: block; MARGIN: -2px 0px 0px 90px; PADDING: 0px 0px 2px 0px;}
.trimg {min-HEIGHT: 130px; HEIGHT: 100%; MARGIN: 4px 0px 5px 0px}
.trimgh {MIN-HEIGHT: 170px; HEIGHT: 100%; MARGIN: 4px 0px 5px 0px}
.trdet {FLOAT: right; DISPLAY: block; WIDTH: 200px; MARGIN: 5px; BORDER: #DDD 1px solid; Background-Color: #EEE; Color: #666; Font-Size: 70%}
.trtxt1 {COLOR: #AAA}
.trtxt2 {TEXT-ALIGN: right; FONT-SIZE: 70%; MARGIN: 0px 0px 0px 80px; COLOR: #AAA}
.t1 {DISPLAY: none; POSITION: absolute; WIDTH: 160px; HEIGHT: 120px}
.li {MIN-HEIGHT: 20px; HEIGHT: 100%; MARGIN: 0px 5px 0px 0px}
.fl {FLOAT: left; Width: 26px; HEIGHT: 20px; MARGIN: 0px 5px 0px 0px}

.trnav {DISPLAY: block; TEXT-ALIGN: center; HEIGHT: 20px; MARGIN: 0px 0px 0px 0px; COLOR: #444; Background-COLOR:#EEE}

.inhimg1 {FLOAT: left; WIDTH: 80px; HEIGHT: 60px; MARGIN: 0px 5px 2px 5px}  /* -bild in news, -*/
.inhimg2 {FLOAT: left; WIDTH: 80px; HEIGHT: 50px; MARGIN: 0px 5px 2px 5px}  /* -bild in fototop-*/
.inhimg3 {FLOAT: right; WIDTH: 21px; HEIGHT: 15px; MARGIN: 0px 2px 1px 2px}  /* -flagge  in fototop-*/
.inhimg4 {WIDTH: 88px; HEIGHT: 31px; MARGIN: 2px 0px 2px 2px}  /* -browserlogo in impressum-*/
.inhimg5 {WIDTH: 160px; HEIGHT: 120px; MARGIN: 5px} /* -bild in  jgai, tour-*/
.inhimg6 {WIDTH: 120px; HEIGHT: 160px; MARGIN: 5px} /* -hochbild in lars,imke, tour-*/
.inhimg7 {WIDTH: 100px; HEIGHT: 20px; MARGIN: 2px 0px 0px 0px}/* -bild in news toplinks-*/
.inhimg8 {WIDTH: 100px; HEIGHT: 75px; MARGIN: 2px 0px 0px 0px}/* -bild in news aktuell-*/
.inhimg9 {FLOAT: left; WIDTH: 24px; HEIGHT: 18px; MARGIN: 0px 5px 0px 0px; PADDING-TOP: 2px}/* -kl bild tourvorschau-*/
.inhimg10 {FLOAT: right; WIDTH: 24px; HEIGHT: 18px; MARGIN: 0px 5px 0px 2px}
.inhimg10r {FLOAT: left; WIDTH: 6px; HEIGHT: 18px; MARGIN: 0px 4px 0px 0px; PADDING-TOP: 2px}/* -rating in tourvorschau-*/
.inhimg11 {FLOAT: left; WIDTH: 12px; HEIGHT: 9px; MARGIN: 0px 1px 1px 0px; PADDING-TOP: 2px}/* -flagge in tourvorschau-*/
.inhimg12 {FLOAT: left; WIDTH: 160px; HEIGHT: 120px; MARGIN: 5px 5px 5px 5px}/* -bilder in tour (mit text)-*/
.inhimg12a {FLOAT: left; WIDTH: 300px; HEIGHT: 225px; MARGIN: 5px 5px 5px 5px}/* -bilder in tour (mit text)-*/
.inhimg13 {FLOAT: left; WIDTH: 120px; HEIGHT: 160px; MARGIN: 5px 5px 5px 5px}/* -h bilder in tour(mit text)-*/
.inhimg14 {FLOAT: left; WIDTH: 90px; HEIGHT: 120px; MARGIN: 5px 5px 5px 5px}
.inhimg15 {FLOAT: left; WIDTH: 60px; HEIGHT: 45px; MARGIN: 0px 26px 2px 0px}/* -tourlogos groß links-*/
.inhimg16 {FLOAT: right; WIDTH: 60px; HEIGHT: 45px; MARGIN: 0px 0px 2px 2px}/* -tourlogos groß rechts-*/
.inhimg17 {WIDTH: 18px; HEIGHT: 15px}
.inhimg18 {FLOAT: right; WIDTH: 60px; HEIGHT: 45px; MARGIN: 2px 0px 2px 2px}/* -tourübersicht-*/
.inhimg19 {WIDTH: 80px; HEIGHT: 50px; MARGIN: 2px 0px 0px 0px}/* -bild in topfotos aktuell-*/
.inhimg20 {WIDTH: 80px; HEIGHT: 15px; MARGIN: 2px 0px 0px 0px}/* -link in topfotos-*/
.inhimg20a {FLOAT: right; WIDTH: 15px; HEIGHT: 15px; MARGIN: 0px 2px 0px 0px}/* -link in topfotos-*/
.inhimg21 {FLOAT: left; WIDTH: 40px; HEIGHT: 25px; MARGIN: 2px 0px 0px 2px}/* -bild in topfotos aktuell-*/
.inhimg22 {WIDTH: 15px; HEIGHT: 15px; MARGIN: 0px 2px 0px 0px}/* -legende in topfotos-*/
.inhimg23 {FLOAT: left; WIDTH: 200px; HEIGHT: 150px; MARGIN: 5px 5px 5px 5px}/* -bilder in gc-*/
.tourimg {FLOAT: left; WIDTH: 25px; HEIGHT: 25px; MARGIN: 0px 2px 2px 2px}
.inhtxt {MARGIN: 0px 0px 10px 15px; TEXT-ALIGN: justify}
.inhtxt2 {MARGIN: 8px 2px 1px 90px; TEXT-ALIGN: justify}
.txt1 {MARGIN-Bottom: 5px; DISPLAY: block; TEXT-DECORATION: none; FONT-SIZE: 70%; COLOR: #444}
.inhkl {COLOR: #aaa; FONT-SIZE: 80%; line-height:130%; MARGIN: 0px 5px 2px 5px}

.legende {MIN-HEIGHT: 17px; HEIGHT: 100%; FONT-SIZE: 70%; MARGIN: 0px 0px 0px 5px; COLOR: #AAA}
.vali {WIDTH: 62px; HEIGHT: 22px; MARGIN: 5px 1px 1px 1px}

.totop {TEXT-ALIGN: right; MARGIN: 10px 5px 0px 0px; COLOR: #03C;FONT-SIZE: 70%; FONT-WEIGHT: bold}
A.maintotop:link,
A.maintotop:visited,
A.maintotop:hover,
A.maintotop:active {COLOR: #03C;FONT-SIZE: 70%; FONT-WEIGHT: bold}
/* ------------------------- Ende --------------------------------------------------*/