* {margin: 0; padding: 0;}
/* CSS Document */

/* SEITENAUFBAU */
body {
	margin: 0px;
	background-image: url(img/img_filler/1x1_20wein.png);
	background-repeat: repeat;
}

.wrapper {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	height: 620px;
}

.logo {
	height: 60px;
	position: relative;
	width: 150px;
	float: left;
	background-image: url(img/img_loft/logo.png);
	left: 50px;
}

.logoempty {
	height: 60px;
	position: relative;
	width: 150px;
	float: left;
	background-image: url(img/img_filler/1x1leer.gif);
	left: 50px;
}

.com {
	height: 60px;
	position: relative;
	width: 480px;
	float: left;
	background-image: url(img/img_filler/1x1leer.gif);
	background-repeat: repeat;
	background-position: 150px 60px;
	margin-left: 50px;
}

.comempty {
	height: 60px;
	position: relative;
	width: 480px;
	float: left;
	background-image: url(img/img_filler/1x1leer.gif);
	background-repeat: repeat;
	background-position: 150px 60px;
	margin-left: 50px;
}

/* TEXT */

.lauftext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: auto;
	padding: 5px 10px 0px;
}

.lauftext a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted;
	
}

.lauftext a:hover {
	color: #000000;
	text-decoration: none;
    border-bottom: 1px dotted;
}


.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 10px 0px;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 16px;
}

.subheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 10px 0px;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 14px;
}
.tel {
	background-image: url(img/img_loft/tel.png);
	clip:  rect(0px, 0px, 0px, 0px);

}


.logoallude {
	background-image: url(img/img_loft/logoallude.jpg);
	clip:  rect(0px, 0px, 0px, 0px);

}
.logolaurel {
	background-image: url(img/img_loft/logolaurel.jpg);
	clip:  rect(0px, 0px, 0px, 0px);
}


.logosemper {
	background-image: url(img/img_loft/logosemper.jpg);
	clip:  rect(0px, 0px, 0px, 0px);
}
.logoblumarine {
	background-image: url(img/img_loft/logoblumarine.jpg);
	clip:  rect(0px, 0px, 0px, 0px);
}

/* SUBNAVIGATION */
.subnavi_left {
	height: 20px;
	width: 50px;
	text-align: center;
	float: left;
	margin-left: 10px;
}

.subnavi_right{
	height: 20px;
	width: 50px;
	text-align: center;
	float: left;
}

.subnavi_shop{
	height: 20px;
	width: 50px;
	text-align: center;
	float: left;
}
.subnavi_left a, .subnavi_right a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	line-height: 20px;
	background-position: 50px 20px;
	background-image: url(img/img_filler/1x1grau50.png);
	height: 20px;
	width: 50px;
	float: left;
	background-repeat: repeat;
}

.subnavi_left a:hover, .subnavi_right a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	line-height: 20px;
	background-position: 50px 20px;
	background-image: url(img/img_filler/1x1grau85.png);
	height: 20px;
	width: 50px;
	float: left;
	background-repeat: repeat;
}

.subnavi_shop a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	line-height: 20px;
	background-position: 50px 20px;
	background-image: url(img/img_filler/1x1_60lila.png);
	height: 20px;
	width: 50px;
	float: left;
	background-repeat: repeat;
}

