/* 
  Bezeichnung:  css/lensahn_layout.css (main stylesheet) 
  Projekt:       lensahn.de
  Datum:         10.09.2009
  Autor:         Jörg Harling
*/



/************************************/
/*         Diverse Elemente         */
/************************************/

#wetter {
  width:740px;
  height:412px;
  background:url(/bitmaps/wetter.jpg) no-repeat;
  padding-left:450px;
}

#content ul li {
  list-style-image:url(../bitmaps/listicon.gif);
  font-size:13px;
  color:#139238;
  margin:0px 0px 8px -10px;
}

.galerie {
  padding-left:20px;
  margin-bottom:20px;
}

.galerie img {
  margin-right:15px;
}

div.auszeichnung {
  font-family:Georgia, "Times New Roman", Times, serif;
  display:block;
  padding:0 20px;
  margin-bottom:20px;
  float:left;
  font-size:16px;
  line-height:22px;
  font-style:italic;
  text-align:center;
}

span.auszeichnung {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  line-height:22px;
  font-style:italic;
}

a, img {
 border:0;
}

span.tab150 {
  width:150px;
  display:block;
  float:left;
}

span.tab250 {
  width:250px;
  display:block;
  float:left;
}

.colorbox_1 {
  background:#F3EFEB;
  padding-left:18px;
  color:#42210b;
  display:block;
  clear:both;
  overflow:hidden;
  margin-bottom:10px;
}

.colorbox_2 {
  background:#f6ecd0;
  padding-right:18px;
  color:#42210b;
  display:block;
  clear:right;
  overflow:hidden;
  margin-bottom:10px;
}

#font_print {
  width:69px;
  height:18px;
  position:absolute;
  top: 298px;
  z-index: 2;
  display: block;
  margin-left:383px;
  left:50%;
}

.anmerkungen2{
  color:red;
  font-size:12px;
  font-style:italic;
}

.anmerkungen{
  color:red;
  font-size:16px;
  font-style:italic;
}


.clearfix {
  clear:both;
}

hr {
  background:#dddddd;
  color:#dddddd;
  border:0px;
  height:1px;
}

.innerbox_grau_c {
  width:100%;
  padding:2px 0px; 
  text-align:center; 
  background:#dfdfdf;
}

.innerbox_grau_l {
  width:100%; 
  padding-left:2px; 
  padding-top:2px;
  padding-bottom:2px;
  text-align:left; 
  background:#dfdfdf;
}

/************************************/
/*           Google-Karte           */
/************************************/

#mapContainer {
  position: absolute;
  visibility:visible;
  margin:0px;
  background-color: transparent;
  z-index:102;
  overflow: hidden;
}

#mapCloseBtn {
  width:118px; 
  height:18px;
  display:block;
  z-index:103;
  margin: 0px 0px 0px auto;
}

#mapInnerContainer {
  position: relative;
  width:800px;
  height:550px;
  background:#FFFFFF;
  padding:10px;
  margin: 0 0 0 auto;
  border:4px solid #dddddd;
  z-index:103;
}

#mapTabContainer {
  margin-bottom: 10px;
  position: relative;
  width:800px;
  height:auto;
  clear:both;
}

#mapContent {
  position:relative;
  overflow:hidden;
  width:800px;
  height:auto;
  border:1px solid #dddddd;
  clear:both;
}

#innermaps {
  margin:0;
  padding:0;
  width:800px;
}

#mapDetail {
  width:100%;
  position:absolute;
  margin-top: 150px;
  background: #ffffff;
  z-index: 405;
  border:1px solid #dddddd;
  display: none;
}

#mapCloseDetailBtn {
  width:135px; 
  height:18px;
  display:block;
  z-index:103;
  margin: 0px 0px 0px auto;
}

#mapDetailContent {
  height:382px;
  border:0px;
}



/************************************/
/*    Inhaltsformatierungen//Text   */
/************************************/

.blau {
  color:#416aa5;
}

