/* 
#############
  general
#############
*/
* {
    margin: 0px;
	padding: 0px;
}
body {
	background-repeat: no-repeat;
	background-image: url(images/bg-body.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 80%;
	font-weight: normal;
	background-position: center top;
}
html {
	background-image: url(images/bg-html.jpg);
	background-repeat: repeat-x;
}
.clear {
	clear: both;
	height: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
h1 {
	font-size: 1.8em;
	color: #333333;
	padding-top:7px;
	padding-bottom:7px;
}
h2 {
	font-size: 1.5em;
	color: #333333;
	padding-top:7px;
	padding-bottom:7px;
}
h3 {
	font-size: 1.4em;
	color: #333333;
	padding-top:7px;
	padding-bottom:7px;
}
h4 {
	font-size: 1.3em;
	color: #333333;
	padding-top:7px;
	padding-bottom:7px;
}
h5 {
	font-size: 1.2em;
	color: #333333;
	padding-top:7px;
	padding-bottom:7px;
}
h6 {
	font-size: 1.1em;
	color: #333333;
	padding-top:7px;
	padding-bottom:7px;
}
#wrapper  img#logoprint {
	display: none;

}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	background-position: center 0px;
	width: 900px;
}
#header {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	margin-top: 40px;
	background-image: url(images/border_top.gif);
	background-repeat: no-repeat;
	background-position: 220px top;
}
a.home      {
	width:332px;
	float:left;
	height:70px;
	margin-top: 283px;
	margin-right: 55px;
}
a.home:hover      {
}
.picture  {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bildhome);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
body.band .picture {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bildhome.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
body.media .picture {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bildmedia.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
body.gaestebuch .picture {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bildthekentratsch.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
body.dates .picture {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bilddates.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
body.contact .picture {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bildcontact.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
body.links .picture {
	float:left;
	width: 455px;
	height: 285px;
	margin-top: 114px;
	background-image: url(images/bildlinks.jpg);
	background-repeat: no-repeat;
	background-position: -1px -1px;
}
#wrapper #self-service-lite {
	width: 540px;
	padding-left: 40px;
	padding-right: 35px;
	padding-bottom: 40px;
	float: left;
	padding-top: 30px;
}
ul#footer {
	width: 850px;
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.9em;
	color: #CCCCCC;
	padding-top: 10px;
	height: 20px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-bottom: 40px;
}
ul#footer li {
	float: left;
	padding-left: 10px;
}
ul#footer li a {
	color: #CCCCCC;
} 
#breadandsearch {
	margin-top: 2px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #006837;
	width: 707px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#breadandsearch .bread {
 width: 450px;
 float: left;
}
#breadandsearch .search {
 float: right;
}
/* 
######################################################
 menue
######################################################
*/

ul.sslmenue {
	list-style-type: none;
}		
ul.sub1 {
    float:left;
	width:180px;
	padding:0px 40px 60px 60px;
}
ul.sub1 li {
	padding-top:10px;
	padding-bottom:20px;
}
ul.sub1 li a {
	font-weight:bold;
	text-decoration: none;
	color: #000000;
	font-size: 1.1em;
	padding-left: 10px;
	background-image: url(images/bg-menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-bottom: 3px;
}
ul.sub2 {
 margin-top: 5px;
}
ul.sub2 li {
	padding-left:10px;
	padding-top:5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: none;
}
ul.sub2 li a {
	font-weight:normal;
	padding-top:0px;
	border:none;
	color:#000000;
	background-image:none;
}
ul.sub1 a.sslmenueactive {
	background-repeat: no-repeat;
	background-position: left center;
	color: #CC407E;
}
ul.sub2 a.sslmenueactive {
 background-image:none;
 text-decoration:underline;
}
ul.sub1 a:hover {
	text-decoration: none;
	color: #CC407E;
	background-repeat: no-repeat;
	background-position: left center;	
}
ul.sub2 a:hover {
	text-decoration:underline;
	font-weight: normal;
	background-image:none;
}
/*
###########################################################################
# Search Form
###########################################################################
*/
form.ssl_searchform {/* haslayout for ie6 at self_service_lite/frontend/ltie7_frontend.css */
	float: right;
	padding-top: 10px;
	padding-right: 10px;
}
form.ssl_searchform fieldset {
	border:none;
}
form.ssl_searchform fieldset input.sslsearchinput {
	border:1px solid #006837;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
}
form.ssl_searchform fieldset input.sslsearchinput:focus {
 border:1px solid #000; 
}
form.ssl_searchform fieldset input.sslsearchbutton {
	border: none;
	background: transparent;
	color:#006837;
	font-weight:bold;
	width:auto;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
}
form.ssl_searchform fieldset input.sslsearchbutton:hover {
	background-color:#006837;
	color:#FFFFFF;
}
/* 
#-------------------------------------------------------------------------#
# Breadcrumb - Navigation
#-------------------------------------------------------------------------# 
*/
ul.sslbreadcrumb {
	list-style-type:none;
	width:450px;
	float: left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
ul.sslbreadcrumb:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
ul.sslbreadcrumb li {
 float:left;
}
ul.sslbreadcrumb li a {
 font-size: 0.8em;
 color: #006837;
}
ul.sslbreadcrumb li.sslbreadcrumbarrow {/* arrow between links */
	font-weight:bold;
	padding:0 5px 0 5px;
	font-size: 0.8em;
	color: #006837;
}
/* 
#-------------------------------------------------------------------------#
# Images
#-------------------------------------------------------------------------# 
*/
div#self-service-lite div a img {/* image in a link */
	border:1px solid #CCCCCC;
	padding:2px;
}
div#self-service-lite div img {/* image without a link */
	border:1px solid #CCCCCC;
	padding:2px;
}
div#self-service-lite img.sslimageleft {/* image left */
	display:block;
	float:left;
	margin-top:0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}
