@charset "UTF-8";



body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	background: #b5d982 url(../img/body_bg.jpg) fixed no-repeat top left;
}

a {
	border: none;
	outline: none;
}

img {
	border: none;
}

hr {
	height: 1px;
	border: none;
	background: none;
	border-bottom: 1px solid #a0cf70;
	overflow: hidden;
}

div.userpic {
	display: block;
	padding: 1px;
	border: 1px solid #a0cf70;
	background: #fcfdfa;
}

a.pfeil-green {
	font-size: 10px;
	color: #4b5f32!important;
	letter-spacing: 0.5px;
	text-decoration: none;
	padding-left: 10px;
	background: url(../img/a_pfeil_darkgreen.gif) no-repeat center left;
}
a.pfeil-green.right {
	padding-left: 0px;
	padding-right: 10px;
	background-position: center right;
}
a.pfeil-green.back { background: url(../img/a_pfeil_darkgreen_back.gif) no-repeat center left; }
a.pfeil-green:hover { text-decoration: underline; }

div#content a.pfeil-green { font-size: 11px; }

p { margin: 5px 0px; letter-spacing: 0.5px; }

input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 11.5px;
	color: #4b5f32;
	border: none;
	background: #d5edb3;
	padding-left: 0px;
	padding-right: 0px;
}


div.clear { height: 1px; overflow: hidden; visibility: hidden; clear: both; }

.clear { clear: both; }
.small { font-size: 9px; }
.medium { font-size: 10px; }
.align-right { text-align: right!important; }

/* Eingangsseite */
div#start { width: 800px; height: 400px; margin: 20px auto 0px auto; padding: 180px 0px 0px 68px; background: url(../img/Tisag-Logo.png) no-repeat; }
div#start h1 { font-size: 22px; color: #4b5f32; margin:0px 0px 20px 0px; }
div#start h1 span { font-size: 28px; }
div#start a.pfeil-green { font-size: 16px; font-weight: bold; }

div#page {
	width: 968px;
	margin: 0 auto;
	background: url(../img/page_bg.png) repeat-y;
}

div#header {
	position: relative;
	width: 968px;
	padding-bottom: 6px;
	background: url(../img/header_bg.png) no-repeat bottom center;
}
div#header-img {
	position: relative;
	width: 968px;
	height: 161px;
	background: url(../img/header-img_bg.jpg) no-repeat top center;
}
a#logo {
	position: absolute;
	left: 24px;
	top: 20px;
	width: 223px;
	height: 121px;
	border: none;
	text-decoration: none;
}


/* Hauptnavigtion */

div#nav-main {
	position: relative;
	width: 956px;
	height: 36px;
	padding: 0px;
	margin: 0px 6px;
	background: url(../img/nav_main_bg.png) repeat-x;
}
div#nav-main ul.nav {
	margin: 0px 0px 0px 10px;
	padding: 0;
	list-style: none;
}
div#nav-main ul.nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0px 15px 0px 0px;
	height: 36px;
	line-height: 36px;
}
div#nav-main ul.nav li a {
	font-size: 11.5px;
	font-weight: bold;
	color: #4b5f32;
	letter-spacing: 1px;
	text-decoration: none;
}
div#nav-main ul.nav li a:hover {
	border-bottom: 2px solid #4b5f32;
}
div#nav-main ul.nav li.aktiv { background: url(../img/nav_main_aktiv.png) no-repeat bottom center; }
div#nav-main ul.nav li.aktiv a { color: #000; border: none; }

/* Suche */
div#suche {
	position: absolute;
	right: 2px;
	top: 0px;
	height: 36px;
	padding: 0px 0px 0px 30px;
	background: url(../img/suche_bg.png) no-repeat left 9px;
}
div#suche form {
	/*position: relative;*/
}

div#suche input { float: left; background: #fafff2; }

div#suche input.form-text {
	margin-top: 10px;
	margin-right: 10px;
}

div#suche input.form-submit {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../img/sidebar-form-submit.gif) no-repeat;
}
div#suche select {
	margin-top: 10px;
	margin-right: 20px;
	border: none;
	background: #fafff2;
}
/* Subnavigation */

