/*
Theme Name: TGS Bieber
Theme URI: http://www.tgs-bieber.de
Version: 0.1 for typo3 CMS

last updated: 13.11.2007 20:45
*/

/* Basics and Typography */
/*###################################################################################*/

body {
	margin: 0;
	padding: 0;
	/*background: #95b8d8;*/
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Verdana", "sans-serif";
	color: #000000;
	background-color: #FFFFFF;
}

#wrapper {
	clear: both;
	text-align: center;
	width: 1000px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #95b8d8;
}

#header {
	margin: 0px 0px 0px 0px;
	background: url(/pics/headbg.gif); background-repeat:repeat-x;
	text-align: left;
	clear: both;
	background-color: #95b8d8;
	height:68px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000000;
}

.links {
	/*border-top-width:1px;
	border-top-style:solid;
	border-top-color:#000000;*/
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	width: 150px;
	/*height: 100%;*/
	background-color: #95b8d8;
	font-size: 11px;

}

.rechts {
	margin: 0px 0px 0px 0px;
	width: 850px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#contentainer {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	border: 1px solid #FFFFFF;
	background-color: #ffffff;
}

#content {
	background-color: #FFFFFF;
	font-size: 11px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.footer {
	/*clear: both;*/
	text-align: center;
	/*width: 1000px;*/
	margin: 0px;
	padding: 0px 0px 20px 0px;
	/*  	border: 1px solid #4081A2; */
	background: #95b8d8;
	font-family: "Verdana", "sans-serif";
	font-size: 10px;

}

#navigation {

	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 150px;
	/*	height: 100%; */
	/*	background-color: #E1E1E1; */

}

#linkitem a:link, #linkitem a:visited {
	text-align: left;
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 4px 15px 4px 10px;
	display: block;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	background-color: #95b8d8;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000000;
}

#linkitemactive {
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 4px 15px 4px 10px;
	display: block;
	font-size:12px;
	color: #194065;
	text-decoration: none;
	font-weight: bold;
	background-color: #347EC2;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000000;
}

#linkitemactive a:visited, #linkitemactive a:link {
	color: #ffffff;
	text-decoration: none;
}

#linkitem a:hover {
	color: #ffffff;
	background-color: #194065;
	text-decoration: none;
}

#linkitemlevel2 {
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 4px 15px 4px 10px;
	font-size:11px;
	color: #ffffff;
	text-decoration: none;
}

#linkitemlevel2 a:link, #linkitemlevel2 a:visited {
	font-family: "Arial", "Verdana", "sans-serif";
	font-size:11px;
	color: #ffffff;
	text-decoration: none;
}

#linkitemlevel2active {
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 2px 15px 2px 10px;
	/*display: block;*/
	font-size:11px;
	color: #194065;
	text-decoration: none;
}

#linkitemlevel2active a:link, #linkitemlevel2active a:visited {
	font-family: "Arial", "Verdana", "sans-serif";
	/*padding: 2px 15px 2px 15px;*/
	/*display: block;*/
	font-size:11px;
	color: #194065;
	text-decoration: none;
}

#linkitemlevel2 a:hover {
	color: #194065;
	text-decoration: none;
}

#linkitemlevel3 a:link, #linkitemlevel3 a:visited {
	font-family: "Arial", "Verdana", "sans-serif";
	/*padding: 4px 15px 4px 10px;*/
	font-size:10px;
	color: #ffffff;
	text-decoration: none;
}

#linkitemlevel3active {
	font-family: "Arial", "Verdana", "sans-serif";
	/*padding: 4px 15px 4px 10px;*/
	/*display: block;*/
	font-size:10px;
	color: #194065;
	text-decoration: none;
}

#linkitemlevel3active a:link, #linkitemlevel3active a:visited {
	font-family: "Arial", "Verdana", "sans-serif";
	/*padding: 4px 15px 4px 10px;*/
	/*display: block;*/
	font-size:10px;
	color: #194065;
	text-decoration: none;
}

#linkitemlevel3 a:hover {
	color: #194065;
	text-decoration: none;
}

