@charset "UTF-8";
/* CSS Document */
/*
	NAME //  FoLa | Forum Landschaft
	SPRACH // deutsch
	AUTHOR // Mathias Kaelin
	AUTHOR WEBSITE: www.forumlandschaft.ch
	VERSION: 2.0
	DATE: 2011-11-14
		
	BILDGROESSE // 
		Titelbild:	640px x 180px
		Navibild:	170px x 170px
		Dossier:	100px x 100px
	COLORS //
		Gray:		128 128 128 / rgb(128, 128, 128)
		red:		128 000 000 / rgb(128, 000, 000)
*/

/* allgemeine Definitionen */

@font-face {
  font-family: "ITC Avant Garde Gothic";
  src: url(ITCAvantGardeStd-XLt.otf) format("opentype");
}

a img {
	border : 0 none;
}

a:link {
	color: rgb(10, 85, 30);
	text-decoration: none;
}
a:visited {
	color: rgb(10, 85, 30);
	text-decoration: none;
}
a:hover {
	color: rgb(128, 128, 128);
	text-decoration: none;
}
a:active {
	color: rgb(10, 85, 30);
	text-decoration: none;
}

body {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;	
	line-height: 18px;
	text-align:left;
	color: #000000;
	background-color:#FFFFFF;
	padding:10px;
}

h1 {
	font-family: "ITC Avant Garde Gothic", DIN, Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
	font-size:25px;
	line-height:31px;
	color:rgb(128, 000, 000);
	margin:24px 0 8px 0;
}

h2 {
	font-family: "ITC Avant Garde Gothic", DIN, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	line-height:26px;
	color:#000000;
	margin:16px 0 4px 0;
}

h3 {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	color:rgb(128, 128, 128);
	margin:8px 0 0px 0;
}

p {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif;
	margin: 0 0 6px 0;
}

* {
	padding:0;
	margin:0;
}
	
/* Zentrierhilfe */	
#container {
	position:relative;
	width:1100px;
	margin:20px auto 20px auto;
}	

/* Eigentliche Elemente */
#kopf {
	height:50px;
	width:100%;
}

#kopf>div {
	height:50px;
	width:50%;
	float:left;
}

#german {
	background:url(../_img/site/Fola_Logo-d.png) no-repeat left top;
}

#french {
	background:url(../_img/site/Fola_Logo-f.png) no-repeat right top;
}

/* Page */
#page {
	width:1098px;
	border: 1px solid rgb(128, 128, 128);
	height:auto;
}

#page>div {
	position:relative;
	float:left;
	height:100%;
}

/* left*/
#left {
	width:180px;
	border-right: 1px solid rgb(128, 128, 128);
}

#left>div {
	float:right;
	width:170px;
}

#navibild {
	margin:10px 0 20px 10px;
	height:170px;
}

#navi a {
	font-family: "ITC Avant Garde Gothic", DIN, Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
	color:rgb(128, 128, 128);
	padding:6px 0 1px 5px;
	margin: 3px 0 0 0;
	display:block;
	border-bottom: 1px solid rgb(128, 128, 128);
}

#navi a.hover {
	background:rgb(128, 000, 000);
	color:#FFF;
}

#adresse {
	margin:200px 0 20px 0;
	font-family: "ITC Avant Garde Gothic", DIN, Helvetica, Verdana, Arial, sans-serif;
	font-weight:100;
	line-height:20px;
}

.sprachwechsel {
	border-top: solid 1px rgb(128, 128, 128);
	color:rgb(128, 128, 128);
	padding-top:5px;
	cursor:pointer;
}

.active_sprache {
	color:rgb(128, 128, 128);
}

.aufzaehlung {
	padding:0;
	margin:0;
}

.auszeichnung {
	font-weight:bold;
	color:#C60;
}

.pdf {
	padding-left: 20px;
	background:url(../_img/site/pdf.png) no-repeat 0 -2px;
}

/* Mitte */
#middle {
	width:640px;
	min-height:700px;
}

#content {
	padding:20px;
}

#content p {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif !important;
	padding:0 0 6px 0;
}

#middle a:link, #middle a:visited, #middle a:hover {
	border-bottom: dotted 1px rgb(10, 85, 30);
}
#middle a:active {
	color: rgb(128, 000, 000);
	border:none !important;
}

#middle ul {
	list-style-position:outside;
	list-style-type:square;
	padding:0 0 0 14px;	
}

#middle li {
	padding: 0 0 0 0;
}

/* Titelbild */
#titelbild {
	height:180px;
	width:640px;
	border-bottom:1px solid #666;
}

#titelbild div {
	position:absolute;
	height:180px;
	width:640px;
}

#titelbild ul {
	position:absolute;
	top:0;
	left:0;
	width:640px;
	margin:0;
	padding:0;
}

#titelbild ul li {
	list-style:none;
	position:absolute;
	left:0;
	top:0;
	width:640px;
	height:180px;
	
	margin:0;
	padding:0;
}

/* rechts */
#right {
	height:100%;
	width:230px;
	border-left:1px solid rgb(128, 128, 128);
	padding:20px;
}

#right h1 {
	font-size:22px;
	line-height:26px;
	color:rgb(128, 128, 128);
	margin:24px 0 8px 0;
}

#right h2 {
	font-size:16px;
	line-height:20px;
	color:rgb(128, 128, 128);
	margin: 20px 0 6px 0;
}

#right p {
	padding:0 0 6px 0;
}

#right ul {
	font-family: DIN, Helvetica, Verdana, Arial, sans-serif;
	color:rgb(128, 128, 128);
	list-style-position:outside;
	list-style-type:disc;
	padding:0px 10px 10px 15px;
}

#right li {
	padding: 0 0 0 0;
}

#right a:link, #right a:visited {
	border-bottom:dotted 1px rgb(10, 85, 30);
}

#right a:hover, #right p a:hover {
	border-bottom:dotted 1px rgb(128, 128, 128);
}

#right a:active, #right p a:active {
	color: rgb(128, 000, 000);
	text-decoration: none;
}

/* Sonstiges */
#preload {
	display:none;
}

.cleaner {
	float:none !important;
	width:100% !important;
	clear:both !important;
}