.dummy {}

/* FOTOALBEN MIT MERKLISTE */
#maincontent { 
	padding-left: 20px !important; 
	padding-bottom: 20px !important; 
	}
#content { 
	position: relative; padding-right: 0px !important;
}
#content .set {
	display: none;
}
#content .bilder-ml .set,
#content .gal-head .set,
#content .gal-head2 .set {
	display: block;
	float: left;
	width: 662px;
	font-family: verdana;
}

	/* EINSTIEGSEITE ALBEN */
.head-set {
	float: right;
}
.gal-head {
	width: 662px;
	margin-bottom: 20px;
	float: left;
}
* html .gal-head {

}
.gal-head h1 {
	float: left;
	width: 662px;
	clear: left;
}
.gal-head .button-alben-merkliste {
}
.gal-head .button-alben-merkliste a {
	display: block;
	float: right;
	text-decoration: underline;
}
.gal-head .setarea {
	width: auto !important;
	float: right;
	padding: 0;
	margin: 0;
}
.setarea td {
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-image: none; 
}
.setarea table.set { 
	width: auto !important; 
	padding: 0px;
	margin: 0px;
	}

.setarea .set .setseperator { 
	display: none !important;
	}
.set td {
	text-align: center;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: #f3f3f3;
	padding: 0 6px 0 6px;
	width: 10px;
	background-image: none;
	font-size: 12px;
	font-weight: bold;
}

.gal-list {
	width: 662px;
	margin-bottom: 20px;
	margin-top: 16px;
	padding-top: 10px;
	float: left;
	background: url(../../../../pages/img/portal/spacer.gif) repeat-x; 
	background-position: 0% 0%;
}
.gal-list li {
	width: 220px;
	height: 155px;
	overflow: hidden;
	float: left;
	padding-right: 27px;
}
.gal-list li.big {
	width: 662px;
	height: auto;
	overflow: hidden;
	float: left;
	padding: 0 0 9px 0 !important;
	margin-bottom: 9px;
	background: url(../../../../pages/img/portal/spacer.gif) repeat-x; 
	background-position: 0% 100%;
}
.gal-list li.end {
	padding-right: 0px !important;
}
.gal-list li .alben {
	width: 205px; 
	padding: 4px 6px 0 9px; 
	float: left;
}
.gal-list li.big .alben {
	width: 662px; 
	padding: 0; 
}
.gal-list h3 {
	margin: 4px 0 0 0;
	line-height: 14px;
}
.gal-list li.big h3 {
	width: 460px;
	float: left;
}
.gal-list h3 a {
	color: #3d3d3d !important;
	font-size: 12px;
}
.gal-list h3 a.more {
	font-weight: normal;
	font-size: 11px;
	font-family: verdana;
	color: #97bf1b !important;
	padding-left: 6px;
	text-decoration: underline;
}
.gal-list a:hover,
.gal-list a:hover.more {
	color: #00672a !important;
}
.gal-list .alben table {
	margin-right: 2px;
	border: 1px solid #eae9e3;
	float: left;
	width: auto;
}
.gal-list .alben-foto {
	width: 91px;
	height: 91px;
}
.gal-list .alben-foto a {
	display: block;
}
.gal-list li.big img {
	clear: both;
}
.alben-info {
	float: right;
	width: 91px;
	text-align: center;
	font-size: 11px;
	line-height: normal;
	border: 1px solid #eae9e3;
	}
li.big .alben-info {
	width: 90px;
	height: 91px;
	}
.alben-more  {
	margin-left: 32px;
	height: 37px;
	width: 35px;
	background: url(../../../../pages/img/portal/marker-big-right.gif) no-repeat;
	background-position: 5px 8px;
}
.alben-more a {
	display: block;
	height: 37px;
	width: 35px;
}
.alben-more a:hover {
	text-decoration: none;
}
*html .alben-more  {
	margin-left: 0px;
}
li.big .alben-more  {
	margin-top: 8px;
}
.count-fotos {
	padding-top: 3px;
}
.count-fotos strong {
	font-size: 14px;
}
.alben-laden {
	padding-top: 5px;
	line-height: 14px;
}
li.big .alben-laden {
	float: right;
	text-align: right;
	width: 170px;
	font-size: 11px;
}
.alben-laden strong {
	font-weight: normal;
}
.alben-laden a {
	text-decoration: underline !important;
}
.alben-laden a.laden {
	padding-left: 9px;
}

