body {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.8em;
	color: #262323;
	margin:0px;
	background: url(../img/bg.png) repeat-x #fff
}

#body.small{
	background: url(../img/bg-small.png) repeat-x #fff
}

#print{
	display:none;
}

.clr {
  clear:both!important;
  margin:0!important;
  padding:0!important;
}

#header * {
	margin:0;
}

#wrapper {
  position:relative;
	width: 1000px;
	margin:0 auto;
}

#wrapper2 {
	background: url(../img/bg-left.png) no-repeat left top ;
}

* html #wrapper {
	width: 924px;
}

#innerwrapper {
  background: url(../img/bg-right2.png) repeat-y right top;
	margin:0px;
	padding:0px;
}

#innerwrapper2 {
  background: url(../img/bg-right.png) no-repeat right top;
	margin:0px;
	padding:0px 18px 20px 18px;
}



/* --- */

#header {
  position:relative;
  height:137px
}

#logo, #topnav, #nav {
	position:absolute;
}

#topnav {
  right:0;
  top:0;
  height: 39px;
  margin-top: 10px;
}

#topnav div {
  padding: 17px 10px 0px 10px;
  text-align: right;
}

#topnav .admin {
  padding: 17px 10px 0px 10px;
  text-align: right;
}

#topnav a {
  margin: 0px 4px;
  font-size:0.8em;
  color: #555;
  padding-top: 2px;
  padding-bottom: 2px
}

#logo {
  top:0;
  left:0
}

#logo img {
	border: 0px;
}


#nav {
	margin: 0;
	top:102px;
	left:0px
}


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

#nav li, #subnav li {
  float:left;
  margin: 0;
}


#nav li .tni a {
  display:block;
  background:url(../img/tabs-bg.gif) left top repeat-x;
  text-decoration:none;
  cursor:pointer;
  height:16px;
  padding:9px 12px;
  font-size:14px;
  color:#fff;
  margin-right:1px
}

#nav li .tni a span {
  display:block;
}

#nav li .tni a.active, #nav li:hover .tni a {
  background:url(../img/tabs-bg-active.gif) left top repeat-x;
  margin-top:1px;
  color:#5f7074
}

#nav li .tni a.active span, #nav li .tni a:hover span {
  background-position: right -34px
}

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

#nav a {
	display: block;
}

#nav li ul {
	position: absolute;
	left: -999em;
	margin-left:-9px;
  width: 168px;
  z-index:1000
}

#nav li ul li a {
	background:url(../img/bg-dd.png) bottom left;  
  width: 124px;
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:12px
}

#nav li ul li a:hover {
	background-position:bottom right;  
}


#nav li ul li a {
  padding: 6px 22px
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.hover ul {
	left: auto;
}

div.preview {
	background:#ffcc33 url(../img/stripes.gif);	
	font-style:italic
}

.subitem a {
  color:#3c5567;
  font-size:14px;
  display:block;
  text-decoration:none;
  padding: 8px 2px 4px 2px;
  margin: 0 6px
}

.subitem a.active {
  background:url(../img/bg-subnav-active.png) bottom repeat-x;
}

.subitem a:hover{
  background:url(../img/bg-subnav-hover.png) bottom repeat-x;
}

.subitemseparator {
  border-top:1px solid #ddd;
  margin:4px 0;
}

.subgroup {
  font-weight:bold!important;
}

#breadcrumb {
  margin:0;
  height:25px
}

#subnav {
  height:40px
}

#main {
  clear:both;
  margin:0
}

#mainwrapper {
	padding:0;
	margin:0
}

#right {
  margin-left: 4px;
}

.box {
  background-color: #fff;
  padding:0;
  margin-bottom:5px
}


.cntbox {
  margin:0 0 8px 0;
  background:url(../img/bg-cntbox.png)
}

.smbox, .newsbox , .hotlinebox{
  margin:0 0 8px 0;
  background:url(../img/bg-smbox.png)  
}

.cntbox .header, .newsbox .header, .smbox .header, .hotlinebox .header {
  padding: 4px 0 5px 8px;
  color: #3c5567;
  font-size:14px;
  border-bottom:4px solid #bee046
}

