/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
* Filename: styles.css 
* Version: 1.0.0 (2009-06-15) YYYY-MM-DD 
* Website: http://www.clipper-hotels.de/ 
* Layout: Robert Morawe
* © Butterf!sch - Werbeagentur 2009 - www.butterfisch-werbeagentur.de -
* Description: Handles the site layout.

 == STRUCTURE: ============================== 
* Page width: 895 px 
* Number of columns: 3
* Colors: background: #33321e
					contentbg: #585040
					fontcolor: #d1ccc5
					darkbrown: #221807
					link active: #221807
* Keyvisuals: 654x300 px
 ============================================ */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 100.01%/150% Arial, Helvetica, sans-serif;
	color: #d1ccc5;
	text-decoration: none;
	background: #33321e;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1em;
	font-weight: lighter;
	padding: 0em 0em 1em;
	letter-spacing: 1px;
}
p, 
ul li,
.tip {
	font-size: 0.75em;
	color: #d1ccc5;
	line-height: 1.7em;
}
a:link, a:visited {
	color: #d1ccc5;
	text-decoration: none;
}
a:hover, a:active {
	color: #d1ccc5;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
img {
	border: none;
}

/*===== STYLES =====*/
.clear {
	clear: both;
}
.hidden {
	visibility: hidden;
}
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
h2.subline {
	padding: 0px;
}
.darkbrown {
	 color: #221807;
}
p.intro {
	border-bottom: 1px solid #d1ccc5;
	margin-bottom: 2em;
}
p.trenner {
	border-bottom: 1px solid #d1ccc5;
	margin-bottom: 2em;
	font-weight: bold;
}
p.right {
	text-align: right;
	float: right;
}
a.internerlink:link, a.internerlink:visited {
	color: #d1ccc5;
	text-decoration: underline;
	font-weight: bold;
}
a.internerlink:hover, a.internerlink:active {
	color: #d1ccc5;
	text-decoration: none;
	font-weight: bold;
}
a.internerlinkdark:link, a.internerlinkdark:visited {
	color: #221807;
	text-decoration: none;
	font-weight: bold;
}
a.internerlinkdark:hover, a.internerlinkdark:active {
	color: #221807;
	text-decoration: underline;
	font-weight: bold;
}
#teaser.main {
	background: url(../_images/bg-teaser-main.jpg) no-repeat 0px 0px;
}
* html .cel {background: url(../_images/bg-teaser-elbe.jpg) no-repeat 0px 0px;} /* fuer IE */
#teaser.cel {
	background: url(../_images/bg-teaser-elbe.jpg) no-repeat 0px 0px;
}
* html .hch {background: url(../_images/bg-teaser-hch.jpg) no-repeat 0px 0px;} /* fuer IE */
#teaser.hch {
	background: url(../_images/bg-teaser-hch.jpg) no-repeat 0px 0px;
}
* html .cch {background: url(../_images/bg-teaser-cch.jpg) no-repeat 0px 0px;} /* fuer IE */
#teaser.cch {
	background: url(../_images/bg-teaser-cch.jpg) no-repeat 0px 0px;
}
#teaser ul {
	padding: 0px 0px 10px;
	list-style: none;
}
* html #content-cel-grundriss { /* fuer IE6 */
	background: #585040 url(../_images/bg-clipper-elblodge-blank.gif) no-repeat left 306px;
	border-top: 6px solid #d1ccc5;
	padding: 22px 43px 32px
}
*+html #content-cel-grundriss { /* fuer IE7 */
	background: #585040 url(../_images/bg-clipper-elblodge-blank.gif) no-repeat left 306px;
	padding: 22px 43px 32px
}
#content-cel-grundriss {
	background: #585040 url(../_images/bg-clipper-elblodge-blank.gif) no-repeat left 300px;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 50px 43px 32px;
}
* html #content-hch-grundriss { /* fuer IE6 */
	background: #585040 url(../_images/bg-clipper-haus-blank.gif) no-repeat left 306px;
	border-top: 6px solid #d1ccc5;
	padding: 50px 43px 32px;
}
*+html #content-hch-grundriss { /* fuer IE7 */
	background: #585040 url(../_images/bg-clipper-haus-blank.gif) no-repeat left 306px;
	padding: 50px 43px 32px;
}
#content-hch-grundriss {
	background: #585040 url(../_images/bg-clipper-haus-blank.gif) no-repeat left 300px;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 50px 43px 32px;
}
* html #content-cch-grundriss { /* fuer IE6 */
	background: #585040 url(../_images/bg-clipper-cityhome-blank.gif) no-repeat left 306px;
	border-top: 6px solid #d1ccc5;
	padding: 50px 43px 32px
}
*+html #content-cch-grundriss { /* fuer IE7 */
	background: #585040 url(../_images/bg-clipper-cityhome-blank.gif) no-repeat left 306px;
	padding: 50px 43px 32px
}
#content-cch-grundriss {
	background: #585040 url(../_images/bg-clipper-cityhome-blank.gif) no-repeat left 300px;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 50px 43px 32px;
}
* html #content-cel-googlemap { /* fuer IE6 */
	background: #585040 url(../_images/bg-clipper-elblodge-blank.gif) no-repeat left 306px;
	border-top: 6px solid #d1ccc5;
	padding: 10px 43px 32px;
}
*+html #content-cel-googlemap { /* fuer IE7 */
	background: #585040 url(../_images/bg-clipper-elblodge-blank.gif) no-repeat left 306px;
	padding: 10px 43px 32px;
}
#content-cel-googlemap {
	background: #585040 url(../_images/bg-clipper-elblodge-blank.gif) no-repeat left 300px;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 10px 43px 32px;
}
* html #content-hch-googlemap { /* fuer IE6 */
	background: #585040 url(../_images/bg-clipper-haus-blank.gif) no-repeat left 306px;
	border-top: 6px solid #d1ccc5;
	padding: 10px 43px 32px;
}
*+html #content-hch-googlemap { /* fuer IE7 */
	background: #585040 url(../_images/bg-clipper-haus-blank.gif) no-repeat left 306px;
	padding: 10px 43px 32px;
}
#content-hch-googlemap {
	background: #585040 url(../_images/bg-clipper-haus-blank.gif) no-repeat left 300px;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 10px 43px 32px;
}
* html #content-cch-googlemap { /* fuer IE6 */
	background: #585040 url(../_images/bg-clipper-cityhome-blank.gif) no-repeat left 306px;
	padding: 10px 43px 32px;
}
*+html #content-cch-googlemap { /* fuer IE7 */
	background: #585040 url(../_images/bg-clipper-cityhome-blank.gif) no-repeat left 306px;
	padding: 10px 43px 32px;
}
#content-cch-googlemap {
	background: #585040 url(../_images/bg-clipper-cityhome-blank.gif) no-repeat left 300px;
	border-top: 6px solid #d1ccc5;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 10px 43px 32px;
}
#inhalt p {
	padding: 0em 0em 1em;
}
#inhalt ul.servicelist {
	padding: 0px 0px 1em 12px;
	list-style: disc;
}
#inhalt ul.servicelist li ul {
	padding: 0px 0px 0px 23px;
}
#inhalt ul.servicelist li ul li {
	font-size:1em;
	list-style: circle;
}
#inhalt ul.speciallist {
	padding: 0px 0px 1em;
	list-style: none;
}
#inhalt ul.speciallist li ul li {
	font-size:1em;
	padding: 0px 0px 0px 22px;
	list-style: none;
}
#inhalt ul.job li {
	list-style: none;
}
#inhalt ul.job li.last {
	padding: 0em 0em 1em;
}
#inhalt ul.kontakt {
	border-bottom: 1px solid #221807;
	margin: 0px 0px 1em;
}
#inhalt ul.kontakt li {
	color: #d1ccc5;
	list-style: none;
}
#inhalt ul.kontakt li.last {
	padding: 0em 0em 1em;
}
a.kontaktlink:link, a.kontaktlink:visited {
	color: #221807;
	text-decoration: none;
	font-weight: bold;
}
a.kontaktlink:hover, a.kontaktlink:active {
	color: #221807;
	text-decoration: underline;
	font-weight: bold;
}

