/*
Name: Natural Essence
Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.

Grund Idee des Design von Arcsin, angepasst von Vorlagen.Nils-Werner.com
*/

* {
	margin:0;
	padding:0;
}
body {
	background:#7c6f5c url(../img/design/bg.jpg);
	color:#222;
	font:normal 62.5% sans-serif;
	padding:2% 0;
}
a {
	color:#642;
}
a:hover {
	color:#963;
}
h1, h2, h3 {
	color:#442;
	padding:8px 0 2px;
}
h1 {
	font:normal 2.4em serif, sans-serif;
}
h1 a {
	text-decoration:none;
}
h1 a:hover {
	text-decoration:underline;
}
h1.news, h1.news-new {
	margin:0;
	padding:0;
	border-bottom:1px dashed #442;
}
h2 {
	font:normal 1.6em serif, sans-serif;
}
h2 a {
	text-decoration:none;
}
h3 {
	font:bold 1.2em serif, sans-serif;
}
h5 {
	margin-top:15px;
}
blockquote {
	background:url('img/quote.gif') no-repeat;
	display:block;
	font:normal 1.1em Georgia, serif;
	padding-left:26px;
}
label {
	display:block;
}
p {
	padding:2px 0 10px;
}
#wrapper {
	background:#332 url(../img/design/wrapper.gif) no-repeat left bottom;
	margin:0 auto;
	width:896px;
}
#container {
	background:#fbf9f4;
	border-top:6px solid #332;
	font-size:1.3em;
	line-height:1.3em;
	margin:0 auto;
	width:886px;
}
.title {
	background:#e2ded4;
	border-top:1px solid #996;
}
.title h1 {
	color:#441;
	font:normal 2.2em Georgia, "Trebuchet MS", sans-serif;
	padding:10px 0 10px 18px;
	float:left;
}
.form_title	{float:right;padding:20px 10px 0 0;}
.header {
	border-top:2px solid #663;
	background:#dad7c5 url(../img/design/header.png) no-repeat left bottom;
	height:220px;
	clear:both;
}
.navigation {
	background:#ded9d0 url(../img/design/nav.gif) repeat-x;
	height:41px;
	border-top:1px solid #996;
}
.navigation a {
	background:#fff url(../img/design/nav.gif) repeat-x;
	border-right:1px solid #c9c6b3;
	color:#553;
	float:left;
	font:bold 1em Tahoma, sans-serif;
	padding:0 14px;
	line-height:41px;
	text-align:center;
	text-decoration:none;
}
.navigation a:hover, .navigation a#active {
	background-position:left bottom;
	color:#331;
}
.main#two-columns {
	background:#fff url(../img/design/two-columns.gif) repeat-y;
}
.bottom {
	background:#dcdac9 url(../img/design/bottom.gif) no-repeat left bottom;
	border-top:1px solid #aa8;
	color:#444;
	padding:14px 20px;
}
.bottom .left, .bottom .right {
	width:49%;
}
.footer {
	background:#332;
	color:#eed;
	padding:10px;
}
.footer .left {
	width:66%;
}
.footer .right {
	width:33%;
	text-align:right;
}
.footer a {
	color:#fff;
	text-decoration:none;
}
.footer a:hover {
	color:#fff;
	text-decoration:underline;
}
.clear, .clearer, hr.clear {
	clear:both;
}
hr.clear{display:none;}
.clearer {
	font-size:0;
}
.left {
	width:660px;
}
.right .content {
	background:#fff;
}
.right {
	width:220px;
}
.content {
	padding:18px 20px;
}
.left, .float_left{
	float:left;
}
.right, .float_right {
	float:right;
}
.right .content {
	padding:18px 12px 12px;
}
.float_left {
	float:left;
}
.select {
	width:80px;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}
