/* ---------------------------------------------------
GGG - SG Gebergrund Goppeln
CSS Elemente
20.04.2005 webit! Gesellschaft fuer neue Medien mbH
--------------------------------------------------- */

/* ---------------- 2011-12-05 16:24:59 CET ---------------- */

body {
	margin: 0 16px 0 0;
	padding: 0;
	color: #242424;
	font: 12px verdana, arial, sans-serif;
	background-color: #CCDECE;
	text-align: center;
	}

a {
	color: #063500;
	text-decoration: none;
	}

a:hover {
	text-decoration: none;
	color: #63905E;
	}

a:focus {
	border: none;
	}

p {
	margin: 0 0 16px 0;
	}



ul {
	margin: 10px;
	padding: 0;
	}

li {
	list-style-type: none;
	list-style-position: inside;
	}

* html li {
	padding-left: 0px;
	}

h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	font: bold 13px verdana, arial, sans-serif;
	}

h1 {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	width: 774px;
	height: 18px;
	background-color: #5E785A;
	color: #ECECEC;
	border: 0 solid #508149;
	border-bottom-width: 1px;
	font-size: 14px;
	font-weight: bold;
	}

table, tr, td {
	vertical-align: top;
	}

/* Boxen -------------------------- */

div#wrapper {
	margin: 0 auto;
	width: 995px;
	background: #CCDECE url(../img/back.png) repeat-y 0 0;
	text-align: left;
	}

div#header {
	margin: 0;
	margin-left: 4px;
	width: 987px;
	height: 127px;
	background: #CCDECE url(../img/header.jpg) no-repeat 0 0;
	}

div#navigation {
	margin: 5px 0 0 4px;
	padding: 50px 0 0 13px;
	width: 164px;
	height: 382px;
	background: #CCDECE url(../img/main-left.jpg) no-repeat 0 0;
	}

div#breadcrumb {
	margin: -432px 0 0 186px;
	width: 798px;
	height: 17px;
	background-color: #95B789;
	border: 1px solid #38623B;
	}

div#contentwrapper {
	margin: 5px 0 0 180px;
	padding-top: 25px;
	width: 804px;
	background-color: #EEEEEE;
	border: 1px solid #38623B;
	}

div#content {
	margin: 9px;
	width: 784px;
	background-color: #E5E5E5;
	border: 1px solid #508149;
	min-height: 350px;
	}

* html div#content {
	height: 350px; /* min-height for ie */
	}

div#sponsors {
	margin: -19px 0 0 817px;
	padding-top: 50px;
	width: 174px;
	height: 382px;
	background: #CCDECE url(../img/main-right.jpg) no-repeat 0 0;
	text-align: center;
	}

* html div#sponsors {
	width: 170px; /* 3pixel bug ie - fix it later! */
	}

div#sponsors p {
	margin: 0 0 5px 0;
}

div#footer {
	clear: left;
	margin: 50px 0 20px 4px;
	width: 987px;
	height: 19px;
	background-color: #F3FFEF;
	border: 1px solid #38623B;
	border-width: 1px 0;
	}

/* Navigation ------------------------- */

div#navigation ul {
	margin: 0 0 0 7px;
	padding: 0;
	}

* html div#navigation ul { margin-left: -9px; }
* html div#navigation ul ul { margin-left: 7px; }

div#navigation li {
	list-style-type: none;
	}

div#navigation li a {
	display: block;
	margin-top: 10px;
	width: 130px;
	font-size: 14px;
	color: #063500;
	font-weight: bold;
	padding-left: 12px;
	background: url(../img/arrow.gif) no-repeat 3px 4px;
	}

div#navigation li a:hover {
	color: #63905E;
	}

div#navigation li.activ a {
	color: #63905E;
	}

div#navigation li ul li a,
div#navigation li.activ ul li a {
	width: 120px;
	margin-top: 5px;
	font-size: 12px;
	color: #063500;
	font-weight: bold;
	padding-left: 21px;
	background: url(../img/arrow-small.gif) no-repeat 12px 4px;
	}

div#navigation li ul li.activ a {
	color: #63905E;
	}

/* Breadcrumb ------------------------- */

