/*************** Basic Styles for Dr. Thomas Gebhart ****************
version:	neu
author:		linus stubert
email:		ls@goetzinger-komplizen.de
web:        http://www.goetzinger-komplizen.de
copyright:	goetziger-komplizen 2009
*********************************************************************/


/***************************** general styles **********************/

* {
	margin:0px;
	border:0px;
	padding:0px;
}

body {
	background:#fff url(../img/header_bg.jpg) repeat-x 0px 0px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin-bottom:1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Verdana,Tahoma,Arial,sans-serif;
	color:#5d5d5d;
	font-size:12px;
}

p {
	margin-bottom:16px;
	line-height:1.5em;
}

p, div, a {
	position:relative;
}

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

.clear {
	clear:both;
	line-height:1px;
	background:transparent;
	overflow:hidden;
	height:1px;
}

.hide {
	display:none;
}

div.content-element {
	clear:both;
}



/****************************** wrapper styles ***************************/

#wrapper {
	margin-left:2%;
	width:980px;
	background:#ffffff;
	text-align:left;
	background:transparent;
}



/****************************** header styles ****************************/

#header {
	width:980px;
	height:158px;
	position:relative;
}

#header #name {
	color:#f00;
}

#header #logo {
	position:absolute;
	top:32px;
	right:0px;
}

#header #stoerer {
	position:absolute;
	top:54px;
	left:0px;
}

#header h1 {
	position:absolute;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	top:67px;
	left:260px;
	width:260px;
}

#menu {
	position:absolute;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:13px;
	height:22px;
	bottom:0px;
	right:0px;
}



/************************** menu styles ***********************************/

ul#navlist {
	list-style-type:none;
}

ul#navlist li {
	float:left;
	width:81px;
	padding-top:5px;
	text-align:center;
	margin-right:6px;
	background:#fff url(../img/reiter.jpg) no-repeat left top;
	height:20px;
}

* html ul#navlist li {
	height:25px;
}

*+ html ul#navlist li {
	height:20px;
}

ul#navlist li.last {
	margin-right:0px;
}

ul#navlist li a {
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

ul#navlist li a:hover {
	text-decoration:underline;
}



/*********************************** main styles ***********************************/

#main {
	width:720px;
	background:#fff;
	padding-top:20px;
	position:relative;
	margin-left:260px;
}



/****************************** main column styles *******************************/

#column-right {
	float:right;
	width:432px;
}

#content {
	position:relative;
}

#content h1 {
	font-size:12px;
	margin-bottom:16px;
}

#content img {

}

#content .banner {
	margin-bottom:16px;
}

#banner-area {
	height:208px;
	margin-bottom:20px;
}

.xfade-banner {
	position:absolute;
	top:0;
	left:0;
}



/******************************* side column styles *******************************/

#column-left {
	float:left;
	width:240px;
}

#column-left h1 {
	font-size:12px;
	margin-bottom:6px;
	padding-left:7px;
	border-left:3px solid #f90;
}

#column-left .float-right {
	float:right;
}

#column-left .infobox-wrapper {
	margin-bottom:16px;
}

#column-left .infobox {
	border:1px solid #999;
	padding:10px;
	background:transparent;
	background:#fefefe url(../img/box_bg.jpg) repeat-x 0px 0px;
}

#column-left .infobox p {
	margin-bottom:10px;
}

#column-left label {
	margin-bottom:3px;
	display:block;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	color:#5d5d5d;
}

#column-left input.macina_searchbox_inputbox {
	width:150px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	border:1px solid #afb2d5;
	background:#fff;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:10px;
}

#column-left input.macina_searchbox_submitbutton {
	width:50px;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	color:#FF9900;
	border:0px;
	text-align:right;
	background:transparent;
	cursor:pointer;
	padding-top:2px;
	padding-bottom:2px;
}



/******************************* typo3 form styles ********************************/