ul.block {
	border-top:1px dashed #bcbaac;
	margin:4px 0;
	padding:0;
	width:90%;
}
.block li {
	border-bottom:1px dashed #bcbaac;
	list-style:none;
}
.block li a, .block li em {
	color:#553;
	display:block;
}
.block li em {
	font-size:0.9em;
	font-style:normal;
}
.block li a {
	padding:4px 3%;
	text-decoration:none;
	width:94%;
}
.block li a span {
	font-weight:bold;
}
.block li a:hover {
	background:#d2d0c0;
	color:#553;
}
.right .block, .right .block li {
	border-color:#dcdacc;
}
.right .block li a:hover {
	background:#f2f0ea;
}
img {
	border:0;
}
img.news {
	margin:5px;
	float:left;
}
p.news-new {
	line-height:20px;
}
.break {
	margin:15px;
	clear:both;
}
.code {
	width:600px;
	border:1px dashed #333333;
	overflow:auto;
}
fieldset.img-higru {
	float:left;
	height:110px;
	width:110px;
	margin:10px;
}
.error {
	color:#990000;
}
div#sitemap {
	background:#fff;
	padding:1em;
	border:1px solid #ccc;
	margin:0 auto;
	width:700px;
}
#sitemap ul.columns {
	padding:0.5em;
	border:1px solid #eee;
	margin:0.45em;
	width:200px;
	float:left;
}
#sitemap ul {
	margin-left:0;
	padding-left:0;
}
#sitemap li {
	list-style-type:none;
	margin:3px 0;
}
#sitemap .divider {
	clear:both;
}
a.haupt {
	color:#245e84;
	font-size:20px;
	padding-left:50px;
	line-height:48px;
	text-decoration:underline;
	background:url(../img/sitemap/haupt.png) no-repeat;
	display:block;
}
a.unter {
	text-decoration:none;
	margin-left:10px;
	padding-left:28px;
	line-height:24px;
	background:url(../img/sitemap/unter.png) no-repeat;
	display:block;
}
a.unter:hover {
	text-decoration:underline;
}
.textfeld {
	border:1px solid #a2bcfb;
}
.button {
	color:#fff;
	background-color:#00b0f1;
	border:1px solid #cccccc;
}
hr {
	border:0;
	border-top:1px solid #a2bcfb;
	border-bottom:1px solid #ffffff;
}
.smilie_gesichtsfarbe {
	background-color:#ffff00;
}
.eingabe {
	border:1px solid #a2bcfb;
}
a.mailto_link {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	letter-spacing:2px;
}
small {
	color:#333333;
	font-style:italic;
}
#street {
	display:none;
}
fieldset {
	border:0;
}
a.verweise {
	padding:5px 10px 5px 10px;
}
.kalender {
	float:left;
	padding:5px;
}
.layouts {
	padding:6px 5px 6px 5px;
	background-color:#eaeaea;
	float:left;
	margin:6px;
	border:1px dotted #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#999999;
}
.layout_name {
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#089a9a;
}
.layout_img {
	border:1px dotted #ccc;
}
.layouts a {
	text-decoration:none;
	color:#5f7664;
	text-transform:uppercase;
	font-size:8px;
}
.layouts a:hover {
	text-decoration:none;
	color:#5bbf81;
	font-size:8px;
}
.news, .news-box, .content-news-box {
	text-decoration:none;
}
a.news {
	width:280px;
	height:250px;
	padding:10px;
	float:left;
}
.loadview {
	margin-left:10px;
	text-align:left;
	border-left:1px solid #cdcbc9;
	padding:2px;
	background-color:#dbdbdb;
}
.name {
	border-bottom:1px solid #cdcbc9;
	font-size:9px;
}
.bg {
	background:#6797d9;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.td_bg1 {
	background-color:#c1e0ff;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}
.td_bg2 {
	background-color:#e8f3ff;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
}
.heading_tr {
	background-color:#ab2c4f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
}
.inner_tr {
	background-color:#fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.inner_td_bottom_border {
	border-bottom-color:#ff9002;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.text_red {
	color:red;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
}
form.form {
	background:#fff;
	padding:1em;
	border:1px solid #eee;
	margin:1em;
	width:27em;
}
.login {
	background:url(../gfx/user.gif) no-repeat 95% 1em;
}
.contact {
	background:url(../gfx/email2.gif) no-repeat 95% 1em;
}
fieldset div {
	margin:0.3em 0;
	clear:both;
}
.form label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
.form legend{
	color:#0b77b7;
	font-size:1.2em;
}
.form legend span {
	width:10em;
	text-align:right;
}
.form input, .form_title input{
	padding:0.15em;
	width:10em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
}
.form input:hover, .form input:focus, .form_title input:hover, .form_title input:focus{
	border-color:#c5c5c5;
	background:#f6f6f6;
}
.form fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}
.date input {
	background-image:url(../gfx/calendar-small.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}
.radio legend, .date legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}
.email {
	width:14em;
}
input.default {
	color:#bbb;
}
#submit-go {
	margin-top:1em;
	width:69px;
	height:26px;
	overflow:hidden;
	border:0;
	background:url(../gfx/button.gif) no-repeat 0 0;
	cursor:pointer !important;
	color:#fff;
}
#submit-go:hover {
	background-position:0 -26px;
}
.dropdown {
	background:#dad9d4 url(../gfx/calendar.gif) no-repeat 2px 2px;
	border:1px solid #cac9c2;
	padding:0.2em;
	cursor:default;
	width:21em;
}
.dropdown .month {
	margin-left:48px;
	width:37%;
}
.dropdown .year {
	margin-left:1em;
	width:25%;
}
.dropdown .close {
	display:block;
	overflow:hidden;
	border:0;
	position:absolute;
	top:0.5em;
	right:1em;
	background:url(../gfx/close.png) no-repeat 50% 50%;
	width:16px;
	height:16px;
	border:none;
	text-indent:-9999px;
}
.dropdown table {
	border-spacing:0;
	table-layout:fixed;
	empty-cells:show;
	margin-top:0.5em;
	width:100%;
}
.dropdown thead th {
	width:14%;
}
.dropdown tbody td {
	background:#fff;
	text-align:center;
	line-height:2;
	border:1px solid #dad9d4;
}
.dropdown tbody td.hover {
	background:#748098;
	color:#fff;
	cursor:pointer;
}
.dropdown .weekend {
	color:#f00;
}
.dropdown .today {
	border:1px solid #f00;
}
.dropdown .selected {
	background:#748098;
	color:#fff;
}
.Stil1 {
	color:#ccffff;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}
.transparent {
	border:0 solid #fff;
	background:#fff;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(../img/form/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(../img/form/radio.gif) no-repeat left bottom;
}
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(../img/form/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(../img/form/checkbox.gif) no-repeat left bottom;
}
.textinput, .textinputHovered {
	width:236px;
	height:15px;
	background:url(../img/form/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textinputHovered {
	background-position:left bottom;
}
.textarea, .textareaHovered {
	width:336px;
	height:125px;
	background:url(../img/form/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}
.selectArea {
	width:200px;
	height:21px;
	background:url(../img/form/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../img/form/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../img/form/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#fff;
	padding-top:3px;
}
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#f2f2f2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#fff;
	background:#5f6062;
	border-color:#cfd0d6;
}
.buttonSubmit, .buttonSubmitHovered {
	width:69px;
	height:26px;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;
	background:url(../img/form/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}
td.c9 {
	width:5px;
}
div.c8 {
	text-align:center;
}
a.c7 {
	font-size:12pt;
	color:#c0dbe2;
}
a.c6 {
	font-size:16pt;
	color:#c0dbe2;
}
a.c5 {
	font-size:13pt;
	color:#c0dbe2;
}
a.c4 {
	font-size:30pt;
	color:#c0dbe2;
}
a.c3 {
	font-size:17pt;
	color:#c0dbe2;
}
a.c2 {
	font-size:11pt;
	color:#c0dbe2;
}
a.c1 {
	font-size:10pt;
	color:#c0dbe2;
}
img.news-new {
	margin:5px;
	float:left;
}
p.news-new {
	line-height:20px;
}
.news-new, .news-new:hover {
	text-decoration:none;
}
div.news-new {
	width:280px;
	height:250px;
	padding:10px;
	float:left;
	color:#642;
}
div.tutorial {
	width:520px;
	padding:10px;
	float:left;
	color:#642;
}
div.news-new:hover {
	color:#963;
}
span.date	{font-weight:bold;}
li	{list-style:none;}
hr.main	{color:#333333; margin:5px;}
ul.main	{margin-left:10px;}
li.main	{margin-bottom:5px;}
p.main	{line-height:20px;}

div.werbung	{font-size:10px;clear:both;}
span.grau	{color:#999999;float:left;}

/* Artikel Seite*/
div.bilder_links{
 background: #c2bdb2;
 border: 1px solid #a29a8d;
  -moz-border-radius: 5px; /* with mozilla prefix */
  -webkit-border-radius: 5px; /* with safari prefix */
 padding: 15px;
 width:600px;
 height:150px;
 margin-bottom:20px;
}
span.left_links	{width:150px;float:left;font-weight:bold;}
span.right_links {float:left;width:450px;}
span.clear_both	{clear:both;}
h2.bilder_links	{}
small.left	{text-align:right;}