/*----- COLORCODE-----*/
#colorcode_cel a, #colorcode_hch a, #colorcode_cch a {
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 170px;
	float: right;
}
#colorcode_cel_xtra a, #colorcode_hch_xtra a, #colorcode_cch_xtra a {
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 180px;
}

/*----- SERVICENAVIGATION -----*/
#servicenavigation ul {
	list-style: none;
	float: left;
}
#servicenavigation li {
	display: inline;
}
#servicenavigation ul.home {
	padding: 0px 175px 0px 0px;
}
#servicenavigation ul.language {}
#servicenavigation ul.service {
	float: right;
}
#servicenavigation ul.service li {
	padding: 0px 0px 0px 27px;
}
/*#servicenavigation ul.home li a:link, #servicenavigation ul.home li a:visited,
#servicenavigation ul.language li a:link, #servicenavigation ul.language li a:visited,
#servicenavigation ul.service li a:link, #servicenavigation ul.service li a:visited
*/
#servicenavigation ul li a:link, #servicenavigation ul li a:visited 
{
	color: #d1ccc5;
	text-decoration: none;
}
/*
#servicenavigation ul.home li a:hover, #servicenavigation ul.home li a:active,
#servicenavigation ul.language li a:hover, #servicenavigation ul.language li a:active,
#servicenavigation ul.service li a:hover, #servicenavigation ul.service li a:active 
*/
#servicenavigation ul li a:hover, #servicenavigation ul li a:active 
{
	color: #585040;
	text-decoration: none;
}
#servicenavigation ul.home li a.current,
#servicenavigation ul.language li a.current,
#servicenavigation ul.service li a.current,
#servicenavigation ul li.active a,
#servicenavigation ul li.active a:link, #servicenavigation ul li.active a:visited 
 {
	color: #585040;
	text-decoration: none;
}
/*----- LOGO -----*/
a.logo:link, a.logo:visited {
	display: block;
	float: left;
	height: 88px;
	width: 170px;
	background: url(../_images/logo.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
a.logo:hover, a.logo:active {
	display: block;
	float: left;
	height: 88px;
	width: 170px;
	background: url(../_images/logo.gif) no-repeat -170px 0px;
	text-indent: -9999px;
}

/*----- RESERVIERUNG -----*/
ul.extern {
	list-style: none;
	float: left;
	padding: 58px 0px 0px 85px;
}
ul.extern li {
	display: inline;
	float: left;
	padding: 0px 10px 0px 0px;
}
ul.extern li a {
	display: block;
	height: 30px;
	width: 132px;
	text-indent: -9999px;
}
a.reservation:link, a.reservation:visited {
	background: url(../_images/btn-reservierung.gif) no-repeat left top;
}
a.reservation:hover, a.reservation:active {
	background: url(../_images/btn-reservierung.gif) no-repeat -132px top;
}
a.reservationactive {
	background: url(../_images/btn-reservierung.gif) no-repeat -264px top;
}
a.reservation-en:link, a.reservation-en:visited {
	background: url(../_images/btn-reservation.gif) no-repeat left top;
}
a.reservation-en:hover, a.reservation-en:active {
	background: url(../_images/btn-reservation.gif) no-repeat -132px top;
}
a.reservationactive-en {
	background: url(../_images/btn-reservation.gif) no-repeat -264px top;
}
a.login:link, a.login:visited {
	background: url(../_images/btn-corporate.gif) no-repeat left top;
}
a.login:hover, a.login:active {
	background: url(../_images/btn-corporate.gif) no-repeat -132px top;
}
a.loginactive {
	background: url(../_images/btn-corporate.gif) no-repeat -264px top;
}
ul.reservierungen {
	list-style: none;
}
ul.reservierungen li {
	padding: 0px 0px 12px;
}
ul.reservierungen li a {
	display: block;
	height: 91px;
	width: 430px;
	text-indent: -9999px;
}
ul.reservierungen li a.hanse:link, ul.reservierungen li a.hanse:visited {
	background: url(../_images/bg-reservation_hanse.jpg) no-repeat left top;
}
ul.reservierungen li a.hanse:hover, ul.reservierungen li a.hanse:active {
	background: url(../_images/bg-reservation_hanse.jpg) no-repeat -430px top;
}
ul.reservierungen li a.elblodge:link, ul.reservierungen li a.elblodge:visited {
	background: url(../_images/bg-reservation_elbe.jpg) no-repeat left top;
}
ul.reservierungen li a.elblodge:hover, ul.reservierungen li a.elblodge:active {
	background: url(../_images/bg-reservation_elbe.jpg) no-repeat -430px top;
}
ul.reservierungen li a.city:link, ul.reservierungen li a.city:visited {
	background: url(../_images/bg-reservation_mitte.jpg) no-repeat left top;
}
ul.reservierungen li a.city:hover, ul.reservierungen li a.city:active {
	background: url(../_images/bg-reservation_mitte.jpg) no-repeat -430px top;
}
ul.reservierungen li a.garden:link, ul.reservierungen li a.garden:visited {
	background: url(../_images/bg-reservation_garden.jpg) no-repeat left top;
}
ul.reservierungen li a.garden:hover, ul.reservierungen li a.garden:active {
	background: url(../_images/bg-reservation_garden.jpg) no-repeat -430px top;
}

/*----- NAVIGATION -----*/
#mainnavigation ul.navi,
#subnavigation ul.subnavi,
#subsubnavigation ul.subnavi,
#subsubnavigation ul.subnavi li ul.sub,
#grundrissnavigation ul.subnavi{
	list-style: none;
	padding: 0px;
	display: block;
}
#grundrissnavigation { margin-bottom:40px; }
#mainnavigation ul.navi li,
#subnavigation ul.subnavi li,
#subsubnavigation ul.subnavi li,
#subsubnavigation ul.subnavi li ul.sub li,
#grundrissnavigation ul.subnavi li {
	display: block;
}
#grundrissnavigation ul.subnavi li.first {
	padding: 0 0 1em 25px;
}
#mainnavigation ul.navi li.last,
#subnavigation ul.subnavi li,
#subsubnavigation ul.subnavi li.last,
#subsubnavigation ul.subnavi li ul.sub li.last,
#grundrissnavigation ul.subnavi li.last {
	padding: 0em 0em 1em;
}
#mainnavigation ul.navi li a, 
#subnavigation ul.subnavi li a,
#subsubnavigation ul.subnavi li a,
#grundrissnavigation ul.subnavi li a {
	padding: 0px 0px 0px 25px;
}
#mainnavigation ul.navi li a:hover, #mainnavigation ul.navi li a:active, 
#subnavigation ul.subnavi li a:hover, #subnavigation ul.subnavi li a:active,
#subsubnavigation ul.subnavi li a:hover, #subsubnavigation ul.subnavi li a:active,
#subsubnavigation ul.subnavi li ul.sub li a:hover, #subsubnavigation ul.subnavi li ul.sub li a:active,
#grundrissnavigation ul.subnavi li a:hover, #grundrissnavigation ul.subnavi li a:active {
	font-weight: bold;
	color: #221807;
	text-decoration: none;
}
#mainnavigation ul.navi li.active a,
#subnavigation ul.subnavi li.active a,
#subsubnavigation ul.subnavi li.active a,
#subsubnavigation ul.subnavi li ul.sub li.active a,
#grundrissnavigation ul.subnavi li.active a{
	font-weight: bold;
	color: #221807;
}
#subsubnavigation ul.subnavi ul.sub {
	list-style: none;
}
#subsubnavigation ul.subnavi ul.sub li a {
	color: #d1ccc5;
	text-decoration: none;
	padding: 0px 0px 0px 50px;
	font-size: 1.3em;
	line-height: 1.7em;
	font-weight: normal;
}
* html #subsubnavigation ul.subnavi li ul.sub li a /*nur fuer den IE6*/ {
	font-size: 1.3em;
	color: #d1ccc5;
	line-height: 1.7em;
	font-weight: normal;
}
*+html #subsubnavigation ul.subnavi li ul.sub li a /*nur fuer den IE7*/ {
	font-size: 1.3em;
	color: #d1ccc5;
	line-height: 1.7em;
	font-weight: normal;
}
* html #subsubnavigation ul.subnavi li ul.sub li.active a /*nur fuer den IE6*/ {
	font-size: 1.3em;
	color: #221807;
	line-height: 1.7em;
	font-weight: bold;
}
*+html #subsubnavigation ul.subnavi li ul.sub li.active a /*nur fuer den IE7*/ {
	font-size: 1.3em;
	color: #221807;
	line-height: 1.7em;
	font-weight: bold;
}

