@import url("global.css");

.npowrap
{
	float:left;
	width:50%;
}
.npotitle
{
	float:left;
}
.npospende
{
	float:left;
	text-align:left;
	padding-left:10px;
}
.npowahl
{
	float:left;
	width:80%;
	margin:0 0 0 40px;
	padding:2px;
	display:block;	
	border:1px #FFFffF solid;

}

a.npo
{
	padding:10px;
	display:block;
	border:2px dotted #DD8833;	
	min-height:80px;
}

a.npo:hover
{
	padding:10px;
	display:block;
	border:2px solid #DD8833;
	background:#FFFfFF url("../img/wahl_bg.png") no-repeat right center;

}

h1
{
/*border-top: 1px solid #ff6600;*/
clear:both;
/*background: #eef0f3 url("../img/kategorie_bg.png") repeat-x bottom left; */
font-size: 130%;
font-family: 'Helvetia', sans-serif;
color: #B44F24; 
padding: .3em .5em 0em 0em; 
margin-top:20px;
/*margin-bottom:-0.5em;*/
border-bottom:2px dotted #B44F24;
background:#FFF2CF;
}

h3
{
/*background: #eef0f3 url("../img/kategorie_bg.png") repeat-x bottom left; */
font-size: 130%;
font-weight:bold;
font-family: 'Helvetia', sans-serif;
color: #B44F24; 
padding: .3em .5em 1.7em 0em; 
margin: 0 0 -.5em 0;
}

h2.toggler
{
	cursor: pointer;
	background: #FFEAAF;
	color: #000;
	margin: 3px 0 4px 0;
	padding: 6px;
}

h2.toggler:hover 
{
	background-color:#fff;
}

div.element {
	margin:0px;
	padding:5px;
}

#kategorie
{
float:left;
text-align:left;
width:50%;
margin:0px;
vertical-align:top;
}

div.error
{
	padding:5px;
	border:1px solid #CF0C0C;
	background-color:#EFE0E0;
	color:#CF0C0C;
	font-weight:bold;
}

body {
  margin: 0 10px 10px;
  font-size: 0.8em;
  /*background: #FFFffF url('../img/back.png') repeat-x;*/
}

#header {
  width: 760px;
  margin: 0 auto;
  height: 64px;
  font-family: 'Verdana', sans-serif;
  font-size: 90%;

}

#logo {
  display: none;
}

#header ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#header li {
  float: left;
}

#header li a, #functions a {
  display: block;
  text-align: center;
  border-right: 1px solid #aaa;

  padding: 10px 8px 8px;
  text-decoration: none;
  color: #000000;
  border-top:5px solid #B44F24;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #header li a, html[xmlns] #functions a { border-right-style: dotted; }

#functions a {
  float: left;
  font-weight:bold;
}

#header li a:hover, #functions a:hover {
  border-top: 5px solid #FFB84C;
  padding-top: 10px;
  background-color:#FFEAAF;
}

#header li#currentnav a {
  color: #528219;
}

#header .first {
  border-left: 1px solid #aaa;
  font-weight:bold;
}

first a {
  font-weight:bold;
}

#header .aktiv a {
  border-top: 5px solid #B44F24;
  padding-top: 10px;
  color:#FFFFFF;
  background-color:#B44F24;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #header .first { border-left-style: dotted; }

#header form {
  float: left;
}

#functions {
  float: right;
  background-color: #FFF3DF;
}

#header input {
  width: 80px;
  border: 1px solid #bbb;
  font-size: 90%;
}

#header fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

#header label {
  display: block;
  text-align: center;
  border-top: 5px solid #eee;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 10px 10px 3px;
  text-decoration: none;
  font-family: 'Verdana';
  color: #777;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #header label { border-left-style: dotted; border-right-style: dotted; }

#header label:hover {
  border-top: 5px solid #bbb;
}

div.logo {
	border-bottom:8px solid #DD8833;
	height:110px;
	background:#fff url('../img/wahl.png') no-repeat 585px top;
}

#main {
  /*border: 2px solid #208A40;*/
  width: 756px;
  margin: 0 auto;
  padding: 0;
  padding-bottom: 20px;
  background: #fff url('../img/bg.png') repeat-y;
}