#smalltoplinkitem a:link, #smalltoplinkitem a:visited, #smalltoplinkitem, #smalltoplinkitem a:visited, #smalltoplinkitem a:link {
	text-align: left;
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 4px 15px 4px 10px;
	float: left;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#000000;
}

#toplinkitem a:link, #toplinkitem a:visited {
	text-align: left;
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 4px 15px 4px 10px;
	/*display: block;*/
	float: left;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	/*background-color: #E1E1E1;*/
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#000000;
}

#toplinkitemactive {
	font-family: "Arial", "Verdana", "sans-serif";
	padding: 4px 15px 4px 10px;
	/*display: block;*/
	float: left;
	font-size:12px;
	color: #2E7DCD;
	text-decoration: none;
	font-weight: bold;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#000000;
}

#toplinkitemactive a:visited, #toplinkitemactive a:link {
	color: #2E7DCD;
	text-decoration: none;
}

#toplinkitem a:hover {
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
}

/*###################################################################################*/

.formular input, .formular textarea, .formular select {
	border: 1px solid #c0c0c0;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	font-family: "Arial", sans-serif;
}

.formular {
	color: #000000;
	font-size: 12px;
	font-family: "Arial", sans-serif;
	border: 0px;
}


a.white {
	font-family:Arial;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	padding-left: 8px;
}

p {
	margin: 0px;
	font-size: 11px;
	line-height: 1.2em;
	font-family: "Verdana", "sans-serif";
}

p.bodytext {
	margin-top: 10px;
}

/*###################################################################################*/

h1 {
	font-family: "Tahoma", "Trebuchet", "Verdana", "sans-serif";
	margin: 15px 0px 0px 0px;
	/*line-height: 22px;*/
	letter-spacing:1px;
	font-size: 22px;
	font-weight: bold;
	color: #3584D2;
}

h1.csc-firstHeader {
	padding: 0px 0px 20px 0px;
}

h2 {
	font-family: "Tahoma", "Trebuchet", "Verdana", "sans-serif";
	margin: 15px 0px 15px 0px;
	/*line-height: 34px;*/
	letter-spacing:1px;
	font-size: 18px;
	font-weight: normal;
	color: #3584D2;
}

h4 {
	font-family: "verdana", "sans-serif";
	margin: 10px 0px 0px 0px;
	line-height: 16px;
	font-size: 11px;
	font-weight: bold;
	color: #89B7E5;
}

h4.nomargin {
	font-family: "verdana", "sans-serif";
	margin: 0px 0px 10px 0px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #89B7E5;
}

/*###################################################################################*/

table.contenttable contenttable-0 {
	width: 99%;
}

table.beitraege, table.vorstand, table.normal {
	border: 1px solid #000000;
	font-size: 11px;
	margin-bottom: 20px;
}

table.mitgliederzahlen {
	width:615px;
	border: 1px solid #000000;
	font-size: 11px;
	margin-bottom: 20px;
}

table.beitraege td.td-0, table.beitraege td.td-1, table.beitraege td.td-last {
	width: 200px;
}

table.vorstand td.td-0, table.vorstand td.td-1, table.vorstand td.td-last {
	width: 200px;
}

table.mitgliederzahlen td.td-0, table.mitgliederzahlen td.td-1, table.mitgliederzahlen td.td-2 {
	width: 200px;
}

table.vorstand tr.tr-odd, table.mitgliederzahlen tr.tr-odd, table.normal tr.tr-odd {
	background-color: #95b8d8;
}


.csc-mailform {
	border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
	float:left;
	clear:both;
	display:block;
	width:180px;
	padding-left:10px;
	margin-bottom:10px;
}

.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {
	float:left;
	display:block;
	width:250px;
	border: 1px solid #333;
	background:#F4F4F4;
	padding:1px;
	margin-bottom:10px;
}

.csc-mailform-submit {
	/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
	margin-left: 190px;
	/* Float wieder abschalten */
	clear: both;
}

.csc-textpic-imagewrap {
	width: 600px;
}


/* ######################### BILDERGALERIE ####################### */

.tx-gooffotoboek-pi1 {
	width: 800px;
	overflow: hidden;
}

#gallerypictures  {
	width: 190px;
	padding: 10px;
	background-color: transparent;
	text-align: center;
 	border: 1px solid #bdcbe7;
	float:right;
	/*clear:both;*/
}