div#self-service-lite img.sslimagecenter {/* image centered */
	clear:both;
	display:block;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
div#self-service-lite div img.sslimageright {/* image right */
	display:block;
	float:right;
	margin-top:0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
} 
div#self-service-lite div img.sslimageblock {/* image block */
	display:block;
	float:none;
	clear:both;
	margin-top:0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
} 
/* 
#-------------------------------------------------------------------------#
# Lists
#-------------------------------------------------------------------------# 
*/
div#self-service-lite div ul,
div#self-service-lite div ol {
 float:left;
}
div#self-service-lite div ul li {
 margin-left:20px;
}
div#self-service-lite div ol li {
 margin-left:25px;
}
/* 
#-------------------------------------------------------------------------#
# Conclusions
#-------------------------------------------------------------------------# 
*/
div#self-service-lite br.clearfloat {/* without horizontal rule */
 height:1px;
 overflow:hidden;
 line-height:1px;
 clear:both;
}
html>body div#self-service-lite hr {/* with horizontal rule - geckos */
	clear:both;
	border:0px;
	height:15px;
	border-bottom:1px solid #ccc;
	background:transparent;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#self-service-lite hr {/* with horizontal rule - msie */
	clear:both;
	border:0;
	height:1px;
	color:#ccc;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
*:first-child+html div#self-service-lite hr {/* with horizontal rule - msie7 */
	clear:both;
	border:0;
	height:1px;
	color:#ccc;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
}
/* 
#-------------------------------------------------------------------------#
# Page turns
#-------------------------------------------------------------------------# 
*/
div#self-service-lite ul.sslpageturn {/* general = bottom */
 clear:both;
 float:none;
 list-style-type:none;
 border:none;
 padding:3px 0 0 0;
 height:1.5em;
 margin:15px 0 0 0;
}
div#self-service-lite ul.sslpageturntop, 
div#self-service-lite ul.sslpageturndetailtop {/* top */
	margin:0 0 15px 0;
	padding:0 0 0 0;
	border:none;
}
div#self-service-lite ul.sslpageturn li {/* top and bottom */
 float:left;
 padding:0 0 0 0;
 margin:0 0 0 0;
 border: 1px solid #a2c7b5;
}
div#self-service-lite ul.sslpageturn li a {
    text-decoration: none;
    background-color: #e7f4ea;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;
} 
div#self-service-lite ul.sslpageturn li a.sslpageturnactiv { /* aktiv link */
	font-weight:bold;
	text-decoration:none;
	background-color: #a2c7b5;
}
/* standard view */
div#self-service-lite ul.sslpageturntop {/* top */
 display:none;
}
div#self-service-lite ul.sslpageturnbottom {/* bottom */
}
/* detail view */
div#self-service-lite ul.sslpageturndetailtop {/* top */ 
}
div#self-service-lite ul.sslpageturndetailbottom {/* bottom */
 display:none;
}

/* 
#-------------------------------------------------------------------------#
# Breadcrumb - Navigation
#-------------------------------------------------------------------------# 
*/
ul.sslbreadcrumb {
 list-style-type:none;
 width:100%;
 padding:0 0 5px 0;
}
ul.sslbreadcrumb:after {content:" "; display:block; height:0; clear:both; visibility:hidden;}
ul.sslbreadcrumb li {
 float:left;
}
ul.sslbreadcrumb li.sslbreadcrumbarrow {/* arrow between links */
 font-weight:bold;
 padding:0 5px 0 5px;
}
/* 
#-------------------------------------------------------------------------#
# SSL Login																							
#-------------------------------------------------------------------------# 
*/
form.ssl_login {
 padding:20px 0 20px 0;
}
/*
###########################################################################
# guestbook
###########################################################################
*/
div#self-service-lite ul {
 font-family: verdana, arial, sans-serif;
 font-size:0.9em;
 line-height:1.45em;
 list-style-type:none;
}
#nav {
 margin-bottom:5em;
}
p.author {
 padding:0 0 5px 7px;
 border-bottom:1px solid #999999;
}
p.author a {
 font-weight:bold;
 color:#333333;
}
p.entry       {
 margin:0 0 4em 0;
 padding:10px 7px 0 7px;
 max-width:50em;
}
p.comment     {
	font-style:italic;
	font-size:0.9em;
	margin-bottom:3em;
	max-width:95%;
	color:#666666;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3em;
	margin-top: -2em;
}
p.admin {
 margin:-1.5em 0 5em 0;
 text-align:right;
 max-width:50em;
}
p.admin a {
  color:#FF3399;
}
p.admin span {
 font-size:0.82em;
}
.caution {
	color:#FF3399;
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 10px 0;
}
.small        { font-size:0.82em; line-height:1.19em; }
p .small      { font-size:0.82em; }
h2.preview-hl { font-size:0.82em; line-height:1.45em; font-weight:bold; color:red; margin-bottom:0; }
input.button  { width:45px;  font-size: 11px; font-weight:normal; margin: 0px 0px 5px 0px; }
#preview      { border:1px dotted red; max-width:41em; padding:10px 10px 0 10px; }

h1.thekentratsch {
 padding:0 0 20px 0;
}