/* ECARD - GALERIE - DOCUMENT */
.bg-gal,
.bg-gal-ecard {
	border: 2px solid #eae9e3;
	width: 662px;
	height: 441px;
	float: left;
	clear: both;
	padding: 9px 9px 0 9px;
	margin-bottom: 6px;
}
.bg-gal img {
	border: 1px solid #eae9e3;
}
.bg-gal-ecard {
	padding: 31px 9px 0 9px;
}
   
#ecard {
	float: right; 
	width: 284px;
	height: 284px;
}
#ecard table {
	margin-top: 3px;
	border: 2px solid #eae9e3;
	padding: 10px 0 10px 0;
}
#ecard img {
	float: none;
}

#ecardform { 
	float: left; 
	width: 336px;
	border: none;
}
#ecardform p { 
	width: 336px;
}
*html #ecardform, 
*html #ecardform p { 
	width: 356px;
}
#ecardform label {
	width: 69px; 
	margin: 0px;
	padding: 0 11px 0 0;
}
*html #ecardform label {
	padding: 0 7px 0 0;
}
#ecardform h4.mail-title {
	width: 260px;
	float: left;
	margin: 0px !important;
	padding: 0 0 1px 79px !important;
	display: block;
	visibility: visible;
	text-transform: none;
}
#ecardform .sender h4,
#ecardform .recepient h4 {
	width: 260px;
	float: left;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 0 79px !important;
}
#ecardform .recepient h4 {
	padding-top: 4px !important;
}
*html #ecardform .mail-title h4, 
*html #ecardform .sender h4,
*html #ecardform .recepient h4 {
	padding-left: 78px !important;
}
#ecardform input {
	width: 253px;
	height: 16px;
}
#ecardform textarea {
	height: 58px;
	width: 253px;
}
#ecardform .sendmail {
	width: 233px;
}
*html #ecardform .sendmail {
	width: 255px;
}
#ecardform .back {
	width: 100px;
}
*html #ecardform .back {
	width: 62px;
}
#ecardform .secure {
	padding-left: 10px;
	padding-top: 0px;
	float: left;
	letter-spacing: normal;
}
#ecardform .secure input {
	width: 30px;
	font-size: 11px;
	height: 19px;
	line-height: 21px;
	float: left;
	text-align: center;
	color: #016423;
	font-weight: bold;
	letter-spacing: normal;
	padding: 0px;
}
#ecardform .secure strong, 
#ecardform .secure span {
	float: left;
}
#ecardform .secure strong {
	letter-spacing: normal;
}
#ecardform input.textbutton {
	text-decoration: underline;
}

/*************************************/
/*************************************/
/*************************************/

.bg-gal-prev {
	width: 662px;
	float: left;
	height: 128px;
	background: url(../../../../pages/img/portal/spacer.gif) repeat-x #fff;
	background-position: 0% 100%;
	padding-bottom: 20px;
}
.bg-gal-prev table {
	width: 91px;
	height: 95px;
	float: left;
	border: 1px solid #eae9e3;
	margin: 0 3px 0 2px;

}
.bg-gal-prev td {
	width: 38px;
	height: 91px;
	padding: 0px;
}
.bg-gal-prev td.gal-prev {
	width: 638px;
}
.bg-gal-prev table td {
	width: 91px;
	height: 87px;
	padding: 2px;
}
.bg-gal-prev img {
	margin: 0px;
}
.gal-functions {
	width: 662px;
	font-size: 11px;
	color: #000;
	line-height: 21px;
	height: 21px;
	clear: both;
	padding-bottom: 12px;
	background: url(../../../../pages/img/portal/spacer.gif) repeat-x;
	background-position: 0% 100%;
}
.gal-functions .href {
	text-align: right;
	float: right;
}
.gal-functions a {
	margin-left: 12px;
	text-decoration: underline !important;
}