div#breadcrumb ul {
	margin: 0 0 0 7px;
	padding: 0;
	}

* html div#breadcrumb ul { margin-left: -9px; }
* html div#breadcrumb ul ul { margin-left: 7px; }

div#breadcrumb li {
	list-style-type: none;
	float: left;
	}

div#breadcrumb li a {
	display: block;
	margin: 1px 0 0 10px;
	font-size: 12px;
	color: #ECECEC;
	font-weight: bold;
	}

div#breadcrumb li a:hover {
	color: #ECECEC;
	}

div#breadcrumb li.aktiv a {
	font-weight: bold;
	}

/* Inhaltselemente ------------------------- */

div.large-col {
	margin: 10px;
	width: 764px;
	}

div.left-col,
div.right-col {
	width: 377px;
	}

* html div.left-col,
* html div.right-col {
	width: 374px;
	}

div.left-col {
	margin: 0 0 10px 10px;
	float: left;
	}

div.right-col {
	margin: 10px 10px 10px 397px;
	}

div.large-col div.left-col {
	margin-left: 0;
	}

* html div.large-col div.right-col {
	margin-left: 377px;
	}

div.left-3col {
	margin: 0 0 10px 10px;
	width: 248px;
	float: left;
	}

div.middle-3col {
	margin: 0 0 0 10px;
	width: 248px;
	float: left;
	}

div.right-3col {
	margin: 0 0 0 526px;
	width: 248px;
	}

p.floatimg {
	float: left;
	margin: 0 10px 10px 0;
	}

img {
	border: 1px solid #101010;
	}

p.date {
	margin-bottom: 0;
	}

div#sponsors img {
	margin: 15px 3px 10px 0;
	border: none;
	}

div.gb-personal,
div.gb-note {
	margin-bottom: 10px;
	padding: 7px;
	min-height: 130px;
	background-color: #D9D9D9;
	border: 1px solid #3D3D3D;
	}

* html div.gb-personal,
* html div.gb-note {
	height: 130px; /* ie min-height */
	}

div.gb-personal {
	width: 180px;
	color: #294616;
	font-weight: bold;
	float: left;
	}

div.gb-note {
	position: relative;
	width: 542px;
	margin-left: 206px;
	}

* html div.gb-note {
	width: 539px;
	}

p.gb-pages {
	color: #063500;
	font-weight: bold;
	text-align: right;
	}

p.gb-pages span {
	display: block;
	text-align: left;
	width: 400px;
	float: left;
	}

/* Tabelle ------------------------- */

table {
	border: 1px solid #4A4A4A;
	}

thead {
	color: #FFF;
	background-color: #5A5A5A;
	}

tbody {
	font-weight: bold;
	background-color: #FFF;
	}

tr.pos-up-1 {
	background-color: #C0D5C1;
	}

tr.pos-up-2 {
	background-color: #E1F6E2;
	}

tr.pos-up-line td {
	border: 0 solid #00BD00;
	border-bottom-width: 1px;
	}

tr.pos-mid-1 {
	background-color: #D9D9D9;
	}

tr.pos-mid-2 {
	background-color: #FFF;
	}

tr.pos-down-1 {
	background-color: #EBBEBE;
	}

tr.pos-down-2 {
	background-color: #FFD2D2;
	}

tr.pos-down-line td {
	border: 0 solid #FF0000;
	border-top-width: 1px;
	}

tr.pos-sggg td {
	background-color: #95B789;
	}

/* Formulare ------------------------- */

form p {
	margin-bottom: 1px;
	}

div#content label {
	display: block;
	width: 130px;
	float: left;
	margin-top: 6px;
	}

* html div#content div.right-col label {
	margin-left: 5px;
	width: 90px;
	}

div#content label span {
	font-size:  10px;
	}

div#content input,
div#content textarea,
div#content select {
	margin: 0;
	padding: 0;
	border: solid 1px #38623B;
	background-color: #FCFCFC;
	color: #000;
	font: 12px verdana, arial, sans-serif;
	}

div#content input {
	margin: 4px 0 5px 0;
	padding: 1px 3px 0 3px;
	width: 230px;
	height: 16px;
	background: #E5E5E5 url(../img/input.gif) repeat-x 0 0;
	}