div#nav-sub {
	width: 956px;
	height: 26px;
	margin: 0px 6px;
	background: url(../img/nav_sub_bg.png) repeat-x;
}
div#nav-sub ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#nav-sub ul li {
	display: inline;
	margin: 0;
	padding: 0px 5px 0px 8px;
	line-height: 26px;
	border-left: 1px solid #5c743d;
}
div#nav-sub ul li:first-child {
	border: none;
}
div#nav-sub ul li a {
	font-size: 10.5px;
	color: #5c743d;
	letter-spacing: 1px;
	text-decoration: none;
	margin: 0;
}
div#nav-sub ul li a:hover { text-decoration: underline; }
div#nav-sub ul li.aktiv a { font-weight: bold; color: #4b5f32; text-decoration: none; }


/* Main */

div#main {
	width: 968px;
	margin-top: 10px;
}

/* Sidebar */
div#sidebar {
	color: #4b5f32;
	display: inline;
	width: 250px;
	margin-left: 6px;
	float: left;
}

div#sidebar p, div#sidebar li, div#sidebar a { font-size: 11px; }
div#sidebar p { margin-top:0px; }

div#sidebar div.teaser {
	margin-bottom: 2px;
	background: #d5edb3;
}
div#sidebar div.teaser h4 {
	font-size: 11px;
	line-height: 24px;
	height: 24px;
	letter-spacing: 1px;
	color: #4b5f32;
	margin: 0px;
	padding: 0px 8px;
	background: #99cc66;
}
div#sidebar div.teaser h4 a { color: #4b5f32; text-decoration: none; }
div#sidebar div.teaser h4 a:hover { text-decoration: underline; }

div#sidebar div.teaser div.teaser-footer {
	clear: both;
	height: 30px;
	padding: 0px 0px 0px 25px;
	background: #99cc66 url(../img/sidebar-form-submit.gif) no-repeat 8px center;
}
div#sidebar div.teaser div.teaser-footer.suche { height: 23px; padding: 7px 0px 0px 30px; background: #99cc66 url(../img/sidebar_teaser_suche.png) no-repeat 8px center; }
div#sidebar div.teaser div.teaser-footer a {
	line-height: 30px;
	font-size: 11.5px;
	color: #4b5f32;
	font-weight: bold;
	text-decoration: none;
}
div#sidebar div.teaser div.teaser-footer a:hover { text-decoration: underline; }
div#sidebar div.teaser div.teaser-footer.suche form {
	padding: 0;
	margin: 0;
}
div#sidebar div.teaser div.teaser-footer.suche form input.form-submit {
	background-image: url(../img/sidebar-suche-form-submit.gif);
}

div#sidebar div.teaser ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#sidebar div.teaser ul li {
	color: #4b5f32;
	line-height: 30px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fcfdfa;
}

div#sidebar div.teaser ul li a {
	display: block;
	width: 234px;
	height: 30px;
	color: #4b5f32;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	background: url(../img/a_pfeil_darkgreen.gif) no-repeat 237px center;
}

div#sidebar div.teaser ul li a:hover { background-color: #c5dda3; }

/* Teaser Login */
div#sidebar div#teaser-login form {
	display: block;
	margin: 0px;
	padding: 10px 0px 10px 8px;
	clear: both;
}
div#sidebar input {
	color: #4b5f32;
	background: #fafff2;
}
div#sidebar input.form-submit {
	line-height: 16px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url(../img/sidebar-form-submit.gif) no-repeat;
}
div#sidebar form#login-form input.form-submit {
	width: auto;
	margin: 5px 8px 10px 0px;
	padding: 0px 6px 0px 0px;
	float: right;
	background: url(../img/a_pfeil_darkgreen.gif) no-repeat center right;
}
div#sidebar form#login-form input.form-submit:hover {
	text-decoration: underline;
}
div#sidebar div#teaser-login form label {
	font-size: 9px;
	letter-spacing: 1px;
	color: #4b5f32;
}

