/* layout
--------------------------------------------------------
--------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font: 11px/17px Verdana, Arial, sans-serif;
	text-align: center;
}
#wrapper-outer {
	text-align: left;
	margin: 0 auto;	
	width: 994px;
	clear: both;
}
#wrapper-main {
	clear: both;
}
#wrapper {
	float: left;
	width: 828px;
	background-image: url(/img/bg-wrapper-userhomepage.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin: 5px 0 0 0;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
}
#adTop {
	width: 994px;
	z-index: 1000;
	margin: 0;
}
#adSky {
	float: right;
	width: 160px;
	z-index: 1000;
	margin: 5px 0 0 0;
}
#werbung {
	clear: both;
	width: 468px;
	text-align: center;
	padding: 10px 0;
}
#progress,
#workingMsg {
	position:absolute;
	top: 50%;
	left: 50%;
	height: 50px;
	width: 50px;
	padding: 0;
	z-index: 1000;
	text-align: center;
}
#sharing-links {
	height: 9px;
	padding-top:10px;
}
#sharing-links .addthis_toolbox {
	float: right;
	position: relative;
	left: 0px;
}
#sharing-links .addthis_toolbox a {
	padding: 0 1px 0 2px;
}
/* header
--------------------------------------------------------*/
#head {
	height: 135px;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	background-color: #fff;
	width: 827px;	
}
/* sidebar
--------------------------------------------------------*/
#sidebar {
	width: 160px;
	float: right;
	margin: -37px 1px 0 0;
	text-align: center;
	min-height: 676px;
	background-repeat: no-repeat;
	background-position: bottom;
}
* html #sidebar {
	height: 676px;
	width: 159px;
}
#sidebar h2 {
	margin: 0;
	padding: 10px 0 0 0;
}
#sidebar p {
	margin: 0;
	padding: 0;
	opacity: 0.5;
}
* html #sidebar p {zoom:1;}
*+html #sidebar p {zoom:1; filter:alpha(opacity = 50);}

#sidebar a:hover {
	text-decoration: none;
}
#homepage-rating {
	padding: 0 0 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#rating-stars img {
	padding: 2px 1px 1px 0;
}
* html #rating-stars img {padding: 0;margin: 2px 1px 1px 0;}

#sidebar #login,
#sidebar #logged-in {
	text-align: left;
	padding: 9px 0 8px 20px;
	height: 17px;
	border-top: 1px solid #fff;
	background: #4C8DC5;
}
#sidebar #logged-in {
	padding: 4px 4px 3px 4px;
	height: 37px;
}
#sidebar #logged-in img.userbild {
	float: left;
	margin: 0 4px 0 0;
	border: none;
}
#sidebar #login a,
#sidebar #logged-in a{
	color: #ECF5FA;
	margin: 0;
	padding: 0;
	line-height: 14px;
}
#sidebar #logged-in span.username-wrap {
	padding-top: 4px;
	display: block;
}
#sidebar #logged-in strong.username {
	white-space: nowrap;
	display: block;
	width: 110px;
	overflow: hidden;
}
#sidebar #logged-in a.logout{
	font-size: 9px;
	color: #caddee;
	float: right;
	background: url(/img/buttons/icn-ext-hellblau.gif) no-repeat right;
	padding: 0 11px 0 0;
}
#sidebar #logged-in a.logout:hover {
	color: #fff;
}
/* meldungen (offene anfragen)
------------------------------------*/
.meldungen-profil {
	background: url(/img/bg-verlauf-blue.gif) repeat-x #70a9da;
	text-align: left;
	line-height: 15px;
}
.meldungen-profil .meldungen-inner {
	padding: 2px 4px 5px 4px;
}
.meldungen-profil div.trennlinie {
	background-color: #427aaa;
	border-bottom: 1px solid #82afd7;
	margin: 0 0 3px 0;
}
.meldungen-profil a {
	display: block;
	padding: 0 0 1px 22px;
	color: #fff;
}
.meldungen-profil a.icn-gaestebuch {
	background: url(/img/community/icn-gaestebuch-small.gif) 2px 2px no-repeat;
}
.meldungen-profil a.icn-friends {
	background: url(/img/community/icn-friends-small.gif) 2px 2px no-repeat;
}
#sidebar #login a {
	padding: 5px 21px 5px 0;
	background: url(/img/buttons/icn-key-big.gif) no-repeat right;
}
#admincontrols {
	text-align: right;
	height: 37px;
	width: 152px;
}
#scrollingElement {
	font-size: 10px;
	width: 160px;
	text-align: left;
	font-size: 10px;
	line-height: 13px;
}
.scrollingElement-wrapper {
	background: url(/img/bg-blue-trans.png);
	border-bottom: 1px solid #fff;
	padding: 0 0 5px 0;
}
/*IE+transparenz=schlechte performance*/
* html .scrollingElement-wrapper {background-color: #d4e4f7;}
*+html .scrollingElement-wrapper {background-color: #d4e4f7;}

#sidebar #scrollingElement h2 {
	padding: 1px 0 1px 5px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/img/bg-blue-trans-2.png);
	color: #ecf5fa;
}
* html #sidebar #scrollingElement h2 {
	background-color: #3a96d1;
}
#scrollingElement .scrolling-inner {
	padding: 3px 5px 0 5px;
	width: 147px;
}
#scrollingElement .userbild {
	float: left;
	margin: 0 4px 0 0;
}
#sidebar #scrollingElement a {
	color: #0575BA;
}
/*  content
--------------------------------------------------------*/
#content {
	min-height: 670px;
	width: 468px;
	margin: 0 0 0 181px;
	overflow: hidden;
}
/*ie 6*/ * html #content {margin: 0 0 0 180px;}
/*ff 2*/ #content, x:-moz-any-link {margin: 0 0 0 16px;}
/*ff 3*/ #content, x:-moz-any-link, x:default {margin: 0 0 0 181px;}