* html div#content input {
	margin: 4px 0 1px 0;
	padding: 0;
	/* commented backslash hack v2 \*/
	padding: 1px 3px 0 3px;
	/* hide from mac ie */
	width: 220px;
	}

div#content input#gbcode {
	margin-left:  130px;
	}
* html div#content input#gbcode {
	margin-left:  133px;
	}

div#content textarea {
	margin: 4px 0 5px -30px;
	padding: 1px 3px 0 3px;
	width: 250px;
	height: 120px;
	overflow: auto;
	background: #E5E5E5 url(../img/input.gif) repeat-x 0 0;
	}

* html div#content textarea {
	margin: 4px 0 1px 0;
	padding: 0;
	/* commented backslash hack v2 \*/
	padding: 1px 3px 0 3px;
	/* hide from mac ie */
	}

div#content input.button {
	width: 252px;
	height: 26px;
	margin: 37px 0 10px 0;
	padding: 0;
	cursor: pointer;
	}

div#content input.submit {
	width: 238px;
	height: 21px;
	margin: 20px 0 10px 130px;
	padding: 0;
	font-weight: bold;
	cursor: pointer;
	background-color: #DFE0DF;
	}

div#content input.submit:focus {
	color: #A9A9A9;
	}

* html div#content input.submit {
	margin-left: 133px;
	width: 228px;
	}

div#content label.error,
div#content p.error label,
div#content p.error {
	color: #C9242A;
	}

div#content input.error,
div#content textarea.error,
div#content p.error input,
div#content p.error textarea {
	background-color: #FFBFBF;
	border: 1px solid #C9242A;
	}

div#content span.error,
div#content p.error span {
	margin-left: 34px;
	color: #C9242A;
	display: block;
	}

div#content form p.note {
	margin: 77px 0 0 34px;
	/* font-size: 10px; */
	}

/* Startseite ------------------------- */

body#start div#breadcrumb {
	width: 624px;
	}

body#start div#contentwrapper {
	width: 636px;
	float: left;
	}

* html body#start div#contentwrapper {
	margin-left: 90px; /* double-width bug ie */
	}

body#start div#content {
	width: 616px;
	margin-top: 0px;
	min-height: 0;
	border-bottom-width: 0;
	}

* html body#start div#content {
	height: 1%;
	}

div#latestnews {
	margin: 9px;
	padding-top: 10px;
	margin-top: -10px;
	width: 616px;
	background-color: #E5E5E5;
	border: 1px solid #508149;
	border-top-width: 0;
	}

body#start h1 {
	width: 606px;
	}

body#start div.large-col {
	width: 596px;
	}

body#start div.left-col,
body#start div.right-col {
	width: 293px;
	}

* html body#start div.left-col,
* html body#start div.right-col {
	width: 290px;
	}

* html body#start div.left-col {
	margin-left: 5px;
	}

body#start div.right-col {
	margin-top: 0;
	margin-left: 313px;
	}

/* Extension - Simple Photo Gallery ------------------------- */

.tx-photogals-pi1 {
	margin: 0;
	padding: 0;
	}
	
.tx-photogals-pi1-big a {
	padding:5px 5px 5px 0;
	/*text-align:center;
	display:block; */
	}

.tx-photogals-pi1-small-active a,
.tx-photogals-pi1-small a {
	border:1px solid #3D3D3D;
	background-color:#D9D9D9;
	padding:4px;
	margin: 6px 6px 6px 0;
	float:left;
	}

.tx-photogals-pi1-small-active a,
.tx-photogals-pi1-small a:hover {
	border: 1px solid #5E785A;
	}
	
/* Sonderformatierungen, Formatierungen in den Boxen usw. ------------------------- */

div.clearer {
	height:1px;
	clear:both;
	line-height:1px;
	}

/* Footerstick - Content bei großen Aufloesungen immer maximal gross ------------------------- */

html {
	height: 100%;
	}

body {
	height: 100%;
	}

#wrapper {
	min-height: 100%;
	}

* html #wrapper{
	height: 100%;
	}