/* *** css by www.opten.ch *** */
/*
   Die Hauptschriftfarbe ist: #151518
   Die Schriftfarbe vom grossen, aktiven Navigationslink ist: #18567d
   Die Schriftfarbe der Subnavi ist: #669ec0
*/

html {
	font-size: 0.75em;
}

body {
	background-color: #f2f2f2;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #151518;
	padding: 0;
	margin: 0;
	text-align: center;
	height: 100%;

	background-image: url("/images/verlauf/7.png");
	background-position: top;
	background-repeat: repeat-x;
}
p {
	padding: 0;
	margin: 0;
}
a { text-decoration: none; color: #669ec0; }
a:link { color:#669ec0; text-decoration:none; }
a:visited { color:#669ec0; text-decoration:none; }
a:active { color:#669ec0; text-decoration:none; }
a:hover { color: #151518; text-decoration:underline; background-color: #EDECE7; }


h1 {
	font-size: 130%;
	color: #151518;
	padding: 0;
	margin: 0;
}

h1.rssTitle {
	float: left;
}

.rssLogo {
	float:right;
}

.rssLogo img {
	border: 0;
}

.spacer {
	clear: both;
}

.type {
	display: none;
	visibility: hidden;
}

.frontPic {
	background-image: url("/images/front_pics_bg.png");
	background-repeat: no-repeat;
	padding: 8px 10px 11px 11px;
	margin: 0 10px 10px 0;
}

/* ----------container zentriert das layout-------------- */
#container {
	width: 978px;
	margin-bottom: 10px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: left;
	/*height: 1000px;*/

	background-image: url("/images/verlauf/bg_horizontal.png");
	background-repeat: repeat-y;

	/*background-image: url("/images/verlauf/3.png");
	background-repeat: repeat-y;*/

}

/* ----------banner for logo And topMenu-------------- */
#banner {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
#banner img {
	padding: 0px 0px;
}
div#top {
	height: 33px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
}
div#top a {
	color: #151518;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
div#top a:hover{
	text-decoration: underline;
}
div#topNavigation, div#font, div#search{
	margin-top: 10px;
}

div#topNavigation{
	position: absolute;	
	/*margin-left: 180px;*/
	margin-left: 113px;
}
div#topNavigation span.navi{
	display: block;
	float: left;
	width: 80px;
	text-align: center;
}
span.delimiter{
	float: left;
}
div#search{
	position: absolute;
	margin-left: 450px;
	width: 200px;		
}
div.search-input, div.sarch-submit{
	float: left;
}
div.search-input{
	background-image: url("/images/search.png");
	width: 159px;
	height: 23px;
	margin-top: -2px;
	background-repeat: no-repeat;
}


div.search-input input{
	padding: 0;
	margin-top: 2px;
	margin-left: 5px;
	border: 1px solid #151518;	
	font-size: 11px;
	width: 149px;
	border: none;
}
div.search-submit {		
	margin-left: 150px;	
}
div#font {
	float: right;
	width: 280px;	
	font-size: 11px;
}
div#font img {
	border: 0px;	
}
div#font span {
	display: block;
	float: left;
	width: 60px;
	height: 12px;	
	text-align: center;	
}

div#font span.font-text {
	width: 75px;
}
div#font span.smaller-symbol, div#font span.larger-symbol {
	width: 45px;
}
div#font span.larger-symbol {
	margin-left: 8px;
}
div#font span.smaller-symbol {
	margin-top: 2px;
}
div#font span.return {
	width: 70px;
}


div#font span.delimiter {
	width: 2px;
}
.return {
	margin-left: 20px;
}

/* -----------------Inhalt--------------------- */
#yellowPlaceholder {
	height: 12px;
	width: 940px;
	background-color: #f7e239;
	font-size: 2px;
}
#breadcrumb {
	font-size: 10px;
	margin: 3px 5px 0 0;
	padding: 0;
	float: right;
}
#content {
	background-color: #ffffff;
	padding: 0;
	width: 570px;
	margin: 0 auto;
	margin-top: 10px;
	color: #151518;
}
div#content { 
	min-height: 600px;	 
}
#innerContent {
	width: 550px;
	float: left;
}