.cntbox .content {
  min-height: 475px;
  padding: 10px 8px 20px 8px;
}

.newsbox .content {
  min-height: 155px;
  padding: 10px 16px;
}

.smbox .content {
  line-height: 1.4em;
  min-height: 150px;
  padding: 10px 8px;
  text-decoration:none;
  }

.hotlinebox .content {
  min-height: 40px;
  padding: 10px 8px;
}

.qubox .content textarea {
  width:196px;
  height:90px;
  font-family:arial;
  padding:5px;
  font-size:0.9em;
  margin:1px;
  float:right;
}

.qubox .content input {
  font-size:0.7em;
  float:right;
}

.cntbox .footer, .newsbox .footer, .qubox .footer {
  padding: 0px 5px 0px 10px;
}

.cntbox .footer a {
  float:right;
  margin:10px 5px;
}

div.tags {
  float:left;
  padding:8px 0 0 0;
  color:#999;
  font-size:90%
}

div.tags a {
  float:left !important;
  margin:0 5px 0 0 !important;
  color:#999
}

div.tags span {
  float:left;
  margin:0 5px 0 0 !important;
  color:#999
}


#login {
  position:absolute; 
  left:50%; 
  top:150px; 
  margin:5px 5px 5px -100px; 
  width:200px; 
  z-index:10000;
  padding:10px;
  border:3px solid #3c3c3c;
  background:url(../img/bg-window1.png);
}

#login form {
  padding:0;
}

#login label {
  color:#fff;
}

#login input[type=text], #login input[type=password] {
  width:180px;
  display:block;
}

#login input[type=submit] {
  float:right;
  margin: 15px 10px 0px 0px;
  border:2px solid #3c3c3c;
  padding:3px;
}


p {
	margin-bottom:10px;
	line-height:20px;
}

h1 {
	font-size:2em !important;
	color: #494646;
	font-weight:normal !important;
	margin: 5px 0px 15px 0px;
	letter-spacing:0.2em;
	font-family: tahoma, Helvetica, sans-serif;
}

h2 {
	font-size:1.2em !important;
	font-weight:bold !important;
	color: #494646;
	margin: 15px 0px 10px 0px;
}


h1 a, h2 a {
	text-decoration:none;
}

h2 a:hover {
	color: #c11919;
}

a {

	color: #5c5c5c;
}

b {
font-weight:bold;
color: #5c5c5c;
font-family: tahoma;
font-size: 12px;
}

a:hover {
	text-decoration:none;
}

h3 {
	font:115% Arial MS;
	margin:18px 0pt 7px 0px;
	font-weight:bold;
	color: #c11919;
}

ul {
	widows: 0;
	list-style-type: square;
	margin: 5px 0 5px 5px;
	padding: 5px 0 5px 15px;
}

ul ul {
	margin: 5px 0 5px 5px;
	padding: 5px 0 5px 15px;
}


#content ul span {
	color:#444;
}
#contentnorightbar ul {
	margin:15px 0 15px 20px;
	line-height:25px;
	padding:15px 0;
}

#contentnorightbar ul span {
	color:#444;
}

img {
	border:0px;
	margin:0px;
}

form {
	padding: 10px 0px;
}

label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}

input, button{
  overflow:visible;
}

input[type=text], input[type=password] {
	width:230px;
	padding:4px;
	border: 1px solid #777;
	color:#777;
	overflow:visible;
}

input[type=submit], input[type=button], button {
	padding:4px;
	color:#313;
	cursor: pointer;
	overflow:visible;
}

input[type=submit]:hover, input[type=button]:hover, button:hover {

}


input:focus, textarea:focus {
	border-color: #79B5D6;
	color:#777;
}


textarea {
	width:400px;
	padding:4px;
	font:90%;
	border: 1px solid #777;
	height:200px;
	display:block;
	color:#313;
}

p img {
	margin:10px;
}

.cntbox img[align=left] {
	margin:0 10px 4px 0;
	clear:both
}

.cntbox img[align=right] {
	margin:0 0 4px 10px;
	clear:both
}

blockquote p {
	font:160% Georgia;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}


.managepicturecontainer textarea {
	width: 150px;
	height:40px;
}