.gal-forward {
	background: url(../../../../pages/img/portal/marker-big-right.gif) no-repeat;
	background-position: 10px 0px;
	padding-right: 9px;
	width: 32px;
}
.gal-backward {
	background: url(../../../../pages/img/portal/marker-big-left.gif) no-repeat;
	background-position: 10px 0px;
	padding-left: 9px;
	width: 32px;
}
.gal-forward a,
.gal-backward a {
	display: block;
	width: 32px;
	height: 34px;
}
.gal-fwd {
	background: url(../../../../pages/img/portal/marker-small-right.gif) no-repeat;
	background-position: 0% 0%;
	padding-right: 2px;
	width: 28px;
}
.gal-bwd {
	background: url(../../../../pages/img/portal/marker-small-left.gif) no-repeat;
	background-position: 100% 0%;
	padding-left: 2px;
	width: 28px;
}
.gal-fwd a,
.gal-bwd a {
	display: block;
	width: 28px;
	height: 28px;
}
/*************************************/
/*************************************/
/*************************************/
.comments {
	margin-top: 19px;
	width: 662px;
}
.comments ul {
	clear: both;
	width: 662px;
	background: url(../../../../pages/img/portal/spacer.gif) repeat-x;
	background-position: 0% 0%;
	padding-top: 1px;
}
.comments li {
	clear: both;
	float: left;
	width: 662px;
	padding: 6px 0 10px 0;
	background: url(../../../../pages/img/portal/spacer.gif) repeat-x;
	background-position: 0% 100%;
}
.comments .text{
	padding-right: 70px;
	float: left;
}
.ref {
	float: right;
	text-align : right;
}
.ref strong {
	display: block;
	color: #131313;
}
/*************************************/
/*************************************/
/*************************************/
.message {
	margin-top: 25px;
}
.message form {
	float: left;
	width: 662px;
}
.message .formular {
	padding: 13px 0 13px 0;
	border: 2px solid #eae9e3;
	width: 439px;
	float: left;
	}
.message p {
	padding-top: 7px;
	width: 430px;
	float: left;
	clear: both;
	}
.message label {
	width: 71px; 
	text-align: right;
	padding-right: 8px;
	float: left;
	font-size: 11px;
	line-height: 21px;
}
.message p.send {
	clear: both;
	display: block;
	padding-top: 0px;
	float: left;
	width: 410px;
	text-align: right;
	margin-top: 12px;
}
.message .send a {
	padding-right: 18px;
	text-decoration: underline;
}
.message input,
.message textarea {
	width: 327px;
	float: left;
}
.message textarea {
	height: 107px;
}
.message fieldset.sec {
	padding: 0px 0px 0px 20px;
	float: left;
	width: 200px;
	height: 230px;
	}
.message fieldset.sec input {
	width: 137px;
	font-weight: bold;
	text-align: center;
	color: #016423;
	border: 1px solid #eae9e3;
	margin-top: 6px;
	line-height: 20px;
}
.message .info {
	font-weight: bold;
	color: #016423;
}
.message fieldset.sec p {
	padding: 0px;
	width: 200px !important;
}
.message fieldset.sec strong {
	padding: 9px 0 11px 0;
	width: auto !important;
	display: block;
}
/*************************************/
/*************************************/
/*************************************/
.gal-head2 {
	width: 662px;
	float: left;
}
.gal-head2 h1 {
	float: left;
	clear: both;
	width: 662px;
	padding-bottom: 12px;
}
.gal-head2 .back,
.gal-head2 .button-gal-merkliste {
}
.gal-head2 .back a,
.gal-head2 .button-gal-merkliste a {
	display: block;
	text-decoration: underline;
}
.text strong {
	color: #00672a;
}
/* MERKLISTE */
.bilder-ml {
	width: 662px;
	padding-bottom: 20px;
}
#mail .bilder-ml {
	padding: 0 119px 30px 131px;
	float: left;
	width: 675px;
	background: #fff;
	margin: 0px;
	clear: both;
}
.bilder-ml h1 {
	float: left;
	width: 662px;
	clear: left;
}