.blaumid {
  color:#416aa5;
  font-size:14px;
}

.rot {
  color:#CC0000;
}

.orange {
  color:#e37124;
}

.azurblau {
  color:#45A3D9;
}

.lila {
  color:#6f17ae;
}

.gruen {
  color:#1a8839;
}

.gruenmid {
  color:#1a8839;
  font-size:14px;
}


/************************************/
/*         Tabellenklassen          */
/************************************/

td.gelb1 {
  padding:10px;
  background:#ffffcc;
  border-bottom:solid 2px #fff;
}

td.gelb2 {
  padding:10px;
  background:#ffff99;
}

td.kopf1 {
  border-top:1px solid #9a9a9a;
  border-bottom:1px solid #9a9a9a;
  padding:10px;
  text-align:center;
  margin-bottom:10px;
}

td.grau1, div.grau1 {
  padding:10px;
  background:#ebebeb;
}


td.grau2 {
  padding:8px 5px;
  background:#e2e2e2;
}


/************************************/
/*          Überschriften           */
/************************************/

h1 {
  margin:0px 0px 20px 0px;
  color:#139238;
  font-size:22px;
}

h2 {
  margin:0px 0px 20px 0px;
  color:#139238;
  font-size:20px;
}

h3 {
  margin:0px 0px 18px 0px;
  color:#139238;
  font-size:18px;
}

h4 {
  margin:0px 0px 15px 0px;
  color:#139238;
  font-size:16px;
}

h5 {
  margin:0px 0px 10px 0px;
  color:#139238;
  font-size:14px;
}

h6 {
  margin:0px 0px 5px 0px;
  color:#139238;
  font-size:12px;
}




/************************************/
/*           Bilderklassen          */
/************************************/

/**** Picture-Box für kleine Bilder *****/
.pbox_small {
  width:268px;
  height:auto;
  position:relative;
  margin-bottom: 15px;
  float: right;
  padding-left: 20px;
}

*html .pbox_small {
  padding-left:20px;
}

.pbox_small span {
  position:absolute;
  display:block;
  height:16px;
  width:268px;
  right:0px;
  bottom:0px;
  margin-bottom: -26px;
  background:url(../bitmaps/schatten_small.jpg) no-repeat;
}
/**** Picture-Box für kleine Bilder *****/

/**** Picture-Box für mittlere Bilder *****/
.pbox_med {
  width:320px;
  height:auto;
  position:relative;
  margin-bottom: 15px;
}

.pbox_med span {
  position:absolute;
  display:block;
  height:16px;
  width:320px;
  right:0px;
  bottom:0px;
  margin-bottom: -26px;
  background:url(../bitmaps/schatten_med.jpg) no-repeat;
}
/**** Picture-Box für mittlere Bilder *****/

/**** Picture-Box für große Bilder *****/
.pbox_big {
  width:470px;
  height:auto;
  position:relative;
  margin-bottom:: 15px;
}

.pbox_big span {
  position:absolute;
  display:block;
  height:16px;
  width:470px;
  right:0px;
  bottom:0px;
  margin-bottom: -26px;
  background:url(../bitmaps/schatten_big.jpg) no-repeat;
}
/**** Picture-Box für große Bilder *****/

/**** Picture-Box für große Bilder *****/
.pbox_full {
  width:722px;
  height:auto;
  position:relative;
  margin-bottom:: 15px;
  clear:both;
}

.pbox_full span {
  position:absolute;
  display:block;
  height:16px;
  width:722px;
  right:0px;
  bottom:0px;
  margin-bottom: -26px;
  background:url(../bitmaps/schatten_full.jpg) no-repeat;
}
/**** Picture-Box für große Bilder *****/


.bildbeschreibung {
  position:absolute;
  margin-right:20px;
  display:block;
  right:0;
  width:auto;
  padding: 1px 10px;
  margin-bottom:5px;
  color:#2B5790;
  font-weight:bold;
  background-color:#FFFFFF;
}


