@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
panorama-b - Haupt-Stylesheet
Author:  Marcus Rölle / Pörpel Design
Created: Mai 2007

History:
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/* Grund-Styles
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5
{ padding: 0; margin: 0; 
}
h1 
{ font: 0.75em arial, verdana, helvetica, sans-serif; font-weight:bold; 
}
h2 
{ font: 0.8em arial, verdana, helvetica, sans-serif; margin-top: 0px; 
}
h3 
{ font: bold 0.8em arial, verdana, helvetica, sans-serif; padding-top: 5px; padding-left: 10px; 
}
h4 
{ font: bold 1.1em arial, verdana, helvetica, sans-serif; margin-top: 30px; 
}
p
{ line-height: 1.3em; margin:0px; font: 1.0em arial, verdana, helvetica, sans-serif;
}
a
{ text-decoration: none; color: #4d4e53; 
}
a:hover 
{ color: #000;
}
img 
{ border: 0; 
}

form, table
{ background-color: transparent; font-size: 1.0em; 
}
hr 
{ height: 1px; color: #b2b2b2; 
}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: right; height: 1px; overflow: hidden; }
.clear-both { clear: both; height: 1px; overflow: hidden;  }

/* Positionierung der Kontainer
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#container
{ position:absolute; width:100%; height:100%; min-width:760px;
  /*min-height:600px; */
}
#container-center 
{ width:760px; overflow:hidden; position:absolute; left:50%; top:0px; margin-left:-380px; 
  /*margin-top:-300px; */
}
#top-header 
{ height:50px;
}
#slogan
{ /*left:1px; position: absolute; top:20px; */ float:left; padding-top:20px;
}
/*.langMenu { position:relative; float:left; margin-top:2px; margin-left:40px;   }*/

.langMenu { float:left; margin-top:20px; padding-left:5px; }

.flag { margin-right:2px; margin-top:10px; }
#logo
{ right:5px; position: absolute; top:17px;
}
#content
{ width:760px;
}

/* IE 6 +10 width */
#content-right
{ float:right; width:555px; padding:0px 5px 5px 5px; margin:0;
}
#content-left
{ float:right; width:190px; overflow:hidden; padding:5px 0px 5px 0px; margin:0;
}


#footer
{ clear:both; background: top left no-repeat url(img/footer-bg.png); height:30px; text-align:right; padding-right:10px; padding-top:5px;
}

/* Menüs
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
ul.lvl-one
{ width:190px; margin:0; padding:0;
}
li.lvl-one
{ padding-left:35px; width:190px; list-style:none; font: bold 1.0em arial, verdana, helvetica, sans-serif; background-color: true;
}
.berlin
{ background: top left no-repeat url(img/menu-1-lvl-bg-1.png); padding-top:18px;
}
.potsdam
{ background: top left no-repeat url(img/menu-1-lvl-bg-2.png); padding-top:18px;
}
.standard
{ background: top left no-repeat url(img/menu-1-lvl-bg.png); padding-top:5px;
}
ul.lvl-two
{ padding: 4px 0 4px 0; width:155px; margin:0;
}
li.lvl-two
{ padding: 4px 0 4px 0; list-style:none; font: bold 0.6em arial, verdana, helvetica, sans-serif; background: left center no-repeat url(img/menu-2-lvl-bg.png);
}
li.lvl-two a
{ display: block;
}
/* FUSSMENUE - */
.foot-menu
{ float: right;
}
.foot-menu ul
{ list-style:none; margin:0; padding:0; margin-top:2px;
}
.foot-menu li
{ float:left; list-style:none; font: bold 0.6em arial, verdana, helvetica, sans-serif;
}
/* MEHRMENUE - im Bereich der Tourenpraesentation */
.more-button
{ position:absolute; right:10px; list-style:none;
}
.more-button a:hover
{ color: #000;
}
.more-button li
{ background: right no-repeat url(img/more_bt_arrow.gif); padding-right:18px;
}
#content-duble p.bodytext a
{ background: right no-repeat url(img/more_bt_arrow-1px.gif); padding-right:15px; height:14px; margin-bottom:3px; text-decoration:none;
}
* html #content-duble p.bodytext a
{ background: right no-repeat url(img/more_bt_arrow-1px.gif); padding-right:15px; height:14px; margin-bottom:3px; text-decoration:none;
}
#content-duble p.bodytext a:hover
{ color:#000;
}
.more-button a, #content-duble p.bodytext a
{ font-size:10px; color: #4d4e53; font-style:italic; font-weight:bold;
}
/*
p.bodytext a
{ background: right no-repeat url(img/more_bt_arrow-1px.gif); padding-right:15px; height:14px; margin-bottom:3px; text-decoration:none; color: #4d4e53;
}
*/
p.bodytext a
{ background: right no-repeat url(img/more_bt_arrow-1px.gif); padding-right:15px; text-decoration:none; color: #4d4e53; line-height: 1.3em;
}
p.bodytext a:hover
{ text-decoration:underline;
}
/* Haeder für Firefox noch anpassen */
.csc-header h1, .csc-header h2, .csc-header h3, .csc-header h4, .csc-textpicHeader h1 
{ background: top left no-repeat url(img/content-head-1-br.png); width:555px; padding: 4px 0 3px 10px; margin-top:0px;
}