.subnavi_shop a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 10px;
	text-decoration: none;
	line-height: 20px;
	background-position: 50px 20px;
	background-image: url(img/img_filler/1x1_lila.png);
	height: 20px;
	width: 50px;
	float: left;
	background-repeat: repeat;
}
.like {
	height: 20px;
	width: 150px;
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

.clearer {
	clear:both;
}

.container {
	margin-top: 30px;
	margin-left: auto;
	width: 810px;
	height: 490px;
	margin-right: auto;
}

.box {
	height: 150px;
	width: 150px;
	background-color: #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
}


/* FOOTER */
.footer {
	width: 790px;
	text-align: center;
	color: #666666;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	left: auto;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	line-height: 9px;
	padding: 0px;
	right: auto;
	height: 9px;
	top: 5px;
	bottom: auto;
}

.footer a {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

.footer a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}

/* TABS */
.bg_tr50 {	
	background-image: url(img/img_filler/1x1_50wein.png);
	background-repeat: repeat;
}

.bg_tr20 {	
	background-image: url(img/img_filler/1x1_rose.png);
	background-repeat: repeat;
}


/* NAVI */
.navi {
	width:750px;
	height:30px;
	font-size:12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: auto;
}

.navi ul {
padding:0;
margin:0;
list-style-type:none;
}
.navi ul ul {
width:150px;
}

.navi li {
float:left;
width:150px;
position:relative;
}

.navi a, .navi a:visited {
display:block;
font-size:12px;
text-decoration:none; 
color:#FFFFFF; 
width:139px; 
height:30px; 
background:url(img/img_filler/1x1_50wein.png); 
padding-left:10px; 
line-height:29px;
}

* html .navi a, * html .navi a:visited {
width:150px;
w\idth:139px;
}

.navi ul ul a.drop, .navi ul ul a.drop:visited {
background:#949e7c;
}
.navi ul ul a.drop:hover {
background:#c9ba65;
}
.navi ul ul :hover > a.drop {
background:#c9ba65;
}

.navi ul ul ul a, .navi ul ul ul a:visited {
background:#e2dfa8;
}

.navi ul ul ul a:hover{
background:#b2ab9b;
}
.navi ul ul ul :hover > a {
background:#b2ab9b;
}


.navi table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

.navi ul ul {
visibility:hidden;
position:absolute;
bottom:30px;
left:0; 
width:150px;
}
* html .navi ul ul {
bottom:30px;
}
.navi ul ul ul{
left:150px; 
bottom:0;
width:150px;
}

.navi ul ul ul.left {
left:-150px;
}

.navi ul ul a, .navi ul ul a:visited {
background:url(img/img_filler/1x1_20wein.png); 
color:#FFFFFF; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
}
* html .navi ul ul a{
width:150px;
w\idth:129px;
}

.navi a:hover, .navi ul ul a:hover{
color:#FFFFFF; 
background:#663333;
}
.navi :hover > a, .navi ul ul :hover > a {
color:#FFFFFF;
background:#996666;
}

.navi ul li:hover ul,
.navi ul a:hover ul{
visibility:visible;
height:auto;
}
.navi ul :hover ul ul{
display:none;
}
.navi ul :hover ul :hover ul ul{
display:none;
}
.navi ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
.navi ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}

form#contactform textarea,
form#contactform input { color:#fff }

form#contactform{float:left;padding:10px 10px 0 0}
form#contactform label.txtlabel{float:left;margin-bottom:5px}
form#contactform input.txtinput{float:right;width:180px; background:transparent url(img/img_filler/1x1grau50.png)}
form#contactform textarea.textarea{float:right;width:180px;height:60px;margin-bottom:5px; background:transparent url(img/img_filler/1x1grau50.png)}
form#contactform span.infotext{display:block;padding:10px 0 5px 10px}
form#contactform span.right{float:right;width:290px;padding:0 0 10px 0}
form#contactform span.yes{float:left}
form#contactform span.no{float:left}
form#contactform span.no label.lauftext,
form#contactform span.yes label.lauftext
{float:left;height:13px;padding:0 10px 0 5px}
form#contactform span.no input,
form#contactform span.yes input{float:left}
form#contactform input.reset{color: #000; float:right;margin-right:5px}
form#contactform input.submit{color: #000; float:right}

form#contactform span.checkbox{display:block;float:left;padding:10px 0 }
form#contactform span.checkbox input{margin-left:10px;float:left}
form#contactform span.checkbox label.lauftext{float:left;height:13px;white-space:nowrap;padding:0 0 0 5px}

.break{clear:both}