@charset "utf-8";

/* ###################### GENERAL DEFINITIONS ###################### */

html {

	height:100%;

}



* {

	padding:0;

	border:0;

	margin:0;

}



body {

	padding-top:50px;

	font:normal normal normal 12px/15px lucida sans unicode, arial, sans;

	color:#000;

	background:#233131 url(../img/body-bg.jpg) 415px 0 no-repeat;

}



strong,b {

	font-weight:bold;

}



em,i {

	font-style:italic;

}



.clearfix:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



.clearfix {

	display:inline-block;

}



/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */



a {

	color:#9ab039;

	text-decoration:none;

}



a:hover {

	text-decoration:underline;

}







/* ###################### LAYOUT ###################### */

#page {
	position:relative;
	width:970px;
	height:auto;
	margin:0 0 0 30px;
}

#logo {
	position:absolute;
	width:202px;
	height:58px;
	top:50px;
	left:730px;
	background:url(../img/logo.gif) top left no-repeat;
}

#logo a {
	display:block;
	width:202px;
	height:58px;
	text-indent:-9999px;
}

#navigation {
	position:absolute;
	width:200px;
	top:210px;
	left:667px;
}


/* --- nav-main /begin --- */
#nav-main {
	position:relative;
	width:220px;
	list-style-type:none;
}

#nav-main li {
	font-size:0;
	line-height:0;
	margin-bottom:6px;
}

#nav-main ul.second {
	list-style-type:none;
	margin:0 0 10px 15px;
}

#nav-main ul.second li {
	margin-bottom:3px;
}

/* --- nav-main /end --- */


/* --- nav-misc /begin --- */
#nav-misc {
	position:relative;
	width:200px;
	margin-top:30px;
	list-style-type:none;
}

#nav-misc li {
	font-size:0;
	line-height:0;
}
/* --- nav-misc /end --- */


#verlauf-oben {
	position:relative;
	width:604px;
	height:12px;
	background:url(../img/verlauf-oben.png) top left no-repeat;
}

#content-wrap {
	position:relative;
	width:622px;
}





/* --- nav-bar /begin --- */

#nav-bar {

	width:86px;

	padding-top:35px;

	float:left;

}



#samanti #nav-bar {

	width:43px;

}



#start #nav-bar {

	width:129px;

}



#nav-bar li {

	width:43px;

	font-size:0;

	line-height:0;

	float:left;

	list-style:none;

}



#nav-bar li a {

	display:block;

}

/* --- nav-bar /end --- */





/* --- content /begin --- */
#content {
	width:536px;
	min-height:500px;
	height:auto !important;
	height:500px;
	background:url(../img/verlauf-rechts.png) 518px 0px repeat-y;
	float:left;
}



#header-image {
	width:518px;
	height:123px;
}

#start #content {
	width:493px;
	height:546px !important;
	background:url(../img/verlauf-rechts.png) 475px 0px repeat-y;
}

#samanti #header-image {
	width:561px;
}

#samanti #content {
	width:579px;
	background:url(../img/verlauf-rechts.png) 561px 0px repeat-y;
}

#primary-content {
	padding:10px 65px 20px 35px;
	margin-right:18px;
	background:url(../img/primary-content-bg.gif) top left repeat-x;
}



#primary-content h1 {

	padding:10px 0 10px 0;

	font:normal normal normal 20px/23px georgia, lucida sans unicode, arial;

	color:#9ab039;

}



#primary-content .content-box h1 {

	padding:0 0 10px 0;

	color:#fff;

}



#primary-content h2 {

	padding:10px 0 5px 0;

	font:normal normal normal 17px/21px georgia, lucida sans unicode, arial;

	color:#9ab039;

}



#primary-content h3 {

	padding:10px 0 5px 0;

	font:normal normal normal 15px/19px georgia, lucida sans unicode, arial;

	color:#9ab039;

}

#primary-content h1 sup {
	font-size:12px;
}


#primary-content p {
	padding:0 0 10px 0;
	line-height:17px;
}



#primary-content ol {

	line-height:18px;

	margin:0 0 20px 28px;

}



#primary-content ul {

	line-height:18px;

	margin:0 0 20px 25px;

}



#primary-content .content-box {

	padding:15px;

	margin-bottom:15px;

	background:#b1c750;

}



/* --- content /end --- */





/* --- formulare /begin --- */

fieldset {

	padding:5px 10px 10px 10px;

	border:1px solid #c7c7c7;

	margin:0 0 25px 0;

}



legend {

	color:#9ab039;

	font-size:12px;

	font-weight:bold;

}



#kontaktformular p {

	position:relative;

	padding:0;

	margin:2px 0 2px 0;

	clear:both;

}



label {

	display:block;

	width:120px;

	padding:4px 0 2px 10px;

	font-size:10px;

	float:left;

}



input, textarea, select {

	width:250px;

	padding:2px;

	border:1px solid #9ab039;

	margin:2px 0 2px 0;

	font-size:10px;

	font-family:lucida sans unicode, arial, sans;

	float:left;

}



select {

	width:auto;

	min-width:100px;

	margin:2px 0 2px -3px;

	float:none;

}



#herr, #frau {

	width:auto;

	border:0;

	float:left;

}



.herr, .frau {

	margin:0 10px 0 5px;

	float:left;

}



option {

	padding:1px;

}



#plz {

	width:90px;

	margin:2px 6px 2px 0;

}



#ort {

	width:147px;

}



#submit-button {

	width:auto;

	padding:0;

	border:1px solid #c7c7c7;

	margin:0 0 15px 141px;

	background:#9ab039;

	color:#fff;

	font-size:12px;

	font-weight:bold;

	float:none;

}



.error {

	color:#bc2121;

}

/* --- formulare /end --- */





p.line {

	position:relative;

	height:1px;

	font-size:0;

	line-height:0;

	background:#CDCDCD;

}





/* --- news /begin --- */

.news-list-container, .news-latest-container {

	width:587px;

	padding:10px 0 0 0;

	border-top:1px #CCCCCC solid;

	margin:25px 0 0 0;

}



.news-list-item, .news-latest-item {

	padding:0 0 10px 0;

	border-bottom:1px #CCCCCC solid;

	margin:0 0 10px 0;

}



.news-list-item .news-list-date p, .news-latest-item .news-latest-date p {

	display:inline;

}



.news-list-item .left, .news-latest-item .left {

	float:left;

	width:189px;

/*	height:95px;*/

}



.news-list-item .right, .news-latest-item .right {

	float:left;

	width:390px;

	padding-left: 5px;

}



#primary-content .news-list-item h3, #primary-content .news-latest-item h3 {

	margin:10px 0 10px 0;

	color:#009933;

	font-weight:bold;

	text-transform:uppercase;

	text-decoration:none;

	/*font-size:11px;*/

	font-size:0.9em;

}



#primary-content .news-list-item h3.no-margin, #primary-content .news-latest-item h3.no-margin {

	margin:0 0 0 0;

}



#primary-content .news-list-item h3 a, #primary-content .news-latest-item h3 a {

	color:#009933;

}



.news-list-item .news-list-morelink, .news-latest-item .news-latest-morelink {

	float:right;

}



.news-list-item .news-list-date-nopic {

	position:absolute;

	width:185px;

	left:200px;

}



.tx-ttnews-browsebox-SCell, 

.tx-ttnews-browsebox-SCell a {

	color: #000000;

	font-weight: bold;

}

/* --- news /end --- */