/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Datei       : web.css                                          ***PUBLIC***  *
*                                                                              *
* Projekt     : Harzer Förderkreis - Schlösser und Burgen im Harz              *
* Version     : 1.0                                                            *
* Datum       : 01.08.2005                                                     *
* Autor       : Matthias Oppermann                                             *
* Herausgeber : (c) 2005 - www.matthias-oppermann.de                           *
*                                                                              *
* Cascading Style Sheets                                                       *
*                                                                              *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ 
body {
	Background-Image          : url('../images/hintergrund.jpg');
	Background-Repeat         : no-repeat;
	Background-Attachment     : fixed;

	background-color          : #FFFFFF;
  
	scrollbar-arrow-color     : #6E3231; 
	scrollbar-shadow-color    : #6E3231;
	scrollbar-track-color     : #E7E7E7;
	scrollbar-darkshadow-color: #E7E7E7;
	scrollbar-face-color      : #E7E7E7;
	scrollbar-base-color      : #E7E7E7;
  
  text-align                : center;
  margin                    : 0px; /*20px */
  padding                   : 0px; 
	}

p,td,li,        { font-family: Tahoma,Verdana,Arial; font-size: 12px;	}

.normal2        { font-family: Tahoma,Verdana,Arial; font-size: 11px;	color: #6E3231}

H1              { font-family: Tahoma,Verdana,Arial; font-size: 22px; }
H2              { font-family: Tahoma,Verdana,Arial; font-size: 18px; }
H3              { font-family: Tahoma,Verdana,Arial; font-size: 16px; }

A     		      { text-decoration: none; color: #4D9869 } /* gruen /

/*
A:link		      { text-decoration: none; color: #02431B }
A:visited	      { text-decoration: none; color: #02431B }
A:hover		      { text-decoration: none; color: #4D9869 } /* FBFBFB /
A:active	      { text-decoration: none; color: #4D9869 }
*/

A.list:link     { text-decoration: none; color: #6E3231 }
A.list:visited	{ text-decoration: none; color: #6E3231 }
A.list:hover	  { text-decoration: underline; color: #6E3231 }
A.list:active	  { text-decoration: none; color: #6E3231 }

A.detail:link     { text-decoration: none; color: #6E3231 }
A.detail:visited	{ text-decoration: none; color: #6E3231 }
A.detail:hover	  { text-decoration: underline; color: #6E3231 }
A.detail:active	  { text-decoration: none; color: #6E3231 }


/*************************************************
*                                                *
* . = class - tags formatieren                   *
*                                                *
*************************************************/

.hilight        { color: #6E3231; font-weight: bolder; }
.mail           {	color: #BCCEE4;	font-family: Tahoma, Verdana, Arial; }
.gerahmt        { border: 1px solid #000000; }
.submit_button  {
	color             : #FBFBFB; 
	font-size         : 10; 
	font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	padding-left      : 4; 
	padding-right     : 4; 
	padding-top       : 1; 
	padding-bottom    : 1; 
	background-color  : #6E3231;
	}
.search_button  {
	color             : #08441E; 
	font-size         : 10; 
	font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	padding-left      : 4; 
	padding-right     : 4; 
	padding-top       : 1; 
	padding-bottom    : 1; 
	background-color  : #FBFBFB;
	}

.starttext     {
	background-color  : #FFFBF3; /**/
  padding           : 20px;
	Font-Size         : 15;
  }
.impressum { 
  width             : 510px; 
  border            : 2px solid #264a5e; 
  background-color  : #ffffff;
  border-collapse   : collapse;
  Padding           : 10px;
  }
.guestbook { 
  width             : 510px; 
  border            : 2px solid #264a5e; 
  background-color  : #ffffff;
  border-collapse   : collapse;
  Padding           : 10px;
  }
.mailform { 
  Background-Image  : url('../images/transback.gif');
  position          : absolute;
  top               : 205px;
  left              : 260px; 
  height            : 340px;
  width             : 550px;
  z-index           : 1;
  text-align        : justify; 
  padding           : 5px;
/*
	font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	Font-Size         : 12;
	Color             : #6E3231;  */
  font              : 14px Tahoma #ffffff;
  border            : 1px inset #6E3231; 
  overflow          : auto;
  }

.table_comment {   
  width             : 480px; 
  border            : 2px dotted #08441E; 
  padding           : 5px;
  }

/**** in der Auflistung *****/
.list_table {
	Border-Top-Color  : 1px solid #6E3231;
	Border-Bottom-Color: 1px solid #6E3231;
  }
.list_dkl {
	font-size         : 12; 
	background-color  : #EBE2CF;
  padding           : 2px; 
  }
.list_titel {
	font-size         : 14; 
	background-color  : #FFFBF3;
  }
.list_hell {
  font-family       : Tahoma,Verdana,Arial;
	font-size         : 12; 
	background-color  : #FFFBF3;
  padding           : 3px; 
  }
.list_line {
	background-color  : #A68760;
  }
.list_mehr {
	font-size         : 12; 
	background-color  : #FFEED2;
  }

/**** im Detail *****/
.detail_table {       /* Tabelle drumherum */
  width             : 515px; 
  border            : 2px solid #264a5e; 
  background-color  : #ffffff;
  border-collapse   : collapse;
  padding           : 0px; 
  margin            : 0px; 
  }

.detail_table_ad {    /* adresse c4a281*/
  width             : 100%;
  border            : 0px; 
  background-color  : #e9d4a0;
  padding           : 0px; 
  margin:           : 0px; 
  }
 
.detail_table_hb {    /* hellblau */
  width             : 100%;
  border            : 0px; 
	background-color  : #bdc9d2;
  padding           : 15px; 
  margin:           : 0px; 
  }

.detail_table_bg {    /* beige */  
  width             : 100%;
  border            : 0px; 
  background-color  : #e9d4a0;
  padding           : 5px; 
  margin:           : 0px; 
  }
  
.detail_table_bd {   /* beigedunkel */
  width             : 100%;
  border            : 0px; 
  background-color  : #d4cca7;
  padding           : 15px; 
  margin:           : 0px; 
  }

.detail_table_pg {    /* Piktogramme */
  border            : 2px solid #bdc9d2;  /* hellblau */
  border-collapse   : collapse;
  padding           : 3px; 
  }

.detail_td_dkl {
	background-color  : #BAA37E;
  }

.detail_topback {
  width             : 100%;
	background-color  : #bdc9d2;
  padding           : 5px; 
  }

.fliesstext { 
  color: #294D63; /* #990000 */
  font-size: 12px; 
  line-height: 120%; 
  font-style: normal; 
  letter-spacing: 2px
  }

  
.fliesstextfett { 
  color: #990000; 
  font-size: 12px; 
  font-weight: bolder; 
  letter-spacing: 3px; 
  line-height: 120%; 
  }


/**** im Bildlayer *****/
.titlebar_left
	{
  color             : #e9d4a0; 
	background-color  : #305060;
	text-align        : left;
	border-bottom     : 1px solid black;
	}
.titlebar_right
	{
	background-color  : #305060;
	text-align        : right;
	border-bottom     : 1px solid black;
	}
.piclayers
	{
	border-color      : #DDDDDD  #AAAAAA  #AAAAAA  #DDDDDD ;
	border-style      : solid;
	border-top-width  : 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width : 2px;
	}

/*************************************************
*                                                *
* # = id - tags und DIV - Container formatieren  *
*                                                *
*************************************************/
#banner {
  Background-Image  : url('../images/balken.png');
  Background-Repeat : no-repeat;
  width             : 900px; 
  height            : 280px; 
  margin            : 0px auto; 
  padding           : 0px;
  z-index           : 1;
  }
#banner_ie {
  Background-Image  : url('../images/balken.gif');
  Background-Repeat : no-repeat;
  width             : 900px; 
  height            : 280px; 
  margin            : 0px auto; 
  padding           : 0px;
  z-index           : 1;
  position          : fixed;  
  }
/*  */

#menu {
  position          : absolute;
  top               : 235px;
  left              : 50px; 
  height            : auto;
  width             : 140px;
  padding           : 3px;
  z-index           : 2;
  text-align        : left; 
/*  position          : fixed;  */
  }
#menu_karte {
  Background-Image  : url('../images/transback.gif');
  position          : absolute;
  top               : 235px;
  left              : 50px; 
  height            : 295px;
  width             : 140px;
  padding           : 3px;
  z-index           : 2;
  text-align        : left; 
  border            : 1px solid #6E3231; 
  overflow          : auto;
  }

#haken {
  position          : absolute;
  top               : 160px;
  left              : 185px; 
  height            : auto;
  width             : 80px;
  z-index           : 1;
  }

#content {
  Background-Image  : url('../images/transback.gif');
  position          : absolute;
  top               : 205px;
  left              : 260px; 
  height            : 340px;
  width             : 550px;
  z-index           : 1;
  text-align        : justify; 
  padding           : 5px;
	font-family       : Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	Font-Size         : 13;
	Color             : #6E3231;
  border            : 1px inset #6E3231; 
  overflow          : auto;
  }
/*
#content_karte {
  Background-Image  : url('../images/transback.gif');
  position          : absolute;
  top               : 160px;
  left              : 260px; 
  height            : 390px;
  width             : 700px;
  z-index           : 1;
  padding           : 5px;
  border            : 1px inset #6E3231; 
  overflow          : auto;
  }
*/
#content_karte {
  Background-Image  : url('../images/transback.gif');
  position          : absolute;
  top               : 160px;
  left              : 260px; 
  height            : 375px;
  width             : 670px;
  z-index           : 1;
  padding           : 0px;
  border            : 1px solid #6E3231; 
  overflow          : no;
  }

#content_titel {
  position          : absolute;
  top               : 160px;
  left              : 260px; 
  height            : 25px;
  width             : auto;
  padding           : 5px;
  text-align        : left; 
  border            : 1px solid #6E3231; 
	Background-Color  : #FBFBFB;
	Font-Family       : Impact;
	Font-Size         : 18;
	Color             : #6E3231;
  z-index           : 2;
  letter-spacing    : 3px; 
  }

#content_pictures {
  position          : absolute;
  top               : 130px;
  left              : 825px; 
  height            : auto;
  width             : 110px;
  padding           : 5px;
  z-index           : 1;
  text-align        : center; 
  }

#footer {
  font-family       : Tahoma,Verdana,Arial; 
  font-size         : 12px;
  position          : absolute;
  top               : 562px;
  left              : 60px; 
  width             : 880px; 
  height            : auto; 
  margin            : 0px auto; 
  text-align        : right; 
  padding           : 0px;
  z-index           : 2;
  }
.load {
  font-family       : Tahoma,Verdana,Arial; 
  font-size         : 12px;
	Color             : #008000;
  }

a.footer:link     { text-decoration: none; color: black }
a.footer:visited  { text-decoration: none; color: black }
a.footer:hover    { text-decoration: none; color: black }
a.footer:active   { text-decoration: none; color: black }

/***********************************************
*                                              *
* Menübutton formatieren                       *
*                                              *
***********************************************/
.buttonup {
  Background-Color  : #FBFBFB;
  Font-Family       : Impact;
  Font-Size         : 18;
  Color             : #08441E;
  border            : 2px outset #08441E;
  Cursor            : hand;
  width             : 110px;
  }

.buttondown {
  Background-Color  : #08441E;
  Font-Family       : Impact;
  Font-Size         : 18;
  Color             : #4D9869;
  border            : 2px inset #FBFBFB;
  Cursor            : hand;
  width             : 110px;
  }

.buttonleer {
  Background-Color  : #08441E; 
  Font-Family       : Impact;
  Font-Size         : 18;
  Color             : #FBFBFB; 
  Cursor            : default;
  border            : 2px solid #FBFBFB;
  }
.lexikon_begriff{ text-decoration: none; color: #6F3132 } 
.lexikon{ text-decoration: none; color: #6F3132 } 
/*
  position          : absolute; 
  spacing           : 6px;
  margin-top        : 50px;
  margin-left       : -266px;
  height            : 163px;
  width             : 770px;
  background-color  : #052F59; 

  border            : 1px dashed #333;
  border            : 1px solid yellow; */

/* Drucken */
@media print {
	html, body, #content {
		background:#FFF;
	}
	body {
		padding:10px;
	}
	#haken, #menu, #right, #navigation, #keyword, #inav, #footer {
		display:none;
	}
	#content, #main, #main1, #main2 {
		margin:0 !important;
		padding:0 !important;
	}
}