.content-edit {
	overflow: hidden;
	width: 468px;
}
/*  container
--------------------------------------------------------*/
#container {
	padding-bottom: 145px;
	background-repeat: no-repeat;
	background-position: 1px bottom;
	border-bottom: 1px solid #fff;
}

/* footer
--------------------------------------------------------*/
#footer {
	clear: both;
	padding: 8px 0 15px 0;
	line-height: 12px;
	margin: 20px 0 0 183px;
	width: 468px;
	border-top: 1px solid #bfbfbf;
}
#footer a#footerlogo {
	float: right;
}
#footer a {
	color: #000;
}
#footer p {
	padding: 3px 0 6px 0;
}
#footer p.footnote,
.footnote {
	font-size: 9px;
	line-height: 13px;
	color: #a4a4a4;
	padding: 4px 0 0 0;
}
.footnote a {
	color: #a4a4a4 !important;
	text-decoration: underline;
}
.footnote a:hover {
	color: #737373 !important;
}/* cms-container 
   - mit float-clearings
   - standardabstaende zwischen textbloecken
------------------------------------------------------ */
.cms-container,
.clearfix {
	display: inline-block; /* nicht loeschen - notwendig fuer clearing */
	width: 100%; /* fuer clearing - nicht loeschen */
	margin: 0;
	padding: 0;
}
.cms-container {
	padding: 5px 0; /* Standard-Abstand zwischen containern definieren */
}
* html .cms-container {
	height: 1%;  /* fuer clearing - nicht loeschen */
	width: auto; /* fuer clearing - nicht loeschen */
}
* html .clearfix {
	height: 1%;  /* fuer clearing - nicht loeschen */
	width: auto; /* fuer clearing - nicht loeschen */
}
/*nur firefox 2*/
.cms-container, x:-moz-any-link {display: table;}
.clearfix, x:-moz-any-link {display: table;}

/*firefox 3*/
.cms-container, x:-moz-any-link, x:default {display: inline-block;}
.clearfix, x:-moz-any-link, x:default {display: inline-block;}

/*zurücksetzen clearfix wenn in tooltip */
.prototip .clearfix {
	width: auto;
}

/* zweispaltig mit bild ohne umfluss
------------------------------------------------------ */
.pic-column-left {
	margin: 0 239px 0 0 !important;
}
.pic-column-right {
	margin: 0 0 0 239px !important;
}

/* zweispaltiges layout
------------------------------------------------------ */
.column-left {
	float: left;
	width: 229px !important;
}
.column-right {
	float: right;
	width: 229px !important;;
}

/* bild mit legende
------------------------------------------------------ */
.pic-left {
	float: left;
	padding: 5px 0 0 0;
	margin: 0 10px 10px 0;
	width: 229px;
}
.pic-right {
	float: right;
	padding: 5px 0 0 0;
	margin: 0 0 10px 10px;
	width: 229px;
}
p.pic-photo {
	margin:0;
	padding:0;
}
p.pic-desc {
	margin: 0;
	font-size: 10px;
	padding: 3px 0 0 0;
	line-height: 14px;
	color: #6c6c6c;
}
/* dokument-links
------------------------------------------------------ */
a.document {
	background: no-repeat 0 0;
	padding: 2px 0 2px 20px;
}
a.doc {background-image: url(/img/buttons/icn-word.gif);}
a.pdf {background-image: url(/img/buttons/icn-pdf.gif);}
a.ppt {background-image: url(/img/buttons/icn-ppt.gif);}
a.xls {background-image: url(/img/buttons/icn-xls.gif);}
a.zip {background-image: url(/img/buttons/icn-zip.gif);}
a.mov {background-image: url(/img/buttons/icn-movie.gif);padding-left:19px;}
a.wmv {background-image: url(/img/buttons/icn-movie.gif);padding-left:19px;}
a.jpg {background-image: url(/img/buttons/icn-pic.gif);}