.imgfloatleft {
  float:left;
  margin: 0px 20px 10px 0px;
}

.imgfloatright {
  float:right;
  margin: 0px 0px 10px 20px;
}

.mainborder {
  border:1px solid #BFA992;
  padding:8px;
}

.thicborder {
  border:6px solid #EBEBEB;
  padding:8px;
}

.angborder {
  border:6px solid #ffffff;
}


/************************************/
/*        Haupt-link-Klassen        */
/************************************/

a.zurueck:link, a.zurueck:visited {
  color:#1a8839;
  margin-top:80px;
  float:right;
  text-decoration:none;
}

a.zurueck:hover {
  font-weight:bold;
  text-decoration:underline;
}


#content a:link {
  color:#139238;
  font-weight:bold;
  text-decoration:underline;
}

#content a:hover {
  font-weight:bold;
  text-decoration:none;
}

#content a:visited {
  color:#2dab52;
  font-weight:bold;
  text-decoration:underline;
}


#footer a:link, #footer a:visited {
  color:#1a8839;
  font-size:10px;
  text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
}

/************************************/
/*        Formularelemente          */
/************************************/

#content input, #content select, #content textarea {
  border:1px solid #adadad;
  font-size:12px;
}

#content form {
  margin:0;
  padding:0;
}

/************************************/
/*          Seitenlayout            */
/************************************/

body {
  font-family: Arial, Helvetica, sans-serif;
  background:url(../bitmaps/bg_body.jpg) center top no-repeat;
  margin:0;
  font-size:12px;
}

#container_bg {
  background:url(../bitmaps/bg_content.jpg) left top repeat-y;
  text-align:left;
  width:958px;
  height:auto;
  display:block;
  margin: 0 auto;
}

#container_cont {
  background:url(../bitmaps/bg_main.jpg) left top no-repeat;
  text-align:left;
  width:958px;
  overflow:hidden;
  height:auto;
  padding-top:338px;
  clear:both;
  display:block;
  margin:0;
}

#content_head {
  width:722px;
  clear:both;
  margin-bottom:10px;
  height:20px;
  display:block;
  float:left;
  padding: 22px 0px 8px 16px;
}

#content {
  width:738px;
  height:auto;
  display:block;
  float:left;
  /* Schriftstil content */
  color:#42210b;
  line-height:18px;
  /************************/
  padding-bottom:12px;
}

#content_pad {
  width:722px;
  padding: 10px 0px 0px 16px;
  height:auto;
  display:block;
  float:left;
}

#flashbanner {
  width:734px;
  height:210px;
  display:block;
  margin-left:-274px;
  position:absolute;
  left:50%;
  top:106px;
}

#backhome {
  width:280px;
  height:85px;
  display:block;
  margin-left:650px;
  position:absolute;
  top:5px;
}

#mainnav {
  z-index:2;
  position:absolute;
  left: 50%;
  top:96px;
  width:166px;
  height:auto;
  margin-left:-460px;
  display:block;
}

#sidebar {
  color:#42210b;
  width:166px;
  height:auto;
  padding-left:19px;
  margin-right:9px;
  display:block;
  float:left;
}

#footer {
  background:url(../bitmaps/footer.jpg) no-repeat #ffffff;
  width:944px;
  height:30px;
  clear:both;
  padding-right:14px;
  padding-top: 8px;
  text-align:right;
}

/* Fehlerbox */
#fehlerbox {
    background-Color: #FFBBBB;
    border: 2px solid #FF4040;
    padding: 10px;
    margin-bottom: 10px;
}

/*Aktuelles*/
.aktuelles_box {
	width:700px;
	padding:15px 10px 2px 10px;
	background-color: #ffffcc;
	overflow:hidden;
	margin-bottom:25px;
}

.img_aktuell {
	float:right;
	border:2px solid #999999;
	margin-left:20px;
	margin-bottom:15px;
}