/*----- ICONBAR -----*/
ul.iconbar {
	display: block;
	list-style: none;
	height: 20px;
	width: 90px;
	padding: 0px 0px 0px 350px;
}
ul.iconbar li {
	padding: 0px 0px 0px 11px;
	height: 20px;
	width: 17px;
	float: left;
}
ul.iconbar li a {
	display: block;
	height: 20px;
	width: 17px;
	float: right;
	text-indent: -9999px;
}
ul.iconbar li a.send {
	background: url(../_images/icon-senden.gif) no-repeat 0px 0px;
}
ul.iconbar li a.send:hover, ul.iconbar li a.send:active {
	background: url(../_images/icon-senden.gif) no-repeat -18px 0px;
}
ul.iconbar li a.print {
	background: url(../_images/icon-drucken.gif) no-repeat 0px 0px;
}
ul.iconbar li a.print:hover, ul.iconbar li a.print:active {
	background: url(../_images/icon-drucken.gif) no-repeat -18px 0px;
}
ul.iconbar li a.download {
	background: url(../_images/icon-download.gif) no-repeat 0px 0px;
}
ul.iconbar li a.download:hover, ul.iconbar li a.download:active {
	background: url(../_images/icon-download.gif) no-repeat -18px 0px;
}

/*----- TOOLTIP -----*/
.tTip {
	position: absolute; 
	cursor: pointer; 
	color: #d1ccc5; 
	font-weight: bold;
}
.tip {
	color: #d1ccc5;
}
* html .tip {width: 300px;}		/* fuer IE */
html>body .tip {width: auto;}	/* not ie6- */
.tip {
	padding-top: 5px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: #33321e;
}
	
