/** 
 * SDV bessergsund.ch
 * 
 * CSS -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.bessergsund.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2010-07-07
 * @media screen
 *
 * @colordef #b9045c; rot
 * @colordef #f8df60; gelb
 * @colordef #37916c; grün
 */ 

/** 
 *
 * general styles
 *
 */ 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; /* 16 px */
	color:#222;
	text-align:center;
	padding:0;
	margin:0;
	background:#f8df60;
}

html {
	font-size:100%; /* -> IE */
	background:#f8df60;
}

html, body {
	height:100%;
}

* html .box {
	height:100%; /* hack for IE 6 */
}

.box {
	width:960px;
	min-height:100%;	
	padding:0;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.clearer { clear:both; height:0; font-size:0em; }

img { border:none; }

a { color:#37916c; text-decoration:underline; }
a:hover { color:#222; text-decoration:none; }
.active { color:#222; text-decoration:none; }

strong { color:#222; font-weight:bold; }
em { color:#222; font-style:italic; }

/* layout- und content-boxen */
#banner_bessergsund { height:208px; margin:0; padding:0; }

.left_col {
	float:left;
	width:180px;
	margin:0;
	padding:0;
}

.content_cols {
	clear:both;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(/image/common/content_bg.gif) repeat-y 0 0;
}

.center_col {
	float:left;
	width:520px;
	min-height:400px;
	margin:0;
	padding:0 25px 20px 25px;
}

.right_col {
	float:right;
	width:208px;
	margin:0;
	padding:0;
}

.footer {
	font-size:0.75em;
	padding:0.75em;
}

/* styles linke spalte */
.left_col .anmeldeschluss {
	font-size:0.81em;
	line-height:1.2em;
	margin:1.5em 1.25em;
}

/* styles hauptspalte */
.content h1 {
	font-size:1.25em; /* 20 px */
	margin:1.35em 0 0.5em 0;
	font-weight:600;
	color:#222;
}

.content h2 {
	font-size:1em; /* 16 px */
	margin:1.25em 0 0.3em 0;
	font-weight:bold;
	color:#222;
}

.content h3 {
	font-size:0.81em; /* 13 px */
	margin:1.25em 0 0.2em 0;
	font-weight:bold;
	color:#222;
}

.content p {
	font-size:0.81em; /* 13 px */
	line-height:1.4em;
	margin:0 0 1em 0;
}

.content .lead {
	font-size:0.85em; /* 13.5 px */
	line-height:1.4em;
	margin:0 0 1em 0;
	color:#111;
	font-weight:600;
}

.content ul, .content ol {
	font-size:0.81em; /* 13 px */
	line-height:1.4em;
	margin:0 0 1.5em 0em;
	padding:0 0 0 1.25em;
}

.content ul li {
	list-style:disc;
	margin:0 0 0.2em 0;
}

.content ol li {
	list-style:decimal;
	margin:0 0 0.2em 0;
}

.content .img_left {
	float:left;
	margin:0 1.25em 0.5em 0;
}

.content .img_right {
	float:right;
	margin:0 0 0.5em 1.25em;
}

.content .backlink {
	float:right;
	margin:0 0 0 1.25em;
}

/* content-box AGB */
#agb {
	width:520px;
	margin:20px auto;
	padding:10px 20px 20px 20px;
	background:#fff;
	text-align:left;
}

/* tabellen */
.content td {
	vertical-align:top;
	padding:0.2em 0.4em 0.2em 0;
}

.content .tipps, .content .preise {
	margin:0.5em 0;
}

.content .tipps p, .content .preise p {
	font-size:0.81em; /* 13 px */
	line-height:1.4em; /* 22 px */
	margin:0 0 0.2em 0;
}

.content .tipps th {
	font-size:0.86em;
	font-weight:bold;
	vertical-align:top;
	padding:0.5em 0.75em 0.5em 0;
	border-bottom:1px dotted #ccc;
}

.content .tipps td {
	vertical-align:top;
	padding:0.3em 0.75em 0.3em 0;
	border-bottom:1px dotted #37916c;
}

.content .preise td {
	vertical-align:top;
	padding:0 0.75em 0 0;
}

/* tabelle navigation in content */
.content .nav {	margin:0; }
.content .nav p { font-size:0.81em; line-height:1.4em; margin:0 0 0.25em 0; }
.content .nav td { width:50%; vertical-align:top; padding:0; }

/* tabelle partner */
.content .partner {	width:100%; margin:0; }
.content .partner p { font-size:0.81em; line-height:1.4em; margin:0 0 0.25em 0; }
.content .partner td { width:50%; vertical-align:top; text-align:center; padding:0; }

/* styles rechte spalte */
.portrait_box {
	margin:0.75em 0;
	padding:1em 0.6em 0.6em 0.6em;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.right_col h4 {
	font-size:0.81em; /* 13 px */
	line-height:1.2em;
	margin:0.75em 0 0.25em 0;
	font-weight:bold;
	color:#222;
}
.right_col p {
	font-size:0.81em; /* 13 px */
	line-height:1.2em;
	margin:0 0 0.5em 0;
}

.right_col .small {
	font-size:0.68em; /* 11 px */
	line-height:1.1em;
	margin:0 0 0.5em 0;
}

/* sprachwahl */
.lang {
	margin:0 0 2.35em 0;
	padding:0.3em 0.5em;
	font-size:0.68em; /* 11 px */
	text-align:right;
	color:#666;
}

.lang a { text-decoration:none; }

/* subnavigation level 01 */
ol.level1 {
	list-style:none;
	margin:1.5em 0;
	padding:0;
}

ol.level1 li {
	margin:0;
	padding:0 1em;
}

ol.level1 li a {
	display:block;
	padding:0 0.15em;
	margin:0;
	font-size:0.75em;
	line-height:1.85em;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}

ol.level1 li a:hover, ol.level1 li .active {
	color:#222;
	text-decoration:none;
}

/* subnavigation level 02 */
ol.level2 {
	list-style:none;
	margin:0;
	padding:0;
	background:#eee;
}

ol.level2 li {
	margin:0;
	padding:0;
}

ol.level2 li a {
	display:block;
	padding:0 1em;
	margin:0;
	font-size:0.75em;
	line-height:1.7em;
	text-decoration:none;
	border-bottom:1px solid #ccc;
}

ol.level2 li a:hover, ol.level2 li .active {
	color:#222;
	text-decoration:none;
}

/* datei-listen */
.pdfliste {
	margin:0.5em 0;
	padding:0;
	font-size:0.81em;
}

.pdf {
	background-image:url(../../image/common/pdf.png);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #ccc;
}

.pdf a {
	display:block;
	margin:0.4em 0.63em 0.2em 1.75em;
	padding:0.3em 0;
	text-decoration:none;
}

/* form */
form {
	font-size:13px;
	line-height:18px;
}

form td {
	font-size:13px;
	line-height:18px;
}

label {
	display:block;
	float:left;
	clear:both;
	width:18em;
	padding:0.2em 1em 0.75em 0;
	text-align:right;
	margin:0;
}

input[type=text],
input[type=password],
input[type=textarea],
input[type=select],
textarea {
	float:left;
	padding:0.2em;
	border:1px solid #999;
}

input[type=text]:focus,
input[type=textarea]:focus,
input[type=select]:focus,
textarea:focus {
	border:1px solid #37916c;
}

.error {
	padding:0.2em;
	border:1px solid #37916c;
}

input[type=radio], input[type=checkbox] {
	float:left;
	padding:0;
	margin:0.5em 0 0 0;
	border:none;
}

input[type=submit] {
	float:left;
	width:auto;
	margin:1.5em 0 0 0;
	cursor:pointer;
	font-size:1em;
	font-weight:bold;
	color:#222;
}

input[type=submit]:hover {
	color:#37916c;
}