@charset "utf-8";
/*
verenabrandt.de
*/

/*****************
Globale Definitionen
*****************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0 0 35px;
}

a {
	outline: 0;
	-moz-outline: 0;
}


/*****************
Positionierungen - Seitenaufteilung
*****************/

div#menu {
	margin: 0 35px 15px 0;
	width: 140px;
	float: left;
}

div#content600 {
	margin: 0 0 15px 175px;
	padding: 40px 0 0;
	width: 600px;
}

div#content800 {
	margin: 0 0 15px 175px;
	padding: 40px 0 0;
	width: 800px;
}

div#news {
	border-bottom: 1px solid #000;
	padding: 15px 0 0;
}

div#thumbs {
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
	border-bottom: 1px solid #000;
	height: 50px;
}

div#oben {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	height: 50px;
}

div#left {
	position: absolute;
	top: auto; left: auto;
	z-index: 10;
	opacity: 0;
}

div#right {
	position: absolute;
	top: auto;
	width: 500px;
	z-index: 10;
	opacity: 0;
}

div#left:hover, 
div#right:hover {
	opacity: 0.6;
}


/*****************
Stilvorlagen Menü / linker Bereich
*****************/

img#logo {
	margin: 0 0 5px 35px;
	border: 0;
}

ul#navi {
	margin: 15px 0 10px;
	padding: 6px 0;
	border-top: 1px solid #000;
}

ul#navi li {
	list-style: none;
	text-transform: uppercase;
	font-size: 12px;
	text-align: right;
	margin: 3px 0;
	display: block;
}

ul#navi li a {
	display: inline-block;
	text-decoration: none;
	background: #000;
	color: #fff;
	padding: 1px 2px;
	margin: 1px 0 0;
	
}

ul#navi ul,
ul#navi li.click ul ul,
ul#navi li.click ul li.hover ul ul {
  display: none;
}

ul#navi ul {
	margin: 5px 0 20px;
}

ul#navi li li {
	list-style: none;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
	margin: 2px 0;
}

ul#navi li li.inaktiv {
	color: #aaa;
}

ul#navi li li a {
	text-decoration: none;
	background: none;
	color: #000;
	padding: 0;
	margin: 0;
	
}

#news h1 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin: 1px 0 0;
}

#news h1 span {
	background: #000;
	color: #fff;	
	padding: 1px 2px;
}

#news p {
	font-size: 11px;
	text-align: right;
	margin: 5px 0 10px;
	color: #000;
}

#news a {
	text-decoration: none;
}

/*****************
Stilvorlagen Content / rechter Bereich
*****************/

#thumbs img {
	border: 0;
	float: left;
	margin: 0 7px 0 0;
	opacity: 0.2;
}
#thumbs img.last {
	border: 0;
	float: left;
	margin: 0;
	opacity: 0.2;
}

#thumbs img:hover,
#thumbs img.last:hover,
#thumbs img.akt {
	opacity: 1;
}

#content600 h1,
#content800 h1 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	border-bottom: 1px solid #000;
	padding: 0 0 5px;
	margin: 0 0 9px;
}

#content600 h1 span.sub,
#content800 h1 span.sub {
	font-size: 10px;
	font-style: normal;
}

#content600 h2,
#content800 h2 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	padding: 7px 0 0;
	margin: 9px 0 5px;
}

#content600 h2.first,
#content800 h2.first,
#content600 p.first,
#content800 p.first {
	border-top: 1px solid #000;
	padding-top: 7px;
	margin-top: 9px;
}

#content600 h3,
#content800 h3 {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	border-top: 1px solid #000;
	padding: 7px 0 0;
	margin: 9px 0 5px;
}

#content600 h4,
#content800 h4 {
	border-top: 1px solid #000;
	padding: 0;
	margin: 9px 0 -10px;
}

#content600 p,
#content800 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

#content600 span.soon,
#content800 span.soon {
	color: #aaa;
}

#content600 a,
#content800 a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	text-decoration: underline;
}

#content600 p.info,
#content800 p.info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px solid #000;
	padding: 5px 0 0;
	margin: 9px 0 5px;
	text-transform: uppercase;
}

#content600 img,
#content800 img {
	border: 0;
}

#content600 table,
#content800 table {
	border: 0;
	border-collapse: separate;
	margin: 0 0 0 -2px;
}

#content600 table.first,
#content800 table.first {
	margin: 0;
}

#content600 td,
#content800 td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 13px;
	margin: 0 0 10px 0;
}

#left,
#right,
#left a,
#right a {
	display: block;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/tree_frog_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul#navi li.hover {z-index:50;}
ul#navi li.click {}

ul#navi li.click ul {display:block; margin: 1px 0 25px;}
ul#navi li.click ul li.hover ul, 
ul#navi li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px;}

ul#navi li.click ul li.fly {background: #000 url(frog_arrow.gif) no-repeat top right;}
ul#navi li.click ul li.hover {}

ul#navi li.click ul li.hover ul li {}
ul#navi li.click ul li.hover ul li.hover ul li {z-index:50;}

ul#navi li.click ul li.hover ul li.fly {background: #000 url(frog_arrow.gif) no-repeat top right;}
ul#navi li.click ul li.hover ul li.hover {z-index:50;}
ul#navi li.click ul li.hover ul li.hover a {}