/* trennlinien
------------------------------------------------------ */
tr.trennlinie td,
tr.trennlinie div.trennlinie {
	padding: 0 !important;
	margin: 0;
}
div.trennlinie {
	height:1px;
	overflow:hidden;
	background-color: #9c9c9c;
	background-image: none;
	margin: 0;
}
.faq-wrapper div.trennlinie {
	overflow:hidden;
	margin: 0;
	background-color: #9c9c9c !important;
	background-image: none !important;
	height:1px !important;
}
.box-top div.trennlinie,
.box-top-schmal div.trennlinie,
.box-innen div.trennlinie {
	border-bottom: 1px solid #fff;
	margin: 10px 0 5px 0;
	background-color: #c4c4c4 !important;
	background-image: none !important;
	height:1px !important;
}/* basic-elemente
------------------------------------------------------- */
p, h1, h2, h3, h4, h5, h6, form, table {
	margin: 0;
	padding: 0;
}
p {
	padding: 0 0 10px 0;
}
.cms-container p {
	padding: 0;
}
h1 {
	font-weight: normal;
	font-size: 21px;
	padding: 13px 0;
	line-height:24px;
	letter-spacing: -1px;
}
h2 {
	font-weight: normal;
	font-size: 14px;
	padding: 0 0 6px 0;
	line-height: 18px;
}
h3 {
	font-size: 11px;
	padding: 0 0 2px 0;	
}
br {
	line-height: 10px;
}
ul, ol {
	padding: 3px 0 10px 0;
	margin: 0;
}
ul li,
ol li{
	margin: 0 0 0 25px;
	padding: 0;
}
#content ul {
	list-style: none;
}
#content ul li{
	padding: 0 0 3px 14px;
	margin: 0;
	background: url(/img/li-element.gif) no-repeat 2px 7px;
}
.invis {
	position: absolute;
	left: -2000px;
	top: -2000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

/* forms
------------------------------------------------------- */	
input, textarea {
	font: 11px/15px Verdana, Arial, sans-serif;
	height: 15px;
	vertical-align: middle;
	padding: 3px 4px 2px 4px;
	margin: 0;
	border: 1px solid #DB0000;
	background: url(/img/bg-input.gif) repeat-x #fff;
}
textarea {
	line-height: inherit;
	height: auto;
	height: 140px;
	overflow: auto;
	line-height: 16px;
}
button {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	border: none;
	width: auto;
	background-color: transparent;
	vertical-align: middle;
	text-align: left;
	overflow: visible;
	cursor: pointer;
}
input.searchsubmit,
input.searchsubmit:hover,
input.searchsubmit:focus,
input.submit,
input.submit:hover,
input.submit:focus {
	padding: 0;
	border: none !important;
	width: auto !important;
	height: auto;
}
select {
	padding: 0;
	margin: 0;
}
label.checkbox {
	vertical-align: middle;
	display: inline;
}
input.checkbox{
	height: auto;
	width: auto !important;
	background: none;
	border: none !important;
	padding: 0;
	margin: 0 4px 0 0;
}
input.checkbox.floated {
	float: left;
	margin: 2px 6px 15px 0;
}
input:hover, textarea:hover,
input:focus, textarea:focus {
	border: 1px solid #BC0000;
}
input.checkbox:hover,
input.checkbox:focus,
input.submit:hover,
input.submit:focus{
	border: none;
}
* html input {margin: -2px 0 0 0;}
*+html input {margin: -2px 0 0 0;}
* html input.checkbox {margin: -2px 2px 0 -2px;}
*+html input.checkbox {margin: -2px 2px 0 -2px;}
* html input.checkbox.floated {margin: -1px 4px 15px -2px;}
*+html input.checkbox.floated {margin: -1px 4px 15px -2px;}

/* wenn formularfelder in grauer box: grauer rahmen 
----------------------------------------------------*/
.box-top input, 
.box-top textarea,
.box-top-schmal input, 
.box-top-schmal textarea {
	border: 1px solid #c2c2c2;
	width: 206px;
}
.box-top input:hover, .box-top textarea:hover,
.box-top input:focus, .box-top textarea:focus,
.box-top-schmal input:hover, .box-top-schmal textarea:hover,
.box-top-schmal input:focus, .box-top-schmal textarea:focus {
	border: 1px solid #a5a5a5;
}
textarea.textareabreit {
	width: 429px;
}
input.file {
	height: auto;
	width: 280px !important;
}
.box-top select,
.box-top-schmal select {
	width: 216px;
}
.box-top label,
.box-top-schmal label {
	display: block;
	padding: 6px 0 2px 0;
}
.box-top label.checkbox,
.box-top-schmal label.checkbox {
	padding: 0;
	display: inline;
}

/* formulare: validierungs-warnungen
----------------------------------------------------*/
.box-top input.warning,
.box-top-schmal input.warning,
input.warning,
.box-top textarea.warning,
.box-top-schmal textarea.warning,
textarea.warning {
	border: 1px solid #db0000;
}

/* globale table-settings
------------------------------------------------------- */		
table {
	border-spacing: 0;
	border-collapse: collapse;
}
table th {
	text-align: left;	
	font-size: 11px;
	line-height: 17px;
	vertical-align: top;
}
table td {
	vertical-align: top;
	font-size: 11px;
	line-height: 17px;
}
table.liste1 th,
table.liste1 td {
	padding: 5px 5px 5px 7px;
}

/* standard-tabellenstyles
------------------------------------------------------- */
table.liste1 th,
table.liste1 td {
	padding: 5px 5px 5px 7px;
}

/* links global
------------------------------------------------------- */
a {
	color: #db0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img,
img {
	border: none;
}
/* globale klassen, vorwiegend für tables
------------------------------------------------------- */
.nowrap {white-space:nowrap;}
.right {text-align:right;}
.center {text-align:center;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}/* navis
--------------------------------------------------------
--------------------------------------------------------*/
#nav {
	width: 166px;
	float: left;
	position: relative;
	z-index: 900;
	overflow: hidden;
}

/* tabnav rot, blau, grau
----------------------------------------------*/
.tabnav-red,
.tabnav-blue,
.tabnav-grey {
	height: 29px !important;
	background: url(/img/bg-pixel-tabnav-red.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	display: table;
}
*+html .tabnav-red {height: 30px !important;;}
*+html .tabnav-blue {height: 30px !important;;}
*+html .tabnav-grey {height: 30px !important;;}

.tabnav-blue {
	background: url(/img/bg-pixel-tabnav-blue.gif) repeat-x bottom;
}
.tabnav-grey {
	background: url(/img/bg-pixel-tabnav-grey.gif) repeat-x bottom;
}
.tabnav-red ul,
.tabnav-blue ul,
.tabnav-grey ul {
	padding: 0;
	list-style-type: none;
}
.tabnav-red ul li,
.tabnav-blue ul li,
.tabnav-grey ul li {
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	background: none !important;
	padding: 0 3px 0 0 !important;
}
.tabnav-red ul li a,
.tabnav-blue ul li a,
.tabnav-grey ul li a {
	float: left;
	display: block;
	padding: 4px 12px 4px 12px;
	color: #e54444;
	background-color: #FFE5DF;
	border-top: 1px solid #fff;
}
.tabnav-blue ul li a {
	color: #328ec7;
	background-color: #e6f1f9;
}
.tabnav-grey ul li a {
	color: #8e8e8e !important;
	background-color: #ececec;
}
.tabnav-red ul li a:focus,
.tabnav-red ul li a:active,
.tabnav-red ul li a:hover,
.tabnav-blue ul li a:focus,
.tabnav-blue ul li a:active,
.tabnav-blue ul li a:hover ,
.tabnav-grey ul li a:focus,
.tabnav-grey ul li a:active,
.tabnav-grey ul li a:hover {
	text-decoration: none !important;
	color: #fff !important;
	background-color: #db0000 !important;
}
.tabnav-blue ul li a:focus,
.tabnav-blue ul li a:active,
.tabnav-blue ul li a:hover {
	background-color: #0575ba !important;
}
.tabnav-grey ul li a:focus,
.tabnav-grey ul li a:active,
.tabnav-grey ul li a:hover {
	background-color: #e0e0e0 !important;
	color: #757575 !important;
}
.tabnav-red ul li.active a,
.tabnav-red ul li.active a:hover,
.tabnav-red ul li.active a:focus,
.tabnav-red ul li.active a:active,
.tabnav-blue ul li.active a,
.tabnav-blue ul li.active a:hover,
.tabnav-blue ul li.active a:focus,
.tabnav-blue ul li.active a:active,
.tabnav-grey ul li.active a,
.tabnav-grey ul li.active a:hover,
.tabnav-grey ul li.active a:focus,
.tabnav-grey ul li.active a:active {
	border: 1px solid #db0000;
	border-bottom: 1px solid #fff;
	color: #db0000 !important;
	background-color: #fff !important;
	cursor: default;
	padding-bottom: 7px;
}
.tabnav-blue ul li.active a,
.tabnav-blue ul li.active a:focus,
.tabnav-blue ul li.active a:hover {
	border: 1px solid #0575ba;
	border-bottom: 1px solid #fff;
	color: #0575ba !important;
}
.tabnav-grey ul li.active a,
.tabnav-grey ul li.active a:focus,
.tabnav-grey ul li.active a:hover,
.tabnav-grey ul li.active a:active {
	border: 1px solid #7f7f7f;
	border-bottom: 1px solid #fff;
	color: #595959 !important;
}
.tabnav-grey li#delHomepage {
	float: right;
}
.tabnav-grey li#delHomepage a,
.tabnav-grey li#delHomepage a:hover,
.tabnav-grey li#delHomepage a:focus,
.tabnav-grey li#delHomepage a:active {
	padding: 5px 0 0 0;
	background-color: #fff !important;
}