.csc-frame-frame1, .csc-frame-frame2 
{ background: bottom left no-repeat url(img/content-body-1-br.gif); width:555px; padding: 0px 0px 0px 0px; margin-left:0px; margin-top:5px; overflow:hidden;
}

.csc-frame-frame1
{ padding-bottom:6px; 
}
.csc-frame-frame2 
{ background-position:top left;  margin-bottom:-5px;
}




p.bodytext, .content-body ul { font: 0.775em arial, verdana, helvetica, sans-serif; line-height:1.2em; }
/* letter-spacing:0.1em;  */
p.bodytext
{ padding-left: 10px; padding-top:3px;
}

/* fuer opera margin-right:5px; */
.duble-left
{ float:left; width:275px; overflow:hidden; margin-right:5px;
}
* html .duble-left 
{ margin-right:0px;
}
/* fuer opera margin-left:0px; */
.duble-right 
{ width:275px; overflow:hidden; margin-left:0px;
}
* html .duble-right 
{ margin-left:5px; 
}
#content-duble 
{ margin-right:-8px;
}
#content-duble .csc-header h1, #content-duble .csc-header h2, #content-duble .csc-header h3, #content-duble .csc-header h4, #content-duble .csc-textpicHeader h1
{ background: top left no-repeat url(img/content-head-1-db.png); width:275px; padding: 4px 0 3px 10px; margin-top:0px;
}

#content-duble .csc-textpic-imagewrap
{ height: auto; margin-left:-10px !important;
}

#content-duble p.bodytext
{ background: none; width:255px; 
}
* html #content-duble p.bodytext
{ width:270px; padding-right:0px; !important; 
}
#content-duble .csc-frame-frame1, #content-duble .csc-frame-frame2 
{ background: bottom left no-repeat url(img/content-body-1-db.png); width:275px; padding: 0px 0px 0px 0px; margin-left:0px; margin-top:5px; overflow:hidden; 
}
#content-duble .csc-frame-frame1
{ padding-bottom:6px;
}
#content-duble .csc-frame-frame2 
{ background-position:top;
}
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap
{ margin-right:2px;
}
.csc-textpic-intext-left-nowrap
{ padding-left:2px;
}
.imageblock
{ padding-right:10px;
}
/*
 * Formulare
 */
.left input { margin-right:10px; }
.form-row input, .form-row textarea, select { background-color:#f3f3f1; border: 1px solid #9a9b9d; }
label { font: 0.775em arial, verdana, helvetica, sans-serif; line-height:1.2em; color:#666666; }
input { width:250px; }
select, textarea { width: 515px; }


p.bodytext
{ width:535px; padding-right:15px;
}
* html p.bodytext
{ width:555px; padding-right:15px;
}
 
/* Bilderset im ausfuehrlichen Textbereich */
.myGallery
{ margin-top:5px; border:1px solid #FFFFFF !important;
} 
.rgsmoothgallery-caption
{ font-size:10px; 
}
.jdGallery .slideElement
{ background-color:#FFFFFF !important;
}


.imageblock { }
.content { }
#copyright p
{ font-size:11px; margin-left:10px; margin-top:-5px; margin-bottom:5px; 
}
* html #copyright p
{ margin-top:0px; 
}
/*
div { border: solid #999999 1px; }
*/