.bilder-ml .preview-start { 
}
.bilder-ml .preview-stop {
}
.bilder-ml .preview-background {
	clear: both;
	width: 662px; 
	padding: 0 0 10px 0;
	float: left;
}
.bilder-ml .preview-background table {
	width: 662px; 
	float: left;
}
.bilder-ml .preview-background table table {
	width: 91px; 
	height: 91px; 
	float: left;
	margin: 10px 10px 0px 0px;
	border: 1px solid #eae9e3;
}
.bilder-ml .preview-background table table .ml-bild {
	width: 87px; 
	height: 87px; 
	padding: 2px;
}
.bilder-ml .back {
	float: right;
}
.bilder-ml .back a {
	display: block;
	float: right;
	text-decoration: underline;
}
.ml-bild a {
	display: block; 
}
.ml-bild a:hover {
	text-decoration: none;
}
.ml-delete {
	background: url(../../../../pages/img/portal/bg-delete-image.gif) no-repeat ; 
	width: 100%;
	height: 100%;
	background-position: 100% 100%;
	display: block;
}
.ml-functions {
	width: 662px;
	padding-top: 20px;
}
.ml-buttons {
	float: left;
}
.ml-buttons span {
	float: left;
	margin-right: 20px;
	display: block;
}
.ml-buttons a {
	text-decoration: underline;
}
/* MERKLISTE DOKUMENTENVERSAND */

.ml-form  {
	width: 430px; 
	padding: 20px 0 18px 0;
	float: right;
	border: 2px solid #eae9e3;
	font-size: 11px;
	right: 58px;
	position: relative;
}
.bilder-ml .formular {
	width: 235px;
	float: left;
}
.ml-form .formular p {
	width: 235px;
}
.ml-form .nachricht p {
	width: 410px;
}
.ml-form .secure p {
	width: 170px;
}
.formular h3,
.nachricht h3 {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px;
	padding-left: 78px;
	font-weight: normal;
	}
.ml-form p {
	padding: 0 0 4px 0;
	display: block;
	clear: both;
	float: left;
}
.bilder-ml label {
	width: 70px;
	padding-right: 8px;
	text-align: right;
	display: block;
	float: left;
	line-height: 19px;
}
.bilder-ml .secure {
	width: 170px;
	float: right;
	padding-top: 17px;
	line-height: 17px;
}
.ml-form p.securecode input { 
	font-weight: bold;
	text-align: center;
	color: #016423;
	border: 1px solid #eae9e3;
	width: 142px;
}
.bilder-ml strong {
	color: #000;
	letter-spacing: 1px;
}
.bilder-ml .send {
	padding: 10px 20px 0 0;
	clear: both;
	float: left;
	width: 410px;
}
.bilder-ml .abbruch,
.bilder-ml .senden {
	margin-left: 20px;
	display: block;
	float: right;
}
.bilder-ml .send a {
	display: block;
	text-decoration: underline;
}
.bilder-ml .send .info {
	color: #016423 !important;
	font-weight: bold;
	text-align: right;
	width: 100%;
}
.bilder-ml .nachricht {
	padding: 0 20px 0 0;
	clear: both;
	float: left;
	width: 410px;
}
.bilder-ml input {
	width: 152px;
	height: 17px;
	float: left;
	font-size: 11px;
	line-height: 14px;
}
.bilder-ml textarea {
	width: 152px;
	float: left;
	font-size: 11px;
	line-height: 14px;
}
*html .bilder-ml input,
*html .bilder-ml textarea  {
	width: 150px;
}
.bilder-ml .nachricht input,
.bilder-ml .nachricht textarea {
	width: 328px;
}
*html .bilder-ml .nachricht input,
*html .bilder-ml .nachricht textarea {
	width: 327px;
}
.bilder-ml .nachricht textarea,
.bilder-ml textarea {
	height: 60px;
}

.on.hide, 
.off.hide {
	display: none;
}
.on.show, 
.off.show {
	display: inline;
}

.ml.hide {
	filter:alpha(opacity=10); 
	-moz-opacity:0.1;
}
.ml.show {
	filter:alpha(opacity=100); 
	-moz-opacity:1;
}

.image-on {
	border-color: #00662a !important;
}
.image-over {
	border-color: #97bf1b !important;
}
.image-off {
	border-color: #e4e4e4 !important;
}

img.image-on {
	border: 2px solid #00662a !important;
}
img.image-over {
	border: 2px solid #97bf1b !important;
}
img.image-off {
	border: 1px solid #e4e4e4 !important;
}
