/* Basics für Das Weinhaus */

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

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

#content { /* Hintergrund */
background-color: #FFFFFF;
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/basics/content_bg_re.jpg);
background-repeat: no-repeat;
width:100px;
height:551px;
margin-top:0px;
margin-left:1000px;
position:absolute; 
z-index:2;
}

#streifen_1 { /* Streifen */
background-color:#c96d01;
width:292px;
height:20px;
margin-top:0px;
margin-left:90px;
position:absolute; 
z-index:3;
}

#streifen_2 { /* Streifen */
background-image: url(../images/basics/streifen02.gif);
background-repeat:repeat-x;
width:90px;
height:107px;
margin-top:20px;
margin-left:0px;
position:absolute; 
z-index:4;
}

#streifen_3 { /* Streifen */
background-image: url(../images/basics/streifen02.gif);
background-repeat:repeat-x;
width:618px;
height:107px;
margin-top:20px;
margin-left:382px;
position:absolute; 
z-index:5;
}

#streifen_4 { /* Streifen */
background-color:#e7ac47;
width:90px;
height:20px;
margin-top:511px;
margin-left:0px;
position:absolute; 
z-index:6;
}

#streifen_5 { /* Streifen */
background-color:#e7ac47;
width:618px;
height:20px;
margin-top:511px;
margin-left:382px;
position:absolute; 
z-index:7;
}

#streifen_6 { /* Streifen */
background-color:#c96d01;
width:292px;
height:20px;
margin-top:531px;
margin-left:90px;
position:absolute; 
z-index:8;
}

#logo { /* Logo */
width:207px;
height:47px;
margin-top:48px;
margin-left:130px;
position:absolute; 
z-index:9;
}

#bild { /* Bild */
width:292px;
height:404px;
margin-top:127px;
margin-left:90px;
position:absolute; 
z-index:10;
}


/*...................... Navigation........................*/
ul#navi {
list-style: none;
font-family:'Trebuchet MS', Arial, sans-serif;
font-weight:bold;
text-transform: uppercase;
font-size:11px;
margin-top:127px;
margin-left:382px;
position:absolute;
}

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

#navi a {
display:block;
padding:4px 26px;
color:#4c3a1d;
background:#FFF;
text-decoration:none;
}

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

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

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

/*...................... Navigation 02........................*/
ul#navi02 {
	list-style: none;
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size:12px;
	width: 330px;
}

#navi02 li {
float:left;
margin:0px 0px 20px 0px;
}

#navi02 a {
display:block;
padding:0px 0px;
color:#c96d01;
text-decoration:none;
}

#navi02 li a:hover {
color: #e7ac47;
text-decoration:underline;
}

#navi02 a.active {
color:#c96d01;
text-decoration:underline;
}

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

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

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

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

#footer li a:hover {
color: #e7ac47;
}

#footer a.active {
color: #e7ac47;
}

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



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

#textbereich_1 { /* Fließtext */
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:14px;
	color:#4c3a1d;
	margin-top:196px;
	margin-left:404px;
	width:556px;
	height:290px;
	position:absolute;
	left: 3px;
	z-index:9;
}


#textbereich_2 { /* Fließtext */
float:left;
	width:330px;
	height:225px; 
	z-index:11;
}


h2 { /* Überschrift */
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:12px;
font-weight:bold;
color:#4c3a1d;
margin-bottom:10px;
}


a:link.link, a:visited.link, a:active.link { /* content link*/
font-family:'Trebuchet MS', Arial, sans-serif;
font-size:12px;
font-style:normal;
line-height:15px;
color:#c96d01;
text-decoration:none;
}

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

#galerie { /* Bildergalerie */
float: right;
	margin-top:-32px;
	width:206px;
	height:280px;
	z-index:13;
}

.thumbnail{
	padding: 0px 0px 0px 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 14px;
	}	
	
/*......................FORMULAR......................*/


input
{
background-color:white; 
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#c96d01;
border: 1px solid #DDDDDD;
height:17px;
}

textarea
{
background-color:white; 
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#c96d01;
border: 1px solid #DDDDDD;
}