#directories {
	padding: 10px 0px 10px 0px;
	text-align: left;
	font-family: "Arial Black", "Arial", "sans-serif";
	font-style:italic;
	font-size:14px;
	color: #000238;
	font-weight: bold;
}

#tabel {
	width: 500px;
	border: 1px solid #bdcbe7;
	padding: 10px 0px 10px 0px;
}

#single {
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	font-family: "Arial Black", "Arial", "sans-serif";
	font-style:italic;
	font-size:14px;
	color: #000238;
	font-weight: bold;
}

/* ######################### GÄSTEBUCH ####################### */

.tx-veguestbook-pi1 {
   font-size:100%;
}

/* error handling */
.tx-veguestbook-pi1 p.tx-guestbook-form-error {
	font-weight:bold;
	color:#990000;
}

/* display of result count */
.tx-veguestbook-pi1 .tx-guestbook-result {
	font-weight:bold;
	float:left;
}

/* pagination */
.tx-veguestbook-pi1 .tx-guestbook-pagination {
	font-size:75%;
	font-weight:bold;
	float:right;
}

/* styles for list mode */
.tx-veguestbook-pi1 h2.tx-guestbook-header {
	clear:both;
	/*background:#666;*/
	background-color: #ffffff;
	color:#95b8d8;
	display:block;
	/*font-size:100%;*/
	font-size:14;
	font-weight:bold;
	padding: 1em;
	/*width: 35em;*/
	width: 600px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#95b8d8;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
	float:left;
	width:12em;
	background:#EFEFEF;
	min-height:4em;
	padding: 1em;
}

.tx-veguestbook-pi1 .tx-guestbook-left {
	height:4em;
}

.tx-veguestbook-pi1 .tx-guestbook-left p {
	color:#333;
}

.tx-veguestbook-pi1 .tx-guestbook-right {
	float:left;
	/*width:21em;*/
	width:600px;
	background:#FFF;
	padding: 1em;
	
}

/* styles for latest mode */
.tx-veguestbook-pi1 .tx-guestbook-latest p,
.tx-veguestbook-pi1 .tx-guestbook-right p {
	color:#333;
}

.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
   font-weight: bold;
}

.tx-veguestbook-pi1 .tx-guestbook-right h3 {
	font-size:100%;
	color:#990000;
	font-weight:bold;
	background:none;
}

.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
	font-size:75%;
	color:#333;
	font-style: italic;
}

.tx-veguestbook-pi1 .tx-guestbook-latest {
	display:block;
	padding:0.25em;
	clear:both;
}

/* form styles */
.tx-veguestbook-pi1 .tx-guestbook-field {
	clear:both;
	width:100%;
	display:block;
	padding: 1em 0;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
	clear: both;
	display: block;
	float: left;
	width: 10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
	float:left;
	width:10em;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
	float:left;
	width:20em;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
	width: 30em;
	display: block;
	float: left;
}

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
	color:#990000;
}

.tx-veguestbook-pi1 fieldset {
	border:none;
}

.tx-veguestbook-pi1 legend {
	display:none;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap {
	float:left;
	display:block;
	background:#F7F7F7;
	border:1px solid #CCC;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap {
	margin-left:2.25em;
}


.tx-veguestbook-pi1 .tx-guestbook-freecap img {
	float:left;
	display:block;
	padding-left:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap input {
	float:left;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap label {
	clear:both;
	display:block;
	float:none;
	width:10em;
	margin-bottom:0.5em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap p {
	font-size:75%;
	padding:0.25em;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
	display:none;
}

.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
	color:#990000;
}

.tx-veguestbook-pi1 .tx-guestbook-clear {
	clear:both;
	display:block;
}

.tx-veguestbook-pi1 input.tx-guestbook-submit {
	width:auto;
	/*width:600px;*/
	display:block;
}

ul#nav,
ul#nav ul {
	margin: 0px 0px 0px -20px;
	padding: 0;
	width: 120px; /* Width of Menu Items */
	border-bottom: 0px solid #ccc;
	background: #fff; /* IE6 Bug */
	/*color: black;*/
}