.tabnav-grey li.icn-add a {
	color: #8e8e8e !important;
	background: url(/img/buttons/icn-add.gif) #ececec no-repeat 5px 5px !important;
	padding-left: 24px;
	padding-right: 7px;
}
.tabnav-grey li.photo-add a {
	color: #8e8e8e !important;
	background: url(/img/buttons/icn-photo-add.gif) #ececec no-repeat 5px 5px !important;
	padding-left: 25px;
	padding-right: 7px;
}

/* tabnav ueber zweistufig (z.b. jahre, monate)
----------------------------------------------*/
.tabnav-zweistufig {
	margin: 0 0 10px 0;
}
.tabnav-zweistufig .tabnav-grey {
	margin: 0;
}
#content .tabnav-zweistufig .tabnav-grey  ul li.first {
	margin-left: 4px;
}
.subtabnav-grey {
	height: 25px;
	border-bottom: 1px solid #7f7f7f;
}
.subtabnav-grey ul {
	padding: 4px 0 0 8px;
	font-weight: bold;
	font-size: 10px;
}
#content .subtabnav-grey ul li {
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
	background: none !important;
}
#content .subtabnav-grey ul li a {
	outline: none;
	display: block;
	float: left;
	color: #595959;
	padding: 0 0 2px 0;
	width: 37px;
	text-align: center;
	text-decoration: none;
	line-height: 16px;
}
#content .subtabnav-grey ul li.active a {
	color: #fff;
	background: url(/img/bg-subtab-active.gif) no-repeat;
}
#content .subtabnav-grey ul li a.emptymonth,
#content .subtabnav-grey ul li a.emptymonth:hover {
	color: #d9d9d9;
	text-decoration: none;
	cursor: text;
	background: none;
}
/* link zur startseite, metalinks
------------------------*/
#nav ul.startlink {
	border-top: 1px solid #fff;
}
#nav ul.meta {
	border-top: none;
}

/* ebene 1
------------------------*/
#nav ul {
	list-style-type: none;
	padding: 0 0 11px 0;
	margin: 0 0 0 1px;
	border-top: 5px solid #fff;
}
#nav ul li{
	padding: 0;
	margin: 0;
}
#nav ul li a {
	color: #fff;
	display: block;
	padding: 4px 0 4px 5px;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	width: 160px;	
}
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a:focus {
	text-decoration: none;
}

/* ebene 2
------------------------*/
#nav ul li ul {
	margin: 0;
	padding: 0;
	border-top: none;
	background: none;
}
#nav ul li ul li a,
#nav ul li.active ul li a {
	display: block;
	padding: 3px 0 3px 12px;
	font-weight: normal;
	width: 153px;	
	border-bottom: none;
}
#nav ul li ul li a:hover,
#nav ul li ul li a:active,
#nav ul li ul li a:focus {
	font-weight: normal;
}
#nav ul li.active ul li.active a {
	font-weight: bold;
}