.csc-mailform {
	border:none;
	width:430px;
	background:transparent;
	margin-bottom:20px;
	padding:0px;
	position:relative;
}

.csc-mailform-field {
	width:270px;
	margin-bottom:10px;
	font-family:verdana,arial,tahoma,sans-serif;
	font-size:11px;
}

.csc-mailform input {
	width:270px;
	height:15px;
	font-size:11px;
	color:#000;
	border:1px solid #fc0;
	background:#ffffff;
}

.csc-mailform textarea {
	width:270px;
	height:100px;
	border:1px solid #fc0;
	background:#ffffff;
	font-size:11px;
	color:#000;
}

.csc-mailform input.csc-mailform-submit {
	height:auto;
	margin-top:10px;
	color:#fff;
	font-family:verdana,arial,tahoma,sans-serif;
	background:#ff9900;
	border:none;
	width:auto;
	padding:3px;
	font-weight:bold;
}


/********************************* footer styles **************************/

#footer {
	color:#fff;
	background:#ff9900;
	padding:5px 10px 5px 10px;
	text-align:center;
	height:14px;
}

#footer a {
	color:#fff;
	text-decoration:none;
}

#footer-left {
	float:left;
}

#footer-right {
	float:right;
}


/********************************* tt_news styles **************************/

.news-item {
	margin-bottom:20px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}

.news-list .news-item {
	margin-bottom:40px;
}

.news-item  img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.news-item h2 {
	font-size:12px;
	font-weight:bold;
	color:#5d5d5d;
	text-align:left;
}

.news-item h2 a, .news-item h2 a:hover, .news-item h2 a:visited {
	text-decoration:none;
	float:none;
	color:#000;
}

.news-item .news-date a, .news-item .news-date a:hover, .news-item .news-date a:visited {
	margin-bottom:0px;
}

.news-latest .news-item p {
	display:inline;
	color:#000;
}

.news-item .news-date {
	display:block;
	font-weight:bold;
	color:#5d5d5d;
	margin-bottom:4px;
}

.news-item .news-link  {
	display:inline;
}



/********************************** blog styles ***************************/

.blog-entry {
	margin-bottom:20px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}

.blog-entry-list .blog-entry {
	margin-bottom:40px;
}

.blog-entry img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.blog-entry  h2 {
	font-size:12px;
	font-weight:bold;
	color:#5d5d5d;
	text-align:left;
}

.blog-entry h2 a, .blog-entry h2 a:hover, .blog-entry h2 a:visited {
	text-decoration:none;
	float:none;
	color:#000;
}

.blog-entry .entry-date a, .blog-entry .entry-date a:hover, .blog-entry .entry-date a:visited {
	margin-bottom:0px;
}

.blog-latest-entries .blog-entry p {
	display:inline;
	color:#000;
}

.blog-entry .entry-date {
	display:block;
	font-weight:bold;
	color:#5d5d5d;
	margin-bottom:4px;
}

.blog-entry .entry-link  {
	display:inline;
}



/********************************** shoutbox styles *******************************/

#shout_container {
	width:auto;
	border:0px;
	scrollbar-face-color: #ccc;
	scrollbar-highlight-color: #ccc;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #eee;
}

#shout_contentwrap {
	font-family:verdana,arial,tahoma,sans-serif;
	background:#fefefe url(../img/box_bg.jpg) repeat-x 0px 0px;
	border:1px solid #999;
	height:250px;
	margin-bottom:20px;
}

#shout_content {
	margin:5px;
}

#shout_content strong {
	font-weight:normal;
	color:#5d5d5d;
}

#shout_inputwrap {
	font-family:verdana,arial,tahoma,sans-serif;
	background:#fff;
}

#shout_input {
	margin:0px;
}

#shout_input .label {
	display:block;
	margin-bottom:5px;
}

#shout_input .text {
	font-family:verdana,arial,tahoma,sans-serif;
	width:150px;
	background-color:#fff;
	border:1px solid #ff9900;
	margin-bottom:10px;
}