/* Teaser Profil */
div#sidebar div#teaser-profil div.userpic {
	width: 100px;
	height: 100px;
	margin: 8px;
	float: left;
}
div#sidebar div#teaser-profil div.userpic img {
	width: 100px;
	height: 100px;
}
div#sidebar div#teaser-profil ul {
	display: block;
	margin-top: 8px;
	float: left;
}
div#sidebar div#teaser-profil ul li {
	line-height: 17px;
	border: none;
}

div#sidebar div#teaser-profil ul li a {
	width: auto;
	height: 17px;
	color: #4b5f32;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	background: url(../img/a_pfeil_darkgreen.gif) no-repeat left center;
}
div#sidebar div#teaser-profil ul li a:hover {
	text-decoration: underline;
}


/* Content */
div#content-container {
	width: 690px;
	margin-left: 10px;
	float: left;
}
div.breadcrumbs { height: 24px; margin-bottom: 10px; border-bottom: 1px dotted #d5edb3; }

div.breadcrumbs ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.breadcrumbs ul li {
	display: inline;
	line-height: 24px;
	color: #aaa;
	font-size: 10px;
	padding-left: 10px;
	margin-left: 2px;
	background: url(../img/breadcrumbs_pfeil.gif) no-repeat center left;
}
div.breadcrumbs ul li:first-child {
	background: none;
	padding-left: 0;
	margin-left: 0;
}
div.breadcrumbs ul li a {
	color: #aaa;
	letter-spacing: 1px;
	text-decoration: none;
}
div.breadcrumbs ul li a:hover {
	text-decoration: underline;
}
/* Content - Allgemeine Tags */

div#content { font-size: 12px; color: #000; }
div#content a { color: #7fae50; text-decoration: none; }
div#content a:hover { text-decoration: underline; }
div#content h1 a, div#content h2 a, div#content h3 a, div#content h4 a { color: #000; }
div#content h1, div#content h2, div#content h3, div#content h4, div#content p { margin: 0px 0px 5px 0px; }
div#content h1 { font-size: 16px;}
div#content h2 { font-size: 14px;}
div#content h3 { font-size: 13px;}
div#content h4 { font-size: 12px;}

div#content ul { padding-left: 10px; margin-left: 10px; }
div#content ol { padding-left: 13px; margin-left: 13px; }

div#content img.imgLeft { margin: 0px 10px 5px 0px;	float: left; }
div#content img.imgRight { margin: 0px 0px 5px 10px; float: right; }

div#content div.half { width: 49%; }
div#content div.half.left { float: left; }
div#content div.half.right { float: right; }

/* Message - Anzeige für Positiv- und Negativmeldungen */
div.message {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 2px solid #7fa757;
	background: #d5edb3;
}
div.message.error {
	border-color: #FF3300;
	background: #fdc9d1;
}

/* Trenner */
div#content .trenner.top { padding-top: 7px; border-top: 1px dotted #d5edb3; }
div#content .trenner.bottom { margin-bottom: 7px; border-bottom: 1px dotted #d5edb3; }
div#content .trenner.left { padding-left: 8px; border-left: 1px dotted #d5edb3; }

/* Formualre im Contentbereich */
div#content input, div#content input.form-text, div#content textarea {
	background: #d5edb3;
}
div#content form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

div#content form label {
	font-size: 11.5px;
	display: block;
	margin-bottom: 5px;
}

div#content form label.form-error {	color: #FF3300; }
div#content form label.form-error input, div#content form label.form-error textarea { background: #fdc9d1; }

div#content form input.form-submit {
	display: block;
	width: auto;
	margin: 5px 0px;
	padding: 0px 6px 0px 0px;
	cursor: pointer;
	background: url(../img/a_pfeil_darkgreen.gif) no-repeat center right;
}
div#content form input.form-submit:hover { text-decoration: underline; }

div#content form input.form-radio, div#content form input.form-checkbox { background: none; margin-right: 5px; float: left; }
div#content form label.radio-left, div#content form label.checkbox-left { line-height: 20px; }
div#content form label.radio-left span, div#content form label.checkbox-left span { line-height: 20px; }

