/* 
	Bezeichnung:	dahme_layout.css (main stylesheet) 
	Projekt: 			dahme.com
	Datum: 				06.10.08
	Autor: 				Jörg Harling
        Letzte Änderung                 26.08.2010 [MA]
*/


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

/***** Accordion *****/

#basic-accordian{
	padding:5px;
	width:720px;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	background:#B59D84;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#9C7957;
}

.accordion_child{
	width:677px;
	padding: 35px 15px 15px 15px;
	background:#faeee2;
}

.header_highlight{
	background:#9C7957;
}

.tab_container *{
	float:left;
	width:135px;
}


#bilder-header {
	background: url(../bitmaps/mediathek/icon_bilder.gif) left center no-repeat #B59D84;
	padding-left: 35px;
}

#bilder-header:hover {
	background: url(../bitmaps/mediathek/icon_bilder_hover.gif) left center no-repeat #9C7957;
}

#videos-header {
	background: url(../bitmaps/mediathek/icon_videos.gif) left center no-repeat #B59D84;
	padding-left: 35px;
}

#videos-header:hover {
	background: url(../bitmaps/mediathek/icon_videos_hover.gif) left center no-repeat #9C7957;
}

#cd-header {
	background: url(../bitmaps/mediathek/icon_cds.gif) left center no-repeat #B59D84;
	padding-left: 35px;
}

#cd-header:hover {
	background: url(../bitmaps/mediathek/icon_cds_hover.gif) left center no-repeat #9C7957;
}

#wallpaper-header {
	background: url(../bitmaps/mediathek/icon_wallp.gif) left center no-repeat #B59D84;
	padding-left: 35px;
}

#wallpaper-header:hover {
	background: url(../bitmaps/mediathek/icon_wallp_hover.gif) left center no-repeat #9C7957;
}



/***** Buchungsformular ****/
table.formstyle td {
	background:#F3EFEB;
	padding:10px;
}

table.formstyle td.col1 {
	background:#ece5dd;
	padding:10px;
	font-size:13px;
}

table.formstyle input, table.formstyle textarea {
	border:1px solid #9C7957;
	margin-bottom:5px;
}

*html table.formstyle input, table.formstyle textarea {
	margin-bottom:0px;
}

table.formstyle div.ausst {
	float:left; 
	width:170px; 
	display:block;
}

table.formstyle input.check {
	border:0px;
}

table.formstyle select {
	margin-top:3px;
	margin-bottom:5px;
}

table.formstyle input.submit {
	border:1px solid #fff;
	background:#9C7957;
	color:#fff;
	padding:3px 10px;
	font-weight:bold;
}

table.formstyle span.tab115 {
	width:115px;
	display:block;
	float:left;
}

.videos {
	width:200px;
	height:auto;
	float:left;
	margin-right:28px;
	margin-bottom:35px;
}

.video_end {
	width:200px;
	height:auto;
	float:left;
}

.video_archiv {
	width:660px;
	height:auto;
	clear:both;
}

.album {
	width:660px;
	height:auto;
	padding-bottom: 30px;
}


.album a {
  text-decoration: none !important;
  color: #A98053 !important;
}





.album_foto {
  float: left;
  width: 210px;
}

.album_text {
  float: left;
  width: 400px;
}

.album_text_datum {
  font-size: 12px;
}

.albumdetails_foto {
  float: left;
  margin: 15px 5px 0px 0px;
  width: 135px;
  height: 90px;
  text-align: center;
}








/******************************/




#content a.buchung1:link, #content a.buchung1:visited {
	width:420px;
	height:auto;
	padding:10px 20px;
	text-decoration:none;
	background:url(/bitmaps/arrow_buchung.gif) left center no-repeat #C6A061;
	color:#FFF;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

#content a.buchung1:hover {
	background:url(/bitmaps/arrow_buchung.gif) left center no-repeat #bb9655;
}

#content a.buchung2:link, #content a.buchung2:visited {
	width:420px;
	height:auto;
	padding:10px 20px;
	text-decoration:none;
	background:url(/bitmaps/arrow_buchung.gif) left center no-repeat #AB8053;
	color:#FFF;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

#content a.buchung2:hover {
	background:url(/bitmaps/arrow_buchung.gif) left center no-repeat #a3774a;
}

#content a.buchung3:link, #content a.buchung3:visited {
	width:420px;
	height:auto;
	padding:10px 20px;
	text-decoration:none;
	background:url(/bitmaps/arrow_buchung.gif) left center no-repeat #8C7F5D;
	color:#FFF;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

#content a.buchung3:hover {
	background:url(/bitmaps/arrow_buchung.gif) left center no-repeat #807557;
}