/* seitenwechsler
--------------------------------------------------------*/
#seitenwechsler ul {
	height: 22px;
	padding: 0;
	margin: 0 auto;
	background: url(/img/buttons/bg-pageturner-left.gif) no-repeat top left;
}
#seitenwechsler ul li{
	padding:0;
	margin: 0;
	display: inline;
}
#seitenwechsler ul li#naechsteseite{
	float: right;
	display: block;
	background: url(/img/buttons/bg-pageturner-right.gif) no-repeat top right;
}
#seitenwechsler ul li#naechsteseite a {
	padding: 0 8px 0 5px;
	background: url(/img/buttons/icn-arrow-grey.gif) no-repeat right;
	font-size: 10px;
	margin: 0 7px 0 0;
	line-height: 20px;
	width: auto;
}
* html #seitenwechsler ul li#naechsteseite a {margin: 0 4px 0 0;}

#seitenwechsler ul li#vorherigeseite a {
	padding: 0 20px 0 15px;
	width: 80px;
	background: url(/img/buttons/icn-arrow-grey-left.gif) no-repeat 7px 7px;
	font-size: 10px;
	line-height: 20px;
	width: auto;
}
#seitenwechsler ul li a,
#seitenwechsler ul li a:link,
#seitenwechsler ul li a:visited  {
	color: #5a5a5a;
	height: 22px;
	line-height: 20px;
	width: 30px;
	text-align: center;
	float: left;
	display: block;
	background: url(/img/buttons/bg-pageturner.gif) no-repeat center;
}
#seitenwechsler ul li a:hover,
#seitenwechsler ul li a:active,
#seitenwechsler ul li a:focus {
	color: #000;
	text-decoration: none;
	background: url(/img/buttons/bg-pageturner-over.gif) no-repeat center;
}
#seitenwechsler ul li.active a {
	color: #000;
	font-weight: bold;
	background: url(/img/buttons/bg-pageturner-active.gif) no-repeat center;
}/* für spezial-seiten sowie globale elemente
--------------------------------------------------------
--------------------------------------------------------*/
/* für Fotoalbum
--------------------------------------------------------*/
/* Alben-Übersicht
--------------------------------------------------*/
.calendar-box {
	margin: 3px 0 0 0;
	width: 39px;
	background: url(/img/bg-calendar.gif) no-repeat;
	float: right;
	text-align: center;
	color: #707070;
	font-size: 10px;
}
.calendar-box span.cal-month {
	display: block;
	text-transform: uppercase;
	padding: 2px 0 2px 0;
}
.calendar-box span.cal-day {
	padding: 0 1px 7px 0;
	display: block;
	font-size: 22px;
	letter-spacing:-2px;
}
div.fotoalbum {
	padding: 15px 0;
	border-bottom: 1px solid #9c9c9c;
}
.album-foto {
	float: left;
	width: 123px;
	background: url(/img/fotoalbum/album-bg.gif) repeat-y;
}
.album-foto a.album-link {
	text-align: center;
	display: block;
	padding: 4px 7px 0 4px;
	background: url(/img/fotoalbum/album-bg-top.gif) top no-repeat;
}
.album-foto ul {
	padding: 2px 8px 7px 5px;
	background: url(/img/fotoalbum/album-bg-bottom.gif) bottom no-repeat !important;
	color: #a4a4a4;
	font-size: 10px;
}
.album-foto ul li.album-count {
	background: url(/img/buttons/icn-fotos.gif) 0px 3px no-repeat !important;
	padding: 0 0 0 15px !important;
	float: right;
}
.album-foto ul li.album-diashow {
	background: none !important;
	padding: 0 !important;
}
#content .album-foto ul li.album-diashow a {
	background: url(/img/buttons/icn-diashow.gif) 1px 2px no-repeat;
	padding: 0 0 0 18px;
	color: #a4a4a4;
	display: block;
	width: 50px;
}
#content .album-foto ul li.album-diashow a:hover {
	text-decoration: none;
}
.album-desc {
	margin: 0 0 0 137px;
	width: 260px;
}
.album-controls {
	background: url(/img/community/tab-top-fotoalbum.gif) no-repeat top left;
	height: 18px;
	padding: 3px 4px 0 7px;
	width: 109px;
	text-align:right;
}
.album-controls img {
	vertical-align:middle;
}

/* Album-Detail
--------------------------------------------------*/
ul.album-meta-detail {
	padding: 2px 0 0 0;
	color: #a4a4a4;
}
#content ul.album-meta-detail li.album-count {
	background: url(/img/buttons/icn-fotos.gif) 0px 3px no-repeat;
	padding: 0 0 0 15px;
	margin: 0 0 0 87px;
}
#content ul.album-meta-detail li.album-date {
	background: url(/img/buttons/icn-date.gif) 0px 4px no-repeat;
	padding: 0 0 0 13px;
	float: left;
}
p.album-desc {
	margin: 0;
	padding: 12px 0 18px 0;
	width: 100%;
	border-bottom: 1px solid #BFBFBF;
}
.gallery-table {
	margin-bottom:20px;
}
.gallery-table td {
	vertical-align: bottom;
	text-align: center;
	height: 140px;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #d9d9d9;	
}
.gallery-table td img {
	padding: 0;
	border: 1px solid #b7b7b7;
}
.gallery-table td a:hover img {
	border: 1px solid #6f6f6f;
}

/* Captcha
--------------------------------------------------------*/
.captcha {
	padding: 17px 0 10px 0;
}
.captcha img {
	float: left;
	border: 1px solid #c3c3c3;
	margin: 0 10px 0 0;
}
.captcha label {
	padding: 0 0 4px 0;
	line-height: 14px;
}
.captcha input {
	width: 100px;
}