/* Pager */
div.pager {
	text-align: center;
	position: relative;
	height: 43px;
	border-top: 1px dotted #d5edb3;
	clear: both;
	background: url(../img/pager_bg.gif) repeat-x bottom left;
}
/* Pager Buttons (next - back) */
div.pager a.pager_back, div.pager a.pager_next {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #4b5f32;
	display: block;
	line-height: 30px;
	text-decoration: none;
	height: 30px;
	position: absolute;
	bottom: 0px;
	margin: 0;
	padding: 0;
}

div.pager a.pager_back:hover, div.pager a.pager_next:hover { text-decoration: underline; }

div.pager a.pager_back {
	left: 10px;
	padding-left: 12px;
	background: url(../img/a_pfeil_darkgreen_back.gif) no-repeat left center;
}
div.pager a.pager_next {
	right: 10px;
	padding-right: 12px;
	background: url(../img/a_pfeil_darkgreen.gif) no-repeat right center;
}

/* Pager Seiten (1,2,3,4, ...) */
div.pager ul {
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0;
}
div.pager ul li {
	font-size: 11px;
	line-height: 24px;
	display: inline;
	padding: 0;
}
div.pager ul li a {
	font-size: 11px;
	color: #4b5f32;
	line-height: 17px;
	text-decoration: none;
	padding: 2px 5px;
}
div.pager ul li a:hover { border-bottom: 2px solid #4b5f32; }
div.pager ul li.aktiv a { font-weight: bold; border-bottom: 2px solid #4b5f32; }

/* Gruppen */
div#content div.gruppen {
	margin-left: -7px;
}
div#content div.gruppe {
	width: 132px;
	height: 200px;
	font-size: 10.5px;
	margin-left: 7px;
	float: left;
	overflow: hidden;
}
div#content div.gruppe p { margin: 3px 0px 0px 0px; }
div#content div.gruppe div.userpic {
	width: 128px;
	height: 128px;
}
div#content div.gruppe div.userpic img {
	width: 100%;
	height: 100%;
}
/* Postleitzahl Navigation */
div#content div.plz-nav a {
	color: #000;
	padding: 5px;
}
div#content div.plz-nav a.aktiv {
	font-weight: bold;
}

/* Footer */

div#footer {
	width: 928px;
	height: 60px;
	padding: 5px 20px;
	margin: 0px auto;
	clear: both;
	background: url(../img/footer_bg.png) no-repeat;
}
div#footer * {
	font-size: 10.5px;
	letter-spacing: 1px;
	line-height: 40px;
	color: #4b5f32;
}
div#footer p {
	margin: 0;
	padding: 0px 3px;
	float: left;
}
div#footer ul {
	margin: 0;
	padding:0;
	list-style: none;
	float: right;
}
div#footer ul li {
	display: inline;
	padding: 0px 3px 0px 6px;
	border-left: 1px solid #4b5f32;
}
div#footer ul li:first-child { border: none; }
div#footer ul li a { text-decoration: none; }
div#footer ul li a:hover { text-decoration: underline; }

/* Teaser im Contentbereich */
div#content div.teaser { margin: 7px 0px 20px 0px; padding: 5px; }
div#content div.teaser h2 { padding: 3px 5px; background: #D5EDB3;}
div#content div.teaser div.artikel { padding: 5px 0px; border-bottom : 1px dotted #d5edb3; }

/* Foren */
div#content div.foren {	margin: 7px 0px 20px 0px; }
div#content div.foren h2, div#content div.foren h1 { padding: 3px 5px; background: #D5EDB3;}
div#content div.foren div.description { padding-left: 5px; }
div#content div.foren div.threads {	padding-left: 5px; }
div#content div.foren div.threads h3 { margin-bottom: 0px; }
div#content div.foren div.threads div.thread {
	height: 55px;
	position: relative;
	font-size: 11px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-top: 1px dotted #d5edb3;
	border-bottom : 1px solid #d5edb3;
	clear: both;
	background: url(../img/forum-thread-user_bg.gif) no-repeat 450px bottom;
}
div#content div.foren div.threads div.thread.group {
	background-image: url(../img/forum-thread-gruppe_bg.gif);
}
div#content div.foren div.threads div.ranking {
	position: absolute;
	right: 0px;
	top: 5px;
}
div#content div.foren div.threads div.thread a.pfeil-green {
	position: absolute;
	right: 0px;
	bottom: 5px;
	font-weight: bold;
}
div#content div.foren div.threads div.thread div.userpic {
	margin-right: 10px;
	float: left;
}
div#content div.foren div.threads div.thread div.userpic img {
	width: 50px;
	height: 50px;
}