#ad {
  position: relative;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:3px;
  padding:10px;
  width:540px;
  float: left;
  border-top:2px solid #FF6600;
  background-color:#EFEFEF;
  z-index:10;
}

#topimg {
  /* display: block; */
}

#logo
{
	width:756px;
	height:88px;
	background: #fff url('../img/logo.png') no-repeat;
}

.inline {
  vertical-align: middle;
}

#left {
  float: right;
  width: 180px;
  margin-right:3px;
}

#right {
  position: relative;
  margin-right: 180px;
  margin-left: 0px;
  /*border-left: 1px solid #FF6702;
  border-bottom: 1px solid #FF6702;*/
}

#content {
  position: relative;
  float: left;
  width: 540px;
  padding: 10px 10px 10px 20px;
  z-index:10;
}


#breadcrumb {
  font-size: 90%;
  color: #777;
  margin: 0.5em 0 2em;
}

#sidebar {
  float: right;
  width: 150px;
}

#footer {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width: 754px;
  padding: 3px;
  margin: 8px auto 70px;
  color: #555;
  text-align:center;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #footer { border-top-style: dotted; border-bottom-style: dotted; }

#subnav {
  margin: 10px 0;
  padding: 0;
  border-top: 1px solid #aaa;
  list-style-type: none;
  list-style-image: none;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #subnav { border-top-style: dotted; }

#subnav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-image: none;
}

#subnav li {
  border-bottom: 1px solid #aaa;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #subnav li { border-bottom-style: dotted; }

#subnav ul li {
  border-bottom: 0;
  border-top: 1px solid #aaa;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #subnav ul li { border-top-style: dotted; }

#subnav a {
  display: block;
  padding: 3px 3px 3px 20px;
  text-decoration: none;
  color: #555;
  background: url('../img/sn1bg.png');
  width: 127px;
}

#subnav ul li a {
  padding-left: 30px;
  background: url('../img/sn2bg.png');
  width: 117px;
}

#subnav a:hover {
  background-position: -150px 0;
}

#sidebar {
  color: #555;
  border-bottom: 1px solid #bbb;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #sidebar { border-bottom-style: dotted; }

#sidebar h3 {
  font-size: 100%;
  border-bottom: 1px solid #bbb;
  border-top: 1px solid #bbb;
  padding: 2px 5px;
}
/* HACK: IE does not display 1px dotted lines correctly */
html[xmlns] #sidebar h3 { border-bottom-style: dotted; border-top-style: dotted; }

#sidebar .teaser {
  padding: 0 3px;
}

#sidebar img {
  display: block;
  margin: 0 auto 1em;
}

#sidebar address {
  padding: 0;
}

#sidebar ul.links {
  list-style: none;
  list-style-image: none;
  margin: 0 2px;
  padding: 0;
}

#sidebar ul.links li {
  margin-bottom: 0.5em;
  clear: left;
}

#sidebar ul.links li img {
  display: block;
  float: left;
}

#sidebar ul.links li span, #sidebar ul.links li p {
  display: block;
  margin-left: 26px;
}

.print {
  display: none;
}

dl.news  {
  margin: 0;
  color: #555;
  /*background-color:#FFFFFF;*/
}

dl.news dt, dl.news dd {
  /*border: 1px solid #aaa;*/
  margin: 0;
}

dl.news dt {
  margin-top: 1em;
  padding: 2px 3px;
}

dl.news dd {
  padding: 0.5em;
  text-align:justify;
}

a.newshop {
	padding-left:2px;
	line-height:1.5;
	height:15px;
	text-align:left;
	font-size:90%;
}
.addon_button
{
	display:block;
	width:350px;
	background-color:#D5F0AF;
	color:#23730A;
	padding:15px;
	font-size:16px;
	text-align:center;
	border:1px solid #23730A;
	text-decoration:none;
}

.addon_button:hover
{
	display:block;
	width:350px;
	background-color:#23730A;
	color:#fff;
	padding:15px;
	font-size:16px;
	text-align:center;
	border:1px solid #D5F0AF;
	text-decoration:none;
}