.tipMid {
	background: #33321e;
	padding: 0 10px;
}
.tipBtm {
	background: #33321e;
	height: 5px;
}
#tooltip {
	font-size: 0.65em;
	color: #d1ccc5;
	line-height: 1.7em;
	position: absolute;
	z-index: 3000;
	background-color: #33321e;
	padding: 5px 10px;
	font-weight: normal;
}
#tooltip div, #tooltip h3 {font-size: small; font-weight: normal;}

/*----- ACCORDION -----*/
.accordion { 
	list-style-type: none; 
	padding: 0; 
	margin: 0 0 30px; 
}
.accordion ul {
	padding: 0;
	margin: 0 0 1em;
	float: left;
	display: block;
	width: 430px;
}
.accordion li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li.active>a {
	background: url(../_images/open-close.gif) no-repeat left -39px;
	color: #221807;
	font-weight: bold;
}
.accordion li div {
	padding: 10px 15px 0px;
	display: block;
	clear: both;
	float: left;
	width: 400px;
	border-bottom: 1px solid #221807;
}
.accordion li div p {
	font-size: 1em;
}
.accordion li div a {
	background: url(none);
	margin: 0px;
	padding: 0px;
}
.accordion a {
	text-decoration: none;
	color: #d1ccc5;
	padding: 6px 6px 6px 15px;
	display: block;
	background: url(../_images/open-close.gif) no-repeat left top;
	font-weight: normal;
}
	