/* für faq-antworten
--------------------------------------------------------*/
#faq-antworten table td {
	padding: 3px 0 2px 0;
}

/* anmelde-teaser mit login
--------------------------------------------------------*/
.anmeldeteaser-wrapper {
	padding: 20px 0 0 0;
}
.anmeldeteaser-wrapper h2 {
	color: #1d66b5;
	padding: 0 0 6px 0;
}
form#anmeldeteaser-login {
	float: left;
	width: 185px;
	padding: 0 15px;
	margin: 15px 0;
	background: url(/img/bg-trennlinie-anmeldeteaser.gif) repeat-y right;	
}
form#anmeldeteaser-login label,
form#tellafriend label,
form#adresse-suchen label {
	padding: 2px 0 1px 0;
	display: block;
}
form#anmeldeteaser-login input#login_email,
form#anmeldeteaser-login input#login_passwort  {
	width: 155px;
	border: 1px solid #1d66b5;
	padding-left: 24px;
}
form#anmeldeteaser-login input#login_email{
	background: url(/img/buttons/icn-mail-login.gif) no-repeat 4px 3px #fff;
}
form#anmeldeteaser-login input#login_passwort {
	background: url(/img/buttons/icn-key.gif) no-repeat 4px 6px #fff;
}
form#anmeldeteaser-login .btn-wrapper-blue {
	margin-top: 10px;
}
#anmeldeteaser {
	margin: 0 0 2px 225px;
	height: 158px;
	padding: 15px 0 0 0;
	background: url(/img/bg-anmelde-teaser.gif) no-repeat bottom right;
}
#anmeldeteaser p {
	padding: 0 0 26px 0;
}
.anmeldeteaser-wrapper a.pwd-vergessen {
	color: #1D66B5 !important;
	width: 122px;
	margin: 8px 0 0 0;
	display: block;
	font-size: 10px;
}

/* kommentar-sprechblasen (gästebuch)
--------------------------------------------------------*/
div.comment {
	padding: 15px 0 0 0;
}
.user-comment div.comment {
	padding: 9px 0 9px 0;
}
div.comment p.comment-info,
div.comment-neutral p.comment-info {
	padding: 8px 0 1px 44px;
	margin: -1px 0 0 0;
	line-height: 14px;
	background: url(/img/bg-sprechblase.gif) no-repeat top left;
}
div.comment a:hover,
div.comment a:active,
div.comment a:focus{
	text-decoration: none;
}
div.comment span.comment-date {
	font-size: 10px;
	color: #7f7f7f;
}
img.comment-userbild {
	float: left;
	margin: 0 8px 0 0;
}
div.comment blockquote,
div.comment-neutral blockquote,
div.comment-box {
	margin: 0;
	padding: 10px 12px 10px 13px;
	background: #f8f8f8;
	border: 1px solid #ddd;
}
div.comment-neutral blockquote,
div.comment-neutral div.comment-box {
	background: #f8f8f8;
	border: 1px solid #ddd;
}
div.comment span.stars {
	margin: 0 5px 0 0;
}
div.comment .stars img {
	margin: 0 1px 0 0;
}
div.comment #bewertung-abgeben {
	padding: 3px 0 11px 0;
}
div.comment a.comment-spam {
	color: #A4A4A4 !important;
	background: url(/img/buttons/icn-comment-spam.gif) no-repeat right;
	padding: 0 14px 0 0;
}
form#comment-send textarea {
	width: 324px;
	margin: 0 8px 0 0;
}
a.logout {
	color: #999;
	background: url(/img/buttons/icn-ext.gif) no-repeat left;
	padding: 0 0 0 12px;
	margin: 0 0 0 10px;
	font-size: 10px;
}
a.logout:hover,
div.comment a.comment-spam:hover {
	color: #7f7f7f;
}
div.comment span.comment-meta {
	font-size: 9px;
	float: right;
}
div.comment span.comment-meta img {
	vertical-align: middle;
}
div.comment span.comment-meta a.comment-answer img {
	padding: 2px 9px 0 0;
}
div.comment span.comment-meta a.comment-edit img {
	padding: 0 8px 2px 0;
}
div.comment span.comment-contact-meta {
	padding: 0 0 0 5px;
}
div.comment span.comment-contact-meta img {
	padding: 0 3px 0 0;
}
div.user-comment {
	padding: 0 0 0 44px;
}
div.user-comment div.comment p.comment-info {
	padding: 3px 0;
	margin: 0;
	background: none;
}
div.user-comment div.comment blockquote,
div.user-comment div.comment div.comment-box {
	border: 1px solid #ddd;
	background: #f8f8f8;
	padding: 8px 10px;
}
div.user-comment .comment-box textarea{
	border: 1px solid #c7c7c7;
	height: 80px;
	width: 299px !important;
}
div.comment-neutral textarea,
div.comment-neutral input {
	border: 1px solid #c7c7c7;
}

/* mehr-zeigen-element (ältere kommentare einblenden)
--------------------------------------------------------*/
p.showmore {
	text-align: center;
	padding: 13px 0;
	background: url(/img/bg-pixel-tabnav-red.gif) repeat-x center;
}
p.showmore a {
	background: url(/img/buttons/btn-red-arrow-down.gif) no-repeat 8px #fff;
	padding: 6px 8px 6px 38px;
}

