/*
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.
*/
/* default elements */
html  { 
	height: 100%; margin-bottom: 1px; 
	overflow: -moz-scrollbars-vertical;	
}

* {margin: 0; padding: 0;}
body {
	background: #ffffff;
	background-attachment:fixed;
	color: #222;
	font: normal 62.5% verdana;
	padding: 1% 0;
}

a {
color: #800000;
text-decoration:none;}

a:hover {color: #EB7511;
text-decoration:none;}

big {font-size: 1.1em;}

h1,h2,h3,h6 {color: #5973A2; padding: 15px 0 0px;}

h1 {font: normal 18px verdana;}

h1 a {text-decoration: none; color: #ffffff;}

h1 a:hover {text-decoration: none; color: #800000;}

h2 {font: normal 1.4em verdana;}

h3 {font: bold 1.2em verdana;}

h6 {font: bold 0.9em verdana;}

blockquote {
	background: url('gr/quote.gif') no-repeat;
	display: block;
	font: normal 0.9em verdana;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p { margin-bottom: 0px ; margin-top: 0px;}
small,.small {font: normal 0.9em verdana;}

ul {padding: 0 2em 1.2em;}

/* structure */
#container {
font-size: 1.3em;
line-height: 1.3em;
margin: 0 auto;
width: 920px;
}

/* header */
.title {
	height: 82px;
	width:400px;
	float:left;
}

/* header */
.titleRight {
	background: #ffffff;
	float:right;
	text-align:bottom;

	padding-right:15px;
}

.titleRight a {
	color: #37408C;
	text-decoration: none;
}

.titleRight a:hover {
	color: #800000;
	text-decoration: none;
}

.title h1 {
	color: #441;
	font: normal 1.5em verdana;
	padding: 10px 0 10px 18px;
}

.header {
	background: #DAD7C5 url(gr/kv6.jpg) repeat-x;
	height: 166px;
}


.menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:30px; background:#5973A2; font-family: verdana; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:26px; color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 0px 0 9px; height:30px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 0px 0 9px; height:40px; }
.menu2 li a.top_link:hover {color:#fff; }
.active {color:#E6E568; font-weight:bold;}
.menu2 li:hover > a.top_link {color:#E6E568; }
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:0px; top:25px; background: #ffffff; padding:0px 0; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; margin-top:5px; text-align:left; white-space:nowrap; width:200px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:200px; border-bottom:1px solid #000000; }
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:200px; line-height:20px; text-indent:5px; color:#5973A2; font-weight:bold; text-decoration:none; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#ffffff url(i/arrow.gif) 120px 7px no-repeat; }
.menu2 :hover ul.sub li a:hover {background:#ffffff; color:#B7683D;}
.menu2 :hover ul.sub li a.fly:hover {background:#ffffff url(i/arrow_over.gif) 120px 7px no-repeat; color:#5973A2;}
.menu2 :hover ul li:hover > a.fly {background:#ffffff url(i/arrow_over.gif) 120px 7px no-repeat; color:#5973A2;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{ left:90px; top:-4px; background: #ffffff; padding:0px 0; margin-left:110px; margin-top:3px;  border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000;  white-space:nowrap; width:200px; z-index:200; height:auto }



/* main */
.main#two-columns {background: #ffffff url(gr/two-colmns.gif) repeat-y;}


/* bottom */
.bottom {
	background: #DCDAC9 url(gr/botom.gif) no-repeat left bottom;
	border-top: 1px solid #800000;
	color: #444;
	padding: 14px 20px;
}

.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {

	background: #5973A2 url(gr/footer.jpg) no-repeat left bottom;
	color: #ffffff;
	font-size:11px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	height:20px;
}

.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}

.footer .full {
	width: 100%;
	text-align: left;
}

.footer a {
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover {
	color: #E7E4DC;
	text-decoration: none;
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}

.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 75%; }
.col2 .right .contentRight {  background: #ffffff; border-right:0px; border-top:0px; border-bottom:0px;}
.col2 .right {width: 22%;}
.content {padding: 18px 20px;}
.contentPicFolge img { margin-left:0px; padding-right:20px; padding-bottom:0px; padding-left:0px; float:left}
.contentPicFolge a {
	color: #37408C;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}
.contentPicFolge p {
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
}
.contentPicFolge a#active {
	color: #562924;
	font-weight:bold;
	text-decoration: none;
}
/*.contentPicFolge p { vertical-align:top; padding-top:0px; padding-bottom:10px; padding-left:20px;}*/

.contentPicFolge a:hover {
	color: #800000;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

.contentPic{ padding: 26px 20px; width:500px;}
.contentPic img { padding-right:20px; padding-bottom:20px; float:left}
.contentPic a {
	color: #37408C;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
}
.contentPic a#active {
	color: #562924;
	font-weight:bold;
	text-decoration: none;
}
.contentPic p { vertical-align:top; padding:0px;}
.contentPic a:hover {
	color: #800000;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}


.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px; }

.contentRight { padding: 18px 5px; margin-top: 10px; }
.contentRight a {
	color: #37408C;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

.contentRight a:hover {
	color: #800000;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

.padRight { padding-top:43px;  }
.padRightSmall {
	color: #000000;
	text-decoration: none;
	font-size:10px;
}

.padRight a {
	color: #37408C;
	font-size:11px;	
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

.padRight a:hover {
	color: #800000;
	font-size:11px;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}

/* nonBlock list */

ul.nonBlock {
border-top: 1px dashed #BCBAAC;
margin: 9px 0;
padding: 0;
width: 90%;
}

.nonBlock li {
list-style: none;
list-style-position:inside;
display: block;
}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}

.block li {
	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;}