.windwasser {
	background:#92CCF2; 
	display:block;
	height:505px; 
	width:120px; 
	float:left; 
	padding:8px; 
	text-align:center;
	color:#005EA2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.dahmecolor {
	color:#A98053;
}

.big {
	font-size:14px;
}

.large {
	font-size:22px;
}

.kursiv {
	font-style:italic;
}

.weisshead {
  color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
}


.fontsize11 {
	font-size:11px;
	line-height:14px;
}

td.bgsport {
	background-color:#f8ebda;
	padding:2px;
}

td.bgsportpad8 {
	background-color:#f8ebda;
	padding:8px;
}

td.bgsport2 {
	background-color:#f2dec4;
	padding:2px;
}

.angebot {
	background:url(/bitmaps/angebot.gif) top left no-repeat #f7ecda;
	width:708px;
	padding: 15px;
	height:auto;
	display:block;
	margin-bottom:5x;
	float:left;
	clear:both;
}

a, img {
 border:0;
}

span.tab120 {
	width:120px;
	display:block;
	float:left;
}

span.tab200 {
	width:200px;
	display:block;
	float:left;
}

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

span.tab150 {
	width:150px;
	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: 10;
  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;
}

#content ul li {
	list-style-image:url(../bitmaps/listicon_braun.gif);
	margin-bottom:8px;
}

.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;
}

.textbig {
	font-size:16px;
}

.rot {
	color:#CC0000;
}

.orange {
  color:#e37124;
}

.azurblau {
  color:#45A3D9;
}

.lila {
  color:#6f17ae;
}

.gruen {
  color:#38982b;
}

.weiss {
  color:#ffffff;
}

.med {
  font-size:14px;
}

.big {
  font-size:16px;
}

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

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

td.kopf2 {
	border-top:1px solid #DAB245;
	padding:10px;
	background:#f0e5c7;
	text-align:center;
	margin-bottom:10px;
}

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

td.grau1_nopad {
	background:#ebebeb;
}

td.grau1_5, div.grau1_5 {
	padding:5px;
	background:#ebebeb;
}

td.hl {
	padding:5px;
	background:#faf4e2;
}

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

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

td.grau2_nopad {
	background:#e2e2e2;
}

td.grau2_10, div.grau2_10 {
	padding:10px;
	background:#e2e2e2;
	overflow:hidden;
}


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

h1 {
	margin:0px 0px 30px 0px;
	color:#666666;
	font-size:28px;
}

h2 {
	margin:0px 0px 28px 0px;
	color:#666666;
	font-size:22px;
}

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

h4, h5 {
	margin:0px 0px 15px 0px;
	color:#666666;
	font-size:16px;
}

h6 {
	margin:0px 0px 5px 0px;
	color:#666666;
	font-size:14px;
}


.kat1 {
	color:#b47d56;
}

.kat2 {
	color:#c5a060;
}

.kat3 {
	color:#dab245;
}

.kat4 {
	color:#c59a6b;
}

.kat5 {
	color:#a69a76;
}

.kat6 {
	color:#9c7957;
}


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

/**** Picture-Box für Ansprechpartner *****/
.pbox_ansprechpartner {
	width: 140px;
	height: auto;
	position: relative;
	margin-bottom: 15px;
	float: right;
	padding-left: 0px;
}

.pbox_ansprechpartner span {
	position: absolute;
	display: block;
	height: 16px;
	width: 140px;
	right: 0px;
	bottom: 0px;
	margin-bottom: -23px;
	background: url(../bitmaps/schatten_ansprechpartner.jpg) no-repeat;
}
/**** Picture-Box für Ansprechpartner *****/

/**** 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;
	float: right;
	padding-left: 20px;
}

.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;
	float: right;
	padding-left: 20px;
}

.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;
}

.mainborder_nopad {
	border:1px solid #BFA992;
}

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

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

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


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

a.zurueck:link, a.zurueck:visited {
	color:#00386A;
	float:right;
	text-decoration:none;
}

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


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

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

#content a:visited {
	color:#A98053;
	font-weight:bold;
}


#footer a:link, #footer a:visited {
	color:#004880;
	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) top center 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_main2.jpg) left top no-repeat;
	text-align:left;
	width:958px;
	min-height:520px;
	height:auto;
	padding-top:338px;
	clear:both;
	display:block;
	margin:0;
}

*html #container_cont {
	height:520px;
}

#content_head {
	width:722px;
	clear:both;
	margin-bottom:10px;
	height:20px;
	display:block;
	float:left;
	padding: 20px 0px 10px 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 {
	display:block;
	height:90px;
	left:50%;
	margin-left:310px;
	position:absolute;
	top:10px;
	width:140px;
}

#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:958px;
	height:30px;
	clear:both;
	padding-top: 8px;
	text-align:right;
}