/* standard-boxes mit bg-verlauf (grau+blau)
--------------------------------------------------------*/
.box-top {
	background: url(/img/bg-box-top.gif) repeat-x top left #f1f1f1;
}
.box-top-blue {
	background: url(/img/bg-box-top-blue.gif) repeat-x top left #e5f1f9;
}
.box-bottom {
	min-height: 70px;
	background: url(/img/bg-box-bottom.gif) repeat-x bottom left;
}
.box-bottom-blue {
	min-height: 100px;
	background: url(/img/bg-box-bottom-blue.gif) repeat-x bottom left;
}
* html .box-bottom {height: 60px;}
* html .box-bottom-blue {height: 100px;}

.box-top-schmal {
	border-bottom:1px solid #ccc;
	background: url(/img/bg-box-top.gif) repeat-x top left #f1f1f1;
}
.box-top-schmal .box-bottom {
	background-image:none;
	border-bottom:1px solid #fff;
}
.box-innen {
	padding: 10px 14px 17px 15px;
}

/* box mit shadow nach innen (für sortierungen)
--------------------------------------------------------*/
.sortbox-top {
	background: url(/img/bg-sortbox-top.gif) repeat-x;
	padding: 13px 0 0 0;
	width: 468px;
}
.sortbox-bottom{
	background: url(/img/bg-sortbox-bottom.gif) repeat-x bottom;
	padding: 0 0 13px 0;
}
.sortbox-top.steps,
.sortbox-bottom.steps {
	padding: 0;
	margin: 0 0 20px 0;
}

/* für Buttons / Links als Buttons
--------------------------------------------------------*/
.btn-wrapper-red,
.btn-wrapper-blue,
.btn-wrapper-grey {
	width: auto;
	float: left;
	white-space: nowrap;
	background: url(/img/buttons/btn-left-red.gif) no-repeat top left;
}
.btn-wrapper-blue {
	background: url(/img/buttons/btn-left-blue.gif) no-repeat top left;
}
.btn-wrapper-grey {
	background: url(/img/buttons/btn-left-grey.gif) no-repeat top left;
}
.btn-wrapper-red a,
.btn-wrapper-blue a,
.btn-wrapper-grey a,
.btn-wrapper-red button,
.btn-wrapper-blue button,
.btn-wrapper-grey button {
	color: #fff !important;
	display: block;
	padding: 0 7px 0 7px;
	background: url(/img/buttons/btn-right-red.gif) no-repeat top right;
	height: 22px;
}
* html .btn-wrapper-red a {height: auto;}
* html .btn-wrapper-blue a {height: auto;}
* html .btn-wrapper-grey a {height: auto;}

.btn-wrapper-blue a,
.btn-wrapper-blue button {
	background: url(/img/buttons/btn-right-blue.gif) no-repeat top right;
}
.btn-wrapper-grey a,
.btn-wrapper-grey button {
	background: url(/img/buttons/btn-right-grey.gif) no-repeat top right;
	color: #000 !important;
}
.btn-wrapper-red button,
.btn-wrapper-blue button,
.btn-wrapper-grey button {
	padding: 0 4px 3px 4px;	
	line-height: 15px;
}
*+html button {padding: 0 7px 0 7px !important;}
* html button {padding: 0 7px 0 7px !important;float: left;}

.btn-wrapper-red a:hover,
.btn-wrapper-red a:active,
.btn-wrapper-red a:focus,
.btn-wrapper-blue a:hover,
.btn-wrapper-blue a:active,
.btn-wrapper-blue a:focus{
	text-decoration: none;
	color: #fff;
}
.btn-wrapper-grey a:hover,
.btn-wrapper-grey a:active,
.btn-wrapper-grey a:focus {
	text-decoration: none;
}
.btn-wrapper-red a span,
.btn-wrapper-blue a span,
.btn-wrapper-grey a span,
.btn-wrapper-red button span,
.btn-wrapper-blue button span,
.btn-wrapper-grey button span {
	padding: 2px 0 3px 0;
	display: block;
}
.btn-wrapper-grey.icn-arrow a span,
.btn-wrapper-grey.icn-arrow button span {
	padding: 2px 10px 3px 0;
	background: url(/img/buttons/icn-arrow-grey.gif) no-repeat center right;
}
.btn-wrapper-red.icn-arrow a span,
.btn-wrapper-red.icn-arrow button span,
.btn-wrapper-blue.icn-arrow a span,
.btn-wrapper-blue.icn-arrow button span {
	padding: 2px 14px 3px 0;
	background: url(/img/buttons/icn-arrow-white.gif) no-repeat center right;
}
.icn-arrow-back a span,
.icn-arrow-back button span {
	padding: 2px 0 3px 10px;
	background: url(/img/buttons/icn-arrow-white-left.gif) no-repeat center left;
}
.btn-wrapper-grey.icn-arrow-back a span,
.btn-wrapper-grey.icn-arrow-back button span {
	background: url(/img/buttons/icn-arrow-grey-left.gif) no-repeat center left;
}
.icn-warenkorb a span,
.icn-warenkorb button span {
	padding: 2px 20px 3px 0;
	background: url(/img/buttons/icn-warenkorb.gif) no-repeat center right;
}
.icn-refresh a span,
.icn-refresh button span {
	padding: 2px 3px 3px 12px;
	background: url(/img/buttons/icn-refresh.gif) no-repeat center left;
}
.btn-wrapper-grey.icn-diashow a span,
.btn-wrapper-grey.icn-diashow button span {
	padding: 2px 18px 3px 0;
	background: url(/img/buttons/icn-diashow.gif) no-repeat center right;
}
.icn-save a span,
.icn-save button span {
	padding: 2px 2px 3px 23px;
	background: url(/edit/img/buttons_icons/iconbar/icn_save.gif) no-repeat center left;
}
/* für Links mit Icon
--------------------------------------------------------*/
a.icn-link.arrow {
	background: url(/img/buttons/icn-arrow-red.gif) no-repeat right 4px;
	padding: 0 8px 0 0;
}
a.icn-link.arrow-blue {
	background: url(/img/buttons/icn-arrow-blue.gif) no-repeat right 4px;
	padding: 0 8px 0 0;
}
a.icn-link.arrow-back {
	background: url(/img/buttons/icn-arrow-red-left.gif) no-repeat left 4px;
	padding: 0 0 0 8px;
}
a.icn-link.pen {
	background: url(/img/buttons/icn-pen.gif) no-repeat left 2px;
	padding: 0 0 0 14px;
}
a.icn-link.warenkorb {
	background: url(/img/buttons/icn-warenkorb-red.gif) no-repeat left 2px;
	padding: 0 0 0 18px;
}
a.icn-link.refresh {
	background: url(/img/buttons/icn-refresh-red.gif) no-repeat left 4px;
	padding: 0 0 0 12px;
}
a.icn-album-add,
.message a.icn-album-add {
	background: url(/img/buttons/icn-photo-add.gif) no-repeat center left;
	padding: 4px 0 5px 19px;
	text-decoration: none;
}
a.icn-add,
.message a.icn-add {
	background: url(/img/buttons/icn-add.gif) no-repeat center left;
	padding: 4px 0 5px 19px;
	text-decoration: none;
}