.managepicturecontainer input {
	padding: 1px;
	width: 50px;
}

.programm td {

  vertical-align: top;
  
}

.newsitem {
  display:block;
  padding-left:12px;
  background:url(../img/bullet.png) 0px 5px no-repeat;
  font-size:0.9em;
  margin-bottom:5px
}

.newsitem .newsdate{
  color: #5c5c5c;
  margin-right:10px;
}

.newsdiv {
  background:url(../img/bg-newsdiv.png) no-repeat;
  margin-top:5px;
  display:inline
}

.news .date {
  font-size:0.85em;
  vertical-align:middle;
  padding:2px;
  padding:4px 2px 2px 17px;
  background:url(../img/mini-archive.gif) 0px 2px no-repeat;
  color:#666;
  float:right;
  margin-top:5px
}

.paginator {
  padding:30px 8px 10px 0px
}

.paginator a {
  padding:1px 4px;
  border:1px solid grey;
  margin-right:6px;
  text-decoration:none;
  font-size:80%
}

.paginator a:hover {
background-color:#ccc
}

.paginator a.active {
background-color:#ddd
}

.blogcatitem {
  display:block;
  margin-bottom:5px;
  padding-left:20px;
  background:url(../img/folder.png) 0px 0px no-repeat;
}

.blogarcitem {
  display:block;
  margin-bottom:5px;
  padding-left:18px;
  background:url(../img/mini-archive.gif) 0px 0px no-repeat;
}


.blog .entry {
margin-bottom:15px;
padding-bottom:15px;
background:url(../img/bg-blog-sep.png) bottom center no-repeat;
border-bottom:1px dashed #BEE046;
}

.blog .cal, .news .cal {
background: url(../img/sidep-bottom.gif);
padding:8px 0 0 0;

}

.blog .title, .news .title {
	font-size:1.3em !important;
	font-weight:bold !important;
	color: #444;
	text-decoration:none;
	float:left;
	width:100%;
}

.blog .title a, .news .title a, .termine .title a, .news .entry .title a {
	color: #444;
	text-decoration:none;
}

.blog .title a:hover, .news .title a:hover {
	text-decoration:underline;
	
}

.blog .cat {
font-size:0.85em;
float:left;
vertical-align:middle;
padding:4px 2px 2px 20px;
background:url(../img/folder.png) 0px 2px no-repeat;
color:#555;
}

.blog .date {
font-size:0.85em;
float:right;
vertical-align:middle;
padding:2px;
padding:4px 2px 2px 17px;
background:url(../img/mini-archive.gif) 0px 2px no-repeat;
color:#555;
}

.blog .message, .news .message {
margin-top:10px;
padding: 2px 0;
}

.blog .message p, .news .message p {
margin:0
}

.comments {
margin-top:10px;
padding:5px;

}

.comments .citem {
padding:5px;
border-top: 1px #ccc dashed;

margin-bottom:5px;

}

.comments .citem .cheader{
padding:0px 1px 4px 25px;
background: url(../img/user_comment.png) no-repeat;
font-weight:bold;
}

.comments .citem .ccnt{
  width:400px;
}

.comments .citem .cdate{
  padding:0px 1px 4px 25px;
  font-size:0.85em;
}

th {
  text-align:left;
  font-weight:bold;
  border-bottom:1px solid black;

}

.admin input[type=text], .admin select{
  width:150px;
  padding:2px!important;
}

.comments .docomment {
  margin: 15px 0px 10px 0px;
  padding: 10px 30px;
  border-left:1px solid silver;
}

.comments .docomment p {
  margin:1px
}

.comments .docomment label {
  display:block;
  font-size:0.85em;
  margin:0;
}

.comments .docomment .cimg {
  float:left;
  margin-right:10px;
}

.comments .docomment input[type=text] {
  display:block;
  width:120px;
}

.comments .docomment .cimg img {
  margin:0px;
  padding:0px;
}


.comments .docomment textarea {
  display:block;
  width:364px;
  height:80px;
}

.comments .docomment form {
    margin:0px;
    padding:0px;
}

.comments input[type=submit] {
    padding:2px;
    font-size:0.9em;
}

.comments .docomment #ccode, .comments .docomment #ccode2 {
    width:100px;
    display:inline;
}

