/* 
	Bezeichnung:	css/grube_layout.css (main stylesheet) 
	Projekt: 			gemeinde-grube.de
	Datum: 				27.02.2009
	Autor: 				Jörg Harling
*/


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

#wetter {
	width:702px;
	height:412px;
	background:url(/bitmaps/wetter.jpg) top no-repeat;
	padding: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.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;
}

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

.rot {
	color:#CC0000;
}

.orange {
  color:#e37124;
}

.azurblau {
  color:#45A3D9;
}

.lila {
  color:#6f17ae;
}

.gruen {
  color:#1A8839;
}


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

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:#1a8839;
	font-size:22px;
}

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

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

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

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


.kat1 {
	color:#1a8839;
}

.kat2 {
	color:#3f9b59;
}

.kat3 {
	color:#63ad77;
}

.kat4 {
	color:#82be92;
}

.kat5 {
	color:#87bc96;
}


/************************************/
/*           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:#1a8839;
	font-weight:bold;
	text-decoration:underline;
}

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

#content a:visited {
	color:#3ba759;
	font-weight:bold;
	text-decoration:none;
}


#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) top repeat-x;
	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:auto;
	height:85px;
	display:block;
	margin-left:350px;
	position:absolute;
	left:50%;
	top:10px;
}

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