#contentPics {
	width: 170px;
	height: 100%;
	text-align: center;
	float: right;
	margin-top: 25px;
}
#headingDelimiter {
	background-image: url("/images/heading-delimiter.png");
	background-repeat: no-repeat;
	width: 308px;
	height: 4px;
	margin-top: 10px;
	margin-bottom: 10px;	
}
#printDiv {
	padding: 20px 0 50px 0;
}
.print-icon img {
	border: 0;	
}
#content p {
	margin-bottom: 10px;
}
.downloadVCard {
	margin: 25px 0 40px 3px;
}
/*.content-table {
	width: 255px;
	margin-bottom: 20px;
}
.content-table div {
	float: left;
}
.content-table div.dunkel, .content-table div.hell{
	height: 28px;
}
.content-table div.dunkel {
	background-color: #d3e4ee;
}
.content-table div.left {	
	width: 195px;
	margin-top: 6px;
	margin-left: 4px;
}
.content-table div.right {
	display: block;
	width: 46px;
	margin-top: 6px;
	text-align: center;
}*/
/* --------------left navigavtion------------- */
#left {
	float: left;
	width: 148px;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	margin-right: 30px;
	margin-top: 14px;
}
/*ul#leftMenu {	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;		
}
ul#leftMenu li.menu-left-1{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-top: 8px;
	padding-bottom: 5px;
}
ul#leftMenu li.menu-left-1 a{
	font-family: Georgia, Arial, sans-serif;
	color: #18567d;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}
ul#leftMenu.menu-left-1 li a:hover, ul#leftMenu.menu-left-2 li a:hover, ul#leftMenu.menu-left-3 li a:hover, ul#leftMenu li.menu-left-3 a:hover, ul#leftMenu li.menu-left-3-active a:hover, ul#leftMenu li.menu-left-3-last a:hover{
	color: #151518;
}

ul#leftMenu li.menu-left-2, ul#leftMenu li.menu-left-2-active, ul#leftMenu li.menu-left-3, ul#leftMenu li.menu-left-3-active, ul#leftMenu li.menu-left-3-last{
	margin-top: 5px;	
}

ul#leftMenu li.menu-left-2 a, ul#leftMenu li.menu-left-2-active a{
	color: #151518;
	text-decoration: none;
}
ul#leftMenu li.menu-left-2-active a{
	font-weight: bold;
	font-size: 100%;
}
ul#leftMenu li.menu-left-3, ul#leftMenu li.menu-left-3-active, ul#leftMenu li.menu-left-3-last{
	margin-left: 7px;
}
ul#leftMenu li.menu-left-3 a, ul#leftMenu li.menu-left-3-active a, ul#leftMenu li.menu-left-3-last a{
	text-decoration: none;
	color: #669ec0;
}
ul#leftMenu li.menu-left-3-last{
	margin-bottom: 10px;
}
ul#leftMenu li.menu-left-3-active a{
	font-weight: bold;
	background-color: #eaeaea;
}*/

/***************right***************************/
#right {
	margin-top: 20px;
	float: right;
	width: 175px;
	margin: 0;
	padding: 0;	
}
#right #news {
	background-color: #f7e239;	
	padding-bottom: 20px;
}
#right .heading {
	height: 19px;
	width: 163px;
	background-image: url("/images/news-header.png");
	margin-left: 12px;
}
#news h1, #news h2 {
	font-size: 110%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding: 0;
	margin: 10px 0 10px 0;
}
#news .news-box {
	width: 155px;
	margin-left: 12px;
}
#news .news-box .date {
	display: none;
	visibility: hidden;
}
#news .news-box ul {
	/*background-color: red;*/
	margin: 0;
	padding: 0 0 0 15px;
}
#news .news-box ul li {
	margin: 0;
	padding: 0;
	list-style-type: square;
}
#innerContent .news-box {
	border-bottom: 1px dotted #151518;
	padding: 0 0 20px 0;
}
#innerContent .news-box h1, #innerContent .news-box h2 {
	font-size: 110%;
	padding: 10px 0 10px 0;
	margin: 0;
}
#innerContent .news-box .date {
	width: 200px;
	height: 17px;
	background-color: #f7e239;
	font-weight: bold;
	padding: 2px 3px;
	font-size: 90%;
}
#innerContent .dateDiv {
	width: 200px;
	height: 17px;
	background-color: #f7e239;
	font-weight: bold;
	padding: 2px 3px;
	margin-bottom: 10px;
	font-size: 90%;
}
#news a.mail {
	text-decoration: underline;
}

#right #adresse {
	background-color: #d9d9d9;	
}
#right #adresse div {
	margin-left: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#right #adresse div img {
	border: 0;
}
#right #copyrightDiv {
	background-color: #bebebe;
}
#right #copyrightDiv div {
	margin-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/*************************************************/

#leftBorder, #centerBorder, #rightBorder {
	float: left;
	margin: 0px;
	padding: 0px;
}
#leftBorder, #rightBorder {
	width: 19px;
	margin: 0px;
	padding: 0px;
	height: 281px;
}
#centerBorder {
	width: 940px;
	margin: 0px;
	padding: 0px;
	min-height: 1025px;
}
#leftBorder {
	background-image: url("/images/verlauf/bg_left_top.png");
	background-repeat: no-repeat;
}
#rightBorder {
	background-image: url("/images/verlauf/bg_right_top.png");
	background-repeat: no-repeat;
}























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