/*----- TABLE -----*/
table {
	font-size: 0.75em;
	line-height: 1.7em;
	margin: 0px  0px 1em;
	padding: 0px;
	width: 430px;
}
th, td {
	border-top: none;
	border-right: 10px solid #585040;
	border-bottom: 10px solid #585040;
	border-left-style: none;
}
tr.light {
	background: #7c7361;
}
th.left {
	text-align: left;
	padding: 0px 0px 0px 5px;
}
th.center {
	text-align: center;
}
th.right {
	text-align: right;
	vertical-align: bottom;
	padding: 0px 5px 0px 10px;
}
td {
	text-align: right;
	vertical-align: bottom;
	padding: 0px 5px 0px 10px;
	white-space: nowrap;
}

/*----- DOWNLOADS -----*/
.downloadbox {
	padding: 0px 0px 1em 0px;
}
.downloadbox img {
	float: left;
}
.downloadbox ul.downloadinfo {
	display: block;
	list-style: none;
	width: 120px;
	float: right;
}
.downloadbox ul.downloadinfo li.last{
	padding-top: 15px;
}

/*----- GALERIE -----*/
#galerie ul {
	list-style: none;
}
#galerie li {
	float: left;
	height: 56px;
	width: 56px;
	padding: 0px 13px 13px 0px;
}
#galerieimages01 {
	height: 300px;
	width: 457px;
	position: absolute;
	left: 197px;
	visibility: visible;
}
#galerieimages02 {
	height: 300px;
	width: 457px;
	position: absolute;
	left: 197px;
	visibility: hidden;
}
#galerieimages03 {
	height: 300px;
	width: 457px;
	position: absolute;
	left: 197px;
	visibility: hidden;
}
#galerieimages04 {
	height: 300px;
	width: 457px;
	position: absolute;
	left: 197px;
	visibility: hidden;
}
#galerieimages05 {
	height: 300px;
	width: 457px;
	position: absolute;
	left: 197px;
	visibility: hidden;
}
#galerieimages06 {
	height: 300px;
	width: 457px;
	position: absolute;
	left: 197px;
	visibility: hidden;
}