/* Forum Thread */

div#content div.forum-thread {
	margin-bottom: 5px;
	padding-top: 8px;
	border-bottom: 1px solid #d5edb3;
	border-top: 1px dotted #d5edb3;
	background: url(../img/forum-thread-user_bg.gif) no-repeat 15px bottom;
}
div#content div.forum-thread.group {
	background-image: url(../img/forum-thread-gruppe_bg.gif);
}
div#content div.forum-thread div.thread-info {
	width: 122px;
	padding-bottom: 35px;
	float: left;
}
div#content div.forum-thread div.userpic {
	width: 120px;
	height: 120px;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}
div#content div.forum-thread div.userpic img {
	width: 120px;
	height: 120px;
}
div#content div.forum-thread div.thread-content {
	width: 555px;
	float: right;
}

/* Thread Navigation/ Funktionen */

div.thread-nav {
	height: 20px;
}
div.thread-nav a.pfeil-green {
	font-weight: bold;
}

/* Thread bewerten */
div#content div.forum-thread-vote {
	padding-bottom: 5px;
}

/* Ranking - Sterne 1 bis 5 - Anfang */
form.vote {
	margin: 0;
	padding:0;
}
div.ranking, div.ranking div {
	position: relative;
	display: block;
	width: 72px;
	height: 12px;
	overflow: hidden;
	background: url(../img/ranking_sterne.png) no-repeat 0px 0px;
}
div.ranking div.rank-1 { background-position: -60px -12px; }
div.ranking div.rank-2 { background-position: -45px -12px; }
div.ranking div.rank-3 { background-position: -30px -12px; }
div.ranking div.rank-4 { background-position: -15px -12px; }
div.ranking div.rank-5 { background-position: 0px -12px; }

div.ranking div a {
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
}
div.ranking div a.vote-1 { left: 0px; }
div.ranking div a.vote-2 { left: 15px; }
div.ranking div a.vote-3 { left: 30px; }
div.ranking div a.vote-4 { left: 45px; }
div.ranking div a.vote-5 { left: 60px; }
/* Ranking - Sterne 1 bis 5 - Ende */

/* Forum Antwort schreiben */

div#forum_reply_inhalt textarea {
	width: 100%;
	height: 350px;
	font-size: 12px;
	color: #000;
}

div#forum_reply_nav {
	position: relative;
	height: 25px;
	margin-top: 5px;
}

div#forum_reply_nav a.pfeil-green {
	position: absolute;
	bottom: 0px;
	right: 3px;
}

div#forum_reply_nav a.forum_reply_nav {
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	cursor: default;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../img/textEdit/button.png);
}
div#forum_reply_nav a.forum_reply_nav img { margin: 4px 0px 0px 4px; }

div#forum_reply_nav a.forum_reply_nav:hover { background-position: -24px 0px; }
div#forum_reply_nav a.forum_reply_nav:active { background-position: -48px 0px; }
div#forum_reply_nav a#textEdit_bold { background-image: url(../img/textEdit/button_bold.png); }
div#forum_reply_nav a#textEdit_italic { background-image: url(../img/textEdit/button_italic.png); }
div#forum_reply_nav a#textEdit_underline { background-image: url(../img/textEdit/button_underline.png); }
div#forum_reply_nav a#textEdit_link { background-image: url(../img/textEdit/button_link.png); }
div#forum_reply_nav a#textEdit_emoticon { background-image: url(../img/textEdit/button_emoticon.png); }

/* Profil - view */
div#content div.profil div.userpic {
	margin-right:20px;
	float:left;
}
div#content div.profil div.userpic img {
	width: 200px;
	height: 200px;
}
div#content div.profil div.profil-message {
	margin-top: 10px;
	padding-top: 7px;
	border-top: 1px dotted #d5edb3;
	clear: both;
}