/* Hinweis-Messages
------------------------------------------------- */
.message {
	margin: 8px 0;
	padding: 7px 10px 9px 33px;
}
.message br {
	line-height:7px;
}
.message.green {
	background: url(/img/buttons/icn-check.gif) no-repeat 9px 11px #f3fbf4;
	border-top: 1px solid #9bdd9e;
	border-bottom: 1px solid #9bdd9e;
	color: #119300;
}
.message.green a,
.message.green a:hover {color: #119300 !important;}

.message.red {
	background: url(/img/buttons/icn-cross.gif) no-repeat 11px 11px #fff3f3;
	border-top: 1px solid #EF000A;
	border-bottom: 1px solid #EF000A;
	color: #EF000A;
}
.message.red a,
.message.red a:hover {color: #EF000A !important;}

.message.yellow {
	background: url(/img/buttons/icn-warning.gif) no-repeat 11px 10px #fffce8;
	border-top: 1px solid #ffb400;
	border-bottom: 1px solid #ffb400;
	color: #ff6c00;
}
.message.yellow a,
.message.yellow a:hover {color: #ff6c00 !important;}

.message.blue {
	background: url(/img/buttons/icn-info.gif) no-repeat 9px 9px #ebf3fc;
	border-top: 1px solid #0575BA;
	border-bottom: 1px solid #0575BA;
	padding: 7px 10px 9px 32px;
	color: #00629f;
}
.message.blue a,
.message.blue a:hover {color: #00629f !important;}


#content .message ul,
.message ul {
	padding-bottom: 0;
	padding-top: 3px;
}
#content .message ul li,
.message ul li {
	padding-bottom: 0;
}

/* Prototip (Tooltip)
------------------------------------------------- */
a.prototipp.yes {
	color: #26B709;
}
a.prototipp.no {
	color: #EF000A;
	padding-left:10px;
}
/*----------------------- */
img.profile-bild {
	border: 1px solid #b7b7b7;
	padding: 2px;
	background-color: #fff;
}
img.userbild {
	padding: 1px;
	border: 1px solid #C3C3C3;
	background: #fff;
}

/* profil
--------------------------------------------------*/
table.profile-kombi {
	margin: -10px 0 0 0;
}
table.profile-kombi td {
	padding: 16px 0;
}
table.profile-kombi td.profile-bild img,
img.profile-bild {
	border: 1px solid #b7b7b7;
	padding: 2px;
	background-color: #fff;
}
table.profile-kombi td h2 {
	padding: 0;
}
/*table.profile-kombi td.profile-nav {
	background: url(/img/community/trennlinie-profil.gif) no-repeat left;
}*/
table.profile-kombi p.grey {
	padding-top:7px;
	color: #A4A4A4;
	font-size: 10px;
}
.icn-tick,
.icn-cross,
.icn-question {
	display: block;
	font-size: 10px;
	line-height: 14px;
	padding: 2px 0 3px 5px;
	position: relative;
	top: -1px;
	width: 121px;
}
.icn-tick {background-color: #10a800;}
.icn-cross {background-color: #ff0000;}
.icn-question {background-color: #ff9000;}

.icn-tick span,
.icn-cross span,
.icn-question span {
	color: #fff;
	display: block;
	width: 116px;
}
.icn-tick span {
	background: url(/img/buttons/icn-tick-white.gif) no-repeat right 2px;
}
.icn-cross span {
	background: url(/img/buttons/icn-cross-white.gif) no-repeat right 2px;
}
.icn-question span {
	width: 114px;
	background: url(/img/buttons/icn-help-white.gif) no-repeat right 2px;
}

/* Accordion (FAQ)
--------------------------------------------------------*/
#faq-accordion h2.accordion-toggle {
	padding: 3px 0 3px 21px;
	cursor: pointer;
	background: url(/img/buttons/icn-help-grey.gif) no-repeat left 4px;
	font-size: 11px;
}
#faq-accordion h2.accordion-toggle-active {
	background: url(/img/buttons/icn-help.gif) no-repeat left 4px;
}
.accordion-content {
	padding: 0 0 0 21px;
	display: none;
	overflow: hidden;
	background: url(/img/buttons/icn-antwort.gif) no-repeat left 2px;
}