/* Basics für Das Weinhaus */

* {
margin:0;
padding:0;
list-style:none
}

body { /* Hintergrundfarbe */
background-color: #FFFFFF;
background-image: url(../images_weinhaus/basics/bg.gif);
background-repeat:repeat-x;
}



#content { /* Hintergrund */
background-image: url(../images_weinhaus/basics/content_bg.gif);
background-repeat:repeat-x;
width:1000px;
height:552px;
margin-top:0px;
margin-right:auto;
margin-bottom:auto;
margin-left:0px;
z-index:1;
}

#contentrechts { /* VERLAUF */
background-image: url(../images_weinhaus/basics/content_bg_re.gif);
width:100px;
height:552px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:900px;
position:absolute; 
z-index:2;
}


#logo { /* Logo */
width:112px;
height:95px;
margin-top:32px;
margin-right:0px;
margin-bottom:0px;
margin-left:113px;
position:absolute; 
z-index:3;
}

#bild { /* Bild */
width:221px;
height:400px;
margin-top:136px;
margin-right:0px;
margin-bottom:0px;
margin-left:60px;
position:absolute; 
z-index:4;
}

#bildflash { /* Flash */
width:221px;
height:400px;
margin-top:136px;
margin-right:0px;
margin-bottom:0px;
margin-left:60px;
position:absolute; 
z-index:5;
}

/*...................... Navigation........................*/
ul#navi {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:11px;
margin-top:136px;
margin-left:280px;
position:absolute;
}

#navi li {
float:left;
position:absolut;
margin:0px 0px;
}

#navi a {
display:block;
padding:4px 15px;
color:#67593b;
background:#FFF;
text-decoration:none;
}

#navi li a:hover {
background:#905f11;
color: #FFF;
}

#navi a.active {
background:#905f11;
color: #FFF;
}

ul#subnavi {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	position: absolute;
	left: 280px;
	top: 165px;
}

ul#subnavi li {
	display: inline;
	margin-left: 10px;
}



/*...................... Ende Navigation ....................*/


/*...................... FOOTER Navigation........................*/
ul#footer {
	list-style: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size:11px;
	margin-top:536px;
	margin-left:690px;
	position:absolute;
	width: 230px;
}

#footer li {
float:left;
position:absolut;
margin:0px 0px;
}

#footer a {
display:block;
padding:4px 15px;
color:#905f11;
text-decoration:none;
}

#footer li a:hover {
color: #7f0801;
}

#footer a.active {
color: #7f0801;
}

/*...................... Ende FOOTER Navigation ....................*/


#pdf { /* PDF-LINK*/
margin-top:502px;
margin-right:0px;
margin-bottom:0px;
margin-left:300px;
position:absolute; 
z-index:8;
}


h1 { /* Überschrift */
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:17px;
font-weight:bold;
color:#7f0801;
margin-bottom:22px;
text-transform: uppercase;
}

#textbereich { /* Fließtext */
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:15px;
	font-weight:normal;
	font-variant:normal;
	color:#5f5236;
	margin-top:186px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:300px;
	width:550px;
	height:300px;
	padding-right:30px;
	position:absolute;
	left: 3px;
	z-index:9;
	overflow: auto;
}

a:link.link, a:visited.link, a:active.link { /* content link*/
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:normal;
font-variant:normal;
color:#905f11;
text-decoration:underline;
}

a:hover.link {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:normal;
font-variant:normal;
color:#7f0801;
text-decoration:underline;
}

#textbereich a:link, 
#textbereich a:visited, 
#textbereich a:active { /* content link*/
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:normal;
font-variant:normal;
color:#905f11;
text-decoration:underline;
}

#textbereich a:hover {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
font-weight:normal;
font-variant:normal;
color:#7f0801;
text-decoration:underline;
}

#galerie { /* Bildergalerie */
	margin-top:198px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:300px;
	width:600px;
	height:300px;
	padding-right:30px;
	position:absolute;
	left: 3px;
	z-index:10;
}
.thumbnail{
	padding: 0px 0px 0px 0px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}	
	
/*......................FORMULAR......................*/


input
{
background-color:white; 
text-align: left;
font-family:verdana,helvetica,arial,sans-serif;
font-size: 10px;
color:#7f0801;
border: 1px solid #DDDDDD;
height:17px;
}

textarea
{
background-color:white; 
text-align: left;
font-family:verdana,helvetica,arial,sans-serif;
font-size: 10px;
color:#7f0801;
border: 1px solid #DDDDDD;
}

textarea, select, input {

	margin-bottom: 0.8em;

}



fieldset.csc-mailform {

   border: 0;

}



fieldset.csc-mailform .csc-mailform-field label {

   display: block;

   font-weight: bold;

   width: 258px;

   float: left;

}



img {
	border: 0;
}

a.subnavi:link, a.subnavi:visited, a.subnavi:hover,
a.asubnavi:link, a.asubnavi:visited, a.asubnavi:hover {
	font-family: Arial,Helvetica,sans-serif;
	
	text-decoration: none;
	font-size: 14px;
	color: #905F11;

}

a.subnavi:hover, a.asubnavi:link, a.asubnavi:visited, a.asubnavi:hover {
	color: #7F0801;
	text-decoration: underline;
}