#shout_input textarea.text {
	height:100px;
	width:430px;
}

#shout_input .button {
	font-family:verdana,arial,tahoma,sans-serif;
	background:#ff9900;
	border:none;
	width:auto;
	padding:3px;
}



/********************************* calendar base styles ****************************/

.event {
	margin-bottom:20px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}

.event-date, .event-time, .event-location, .event-date-location, .event-date-time-location {
	font-weight:bold;
	color:#5d5d5d;
	margin-right:10px;
	margin-bottom:4px;
}

.event h2 {
	float:left;
}

.event .event-description {
	clear:both;
}



/******************************** indexed search styles ***************************/

.tx-indexedsearch h2 {
	margin-top:20px;
}

.tx-indexedsearch table td {
	text-decoration: none;
	background:transparent;
}

.tx-indexedsearch ul.browsebox {
	list-style:none;
}

.tx-indexedsearch ul.browsebox li {
	float:left;
	margin-right:10px;
}

.tx-indexedsearch-whatis {
	margin-top:20px;
}

.tx-indexedsearch-browsebox {
	background:#fefefe url(../img/box_bg.jpg) repeat-x scroll 0 0;
	border:1px solid #999;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
}

.tx-indexedsearch-browsebox p {
	padding:0px;
	margin-bottom:10px;
}

.tx-indexedsearch-browsebox ul {
	margin:0px;
}

.tx-indexedsearch-searchbox p {
	margin-top:10px;
	margin-bottom:10px;
}

.tx-indexedsearch-searchbox table {
	width:auto;
	background:#f5f5f5;
	border:1px solid #999;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
}

.tx-indexedsearch-searchbox table td {
	padding:5px;
	text-decoration: none;
	font-family:Verdana,Arial,Tahoma,sans-serif;
	font-size:11px;
}

.tx-indexedsearch-res table tr {
	background:transparent;
	height: auto;
}

.tx-indexedsearch a {
	color:#ff9900;
}

.tx-indexedsearch-searchbox-button {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	color:#FF9900;
	cursor:pointer;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:11px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:left;
	width:50px;
}

.tx-indexedsearch-searchbox-sword, .tx-indexedsearch-selectbox-sections, .tx-indexedsearch-selectbox-defop, .tx-indexedsearch-selectbox-results {
	font-family:Verdana,Arial,Tahoma,sans-serif;
	font-size:11px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #FFCC00;
	color:#000000;
	padding-top:2px;
	padding-bottom:2px;
	width:150px;
	display:block;
}

.tx-indexedsearch-form label {
	padding-bottom:10px;
	display:block;
}



/************************** mordern chat styles *************************/

.tx_modernchat_overviewBoxWrap input {
	border:1px solid red;
	width:200px;
}



/**************************** tables styles ****************************/

.tabelle-daten .td-0 {
	width: 100px;
	height:20px;
	font-family:Verdana,Arial,Tahoma,sans-serif;
	font-size:11px;
}

.tabelle-daten .td-1 {
	height:20px;
	font-family:Verdana,Arial,Tahoma,sans-serif;
	font-size:11px;
}


/************************* supporters styles **************************/

.list-supporters, .list-supporters-tour {
	width:450px;
	list-style-type:none;
}

.supporter .name {
	width:100%;
	text-align:center;
	display:block;
	height:26px;
}

.list-supporters .supporter img {
	margin-bottom:8px;
}

.list-supporters-tour .supporter img {
	margin-bottom:4px;
}

.list-supporters .supporter {
	height:240px;
	width:137px;
	margin-right:10px;
	margin-bottom:12px;
	float:left;
}

.list-supporters-tour .supporter {
	height:132px;
	width:100px;
	margin-right:10px;
	margin-bottom:8px;
	float:left;
}

.user-supportersstandard-pi1-browsebox {
	clear:both;
}

.user-supportersstandard-pi1-browsebox p {
	padding-right:4px;
}