.commentctrl {
    font-size:0.85em;
    text-align:center;
    margin-top:10px;
}

.alert {
  font-weight:bold;
  padding:10px;
  border: 1px #ccc dashed;
  color: #C11919;
  margin-bottom:10px;
}

.more {
  padding-left:20px;
  background: url(../img/open.png) no-repeat;
  margin-top:5px
}

.less {
  padding-left:20px;
  background: url(../img/open.png) no-repeat;
  margin-top:5px
}

.archive {
  padding-left:20px;
  background: url(../img/archive.png) no-repeat;
  margin-top:5px
}

p img {
margin:0px;

}

.highlight {
  background-color:yellow;
}


div#gallery {
 position:relative; 
 float: left;
 overflow: hidden;
 width: 65%;
}

img#index_image_display {
 border:1px black solid;
 margin-bottom:20px;
}

ul#index_thumbnail_display {
 list-style-type:none;
 position:absolute; 
 top: 0;
 left: 0;
 margin-top: 15px;
}

ul#index_thumbnail_display li a {
 padding:10px;
}

.thumbnailDefault {border: 1px solid gray !important;}

.thumbnailFocus {border: 1px solid red !important;}

.customerlogin form {
  font-size:11px;
  padding:0;
  margin:0
}

.customerlogin label {
  float:left;
  width:65px;
  font-weight:normal;
  padding:1px;
  margin:1px
}

.customerlogin input {
float:left;
  width:120px;
  padding:2px;
  margin:1px;
  font-size:11px
}
.customerlogin input[type=submit] {
 
}

.customerlogin input.invalid {
	background:#faa;
	font-weight:bold;	
} 
.customerlogin input.valid { 
	background: #afa; 
}  

a.linkerror {
  text-decoration: line-through; 
  color: red;
}

.search {
  text-align:right
}

.search input {
  background-color: #ebebeb;
  border:1px solid #dadada;
  width:150px;
  font-size:80%;
  vertical-align:middle;
}

.search input[type=image] {
  border:none;
  width:23px;
  vertical-align:middle
}

.newsintro {
  float:left;
  width:48%;
  border:1px dashed #BEE046;
  margin:0 12px 12px 0;
  height:150px;
  overflow:hidden;
  position:relative;
  cursor:pointer
}

.newsintro:hover {
  border:1px solid #BEE046;
  background:url(../img/bg-cnt-hover.png) repeat-x;
}

.newsintro div {
  padding:4px
}

.newsintro .open {
  float:right;
  padding:0 5px
}

.newsintro div.date {
  color:#888;
  padding:4px 4px 4px 17px;
  margin:0 3px;
  background:#fff url(../img/mini-archive.gif) 0px 2px no-repeat;
  font-size:90%;
  position:absolute;
  display:block;
  bottom:0;
  left:0;  
  width:95%
}

.newsintro div.headline {
  float:left;
  font-weight:bold;
  clear:both
}

.newsintro div.intro {

}



.newsintro div.intro p {
  padding:0;
  margin:0
}
.newsintro div.intro p, .newsintro div.intro {
  line-height:15px;
}

.archivelinks {



}

.archivecnt {

}

.news .entry {
  border-bottom:1px dashed #BEE046;
  padding:0 0 5px 0;
  margin-bottom:15px
}

li.group {
 	list-style-type:none;
	margin:0;
	padding:0;
}

li.group span {
  font-weight:bold;
  font-size:1.1em !important;
  color:#444
}

.gallery {
  margin: 10px 0

}

.gallery .pic {
  float:left;
  margin: 0 10px 10px 0;
  position:relative;
  height:100px;
  width:100px;
  list-style:none;
  z-index:1;
}

.gallery .pic .picmenu {
  
  position:absolute;
  top:0;
  left:0

}

.gallery .pic .picmenu a {
  
  padding:1px;
  width:45px


}

.gallery #piclist {
  list-style:none;
  margin:0 0 5px 0;
  padding:0
}

.gallery .picedit {
  background-color:#efefef;
  margin-bottom:6px

}

.gallery .picedit input[type=text], .gallery .picedit textarea  {
    padding:2px
}



ing:2px
}