/*----- GRUNDRISSE -----*/
#grundriss01 {
	width: 430px;
	position: absolute;
	visibility: visible;
}
#grundriss02 {
	width: 430px;
	position: absolute;
	visibility: hidden;
}
#grundriss03 {
	width: 430px;
	position: absolute;
	visibility: hidden;
}
#grundriss04 {
	width: 430px;
	position: absolute;
	visibility: hidden;
}
#grundriss05 {
	width: 430px;
	position: absolute;
	visibility: hidden;
}

/*----- FORMULAR -----*/
form#login,
form#friendformular {
	display: block;
	width: 300px;
}
form#loginformular {
	display: block;
	width: 430px;
}
form fieldset {
	padding: 10px;
	border: 1px solid #d1ccc5;
	display: block;
}
form legend {
	font-size: 0.75em;
	font-weight: bold;
	color: #d1ccc5;
	padding: 0px 5px;
}
form#login ul,
form#friendformular ul,
form#loginformular ul {
	display: block;
	list-style: none;
}
form#login ul li,
form#friendformular ul li,
form#loginformular ul li {
	display: block;
	list-style: none;
	clear:both;
}
form#loginformular ul.kostenuebernahme li {
	display: block;
	list-style: none;
	padding: 0px 0px 0px 130px;
	clear:both;
}
form#login label,
form#friendformular label {
	display: block;
	width: 100px;
	float: left;
}
form#loginformular label {
	display: block;
	width: 130px;
	float: left;
}
form#login input,
form#friendformular input {
	color: #000;
	display: block;
	float: left;
	width: 195px;
	margin: 0px 0px 1em;
	height: 18px;
	border: 1px solid #33321E;
	background: #d1ccc5;
}
form#loginformular input {
	color: #000;
	display: block;
	float: left;
	width: 265px;
	margin: 0px 0px 1em;
	height: 18px;
	border: 1px solid #33321E;
	background: #d1ccc5;
}

form#loginformular input.small {
	float: left;
	width: 130px;
	margin: 0px 0px 1em;
	height: 18px;
}
form#loginformular input.marg{
	margin: 0px 0px 1em 3px;
}
form#loginformular input.plz {
	width: 70px;
}
form#loginformular input.ort {
	width: 190px;
}
form textarea {
	color: #000;
	display: block;
	float: left;
	margin: 0px 0px 1em;
	height: 54px;
	border: 1px solid #33321E;
	background: #d1ccc5;
	font: 1em/1.5em Arial, Helvetica, sans-serif;
}
form#friendformular textarea {
	width: 195px;
}
form#loginformular textarea {
	width: 265px;
}
form#login input#senden,
form#friendformular input#senden{
	color: #d1ccc5;
	background: #33321e;
	border:1px solid #33321E;
	font-weight: bold;
	cursor: pointer;
	width: 196px;
	padding: 2px 0px 5px;
	display: block;
	height: 25px;
}
form#loginformular input#senden {
	color: #d1ccc5;
	background: #33321e;
	border:1px solid #33321E;
	font-weight: bold;
	cursor: pointer;
	width: 265px;
	padding: 2px 0px 5px;
	display: block;
	height: 25px;
	margin: 10px 0px 0px;
}
form#friendformular ul li input.checkbox,
form#loginformular ul.kostenuebernahme li input.checkbox {
	display: block;
	float: left;
	width: 16px;
	margin: 0px 10px 1em 0px;
	height: 16px;
	border: 1px solid #33321E;
	background: #d1ccc5;
}

form#loginformular ul.kostenuebernahme li label {
	font-size: 1em;
	line-height: 1.7em;
	display: block;
	width: 80px;
	float: left;
}
form#loginformular ul.kostenuebernahme li input{
	font-size: 0.75em;
	color: #000;
	line-height: 1.7em;
	display: block;
	float: left;
	width: 35px;
	margin: 0px 10px 1em 0px;
	height: 18px;
	border: 1px solid #33321E;
	background: #d1ccc5;
}
form#friendformular ul li label.person,
form#loginformular ul.kostenuebernahme li label.bis,
form#loginformular ul.kostenuebernahme li label.euro {
	font-size: 1em;
	line-height: 1.7em;
	display: block;
	width: 30px;
	float: left;
}
form#loginformular label.btn {
	display: block;
	width: 140px;
	float: left;
	margin: 10px 0px 0px;
}