/****************************************************************
   $Id: main.css,v 1.7 2007/06/18 07:28 krauss-m $

   webmelone internetmanufactur
   http://www.webmelone.de

   Styles für www.weingut-landgraf.de - Typo3 Contentmanagementsystem
*****************************************************************/


body{
color: #000;
background-color: rgb(129,0,34);
font-size: 76%;
}

a:link, a:active, a:visited{
color: rgb(20,18,21);
text-decoration: none;
}
a:hover{
color: rgb(20,18,21);
text-decoration: underline;
}

.linkMailto{
background-image: url(../grafix/link_mailto.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 14px;
}

.linkExt{
background-image: url(../grafix/link_ext.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 14px;
}

.linkInt{

}



h1, h2, h3, h4, h5, h6{
font-family: 'Times New Roman',Times,serif;
}

h1{
font-size: 1.8em;
color: rgb(93,93,95);
}

h2{
font-size: 1.4em;
color: rgb(93,93,95);
}


.csc-firstHeader{
margin-top: 0px;
padding: 0px;

}

#container{
	background-color: #FFFFFF;
	position: relative;
	margin: auto;
	width: 1024px;
	min-height: 768px;
	text-align: left;
	z-index: 1;
}

#schlusslicht{
	background-color: transparent;
	color: #FFF;
	position: relative;
	padding-top: 4px;
	margin: auto;
	width: 1024px;
	height: 48px;
	text-align: right;
	z-index: 1;
	font-size: 0.8em;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

#schlusslicht a{
	color: #FFF;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

#schlusslicht a:hover{
	text-decoration: underline;
}

#headgrafik{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 1004px;
	height: 283px;
	background-color: transparent;
	z-index: 2;
}

#headlogo{
	position: absolute;
	left: 10px;
	top: 65px;
	width: auto;
	height: auto;
	background-color: transparent;
	z-index: 3;		
}

#headlogo img{
border: 0px;
}

#navigatmain{
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
position: absolute;
left: 10px;
top: 288px;
width: 1004px;
height: 36px;
background-color: rgb(179,27,52);
color: #FFF;
z-index: 8;
}


#navigation {
}

#horiznav {
margin: 17px 0 20px 238px;
padding: 0px;
border-bottom: 0px solid #FFF;
background: transparent;
text-transform: uppercase;
}

#horiznav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
letter-spacing: 0.05em;
}

#horiznav a:link, #horiznav a:visited {
float: left;
font-size: 1em;
font-weight: bold;
margin: 0 10px 6px 10px;
padding: 0px;
text-decoration: none;
color: #FFF;
background: transparent;

}

li.current_page_item a, #horiznav a:hover {
border-bottom: 5px solid #FFF;
padding: 0px;
background: transparent;
color: #FFF;
}



#navigatsub{
	position: absolute;
	left: 0px;
	top: 360px;
	width: 190px;
	text-align: right;
	background-color: #FFFFFF;
	color: #666666;
	z-index: 8;
}
#navigatsub ul li{
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	list-style-type: none;
	padding-bottom: 0.3em;
}

#navigatsub a:link, a:visited {
color: #666666;
background-color: #FFFFFF;
text-decoration: none;
}

#navigatsub .active{
color: rgb(179,27,52);
background-color: #FFFFFF;
text-decoration: none;
}

#navigatsub a:hover {
color: #666666;
background-color: #FFFFFF;
text-decoration: underline;
}


#content{
	position: absolute;
	left: 255px;
	top: 357px;
	width: 540px;
	height: 405px;
	text-align: left;
	background-color: #FFFFFF;
	color: rgb(20,18,21);
	z-index: 8;
	overflow: auto;
}

#content p{
	font-family: 'Times New Roman',Times,serif;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 1.09em;
	line-height: 130%;
}

#content a.linkMailto img, #content1 a.linkMailto img, #content a.linkExt img, #content1 a.linkExt img {
border: 0px;
}

#content1{
	position: absolute;
	left: 255px;
	top: 357px;
	width: 540px;
	height: 205px;
	text-align: left;
	background-color: #FFFFFF;
	color: rgb(20,18,21);
	z-index: 8;
	overflow: auto;
}

#content1 p{
	font-family: 'Times New Roman',Times,serif;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 1.09em;
	line-height: 130%;
}

#Teaser{
	position: absolute;
	left: 10px;
	top: 564px;
	width: 1004px;
	height: 200px;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	z-index: 9;
	overflow: auto;
	background-image: url(../grafix/teaserbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

#Post{
float: left;
width: 230px;
}


#Post p.PostHeader{
	margin: 36px 0 8px 10px;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}

#Teaser p.bodytext{
	margin: 10px 0 10px 10px;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}
	
#Teaser p.image{
	margin: 0;
	}
	
#Teaserinside{
	position: relative;
	left: 15px;
	top: 0px;
	width: 252px;
	height: 196px;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	float: left;
}

#Teaserinside1{
	position: relative;
	left: 15px;
	top: 0px;
	width: 252px;
	height: 196px;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	float: left;
}

#Teaserinside2{
	position: relative;
	left: 15px;
	top: 0px;
	width: 252px;
	height: 196px;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	float: left;
}

#Teaserinside3{
	position: relative;
	left: 15px;
	top: 0px;
	width: 252px;
	height: 196px;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	float: left;
}

#Teaserinside p.bodytext, #Teaserinside1 p.bodytext, #Teaserinside2 p.bodytext, #Teaserinside3 p.bodytext{
font-weight: normal;
font-size: 11px;
margin-right: 3px;
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

#Teaserinside h1.csc-firstHeader, #Teaserinside1 h1.csc-firstHeader, #Teaserinside2 h1.csc-firstHeader, #Teaserinside3 h1.csc-firstHeader{
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
margin: 2px 0px 14px 0px;
padding: 0px;
font-size: 11px;
font-weight: bold;
color: rgb(160,0,43);
background-color: transparent;
}

#Teaserinside div.csc-frame-indent img, #Teaserinside1 div.csc-frame-indent img, #Teaserinside2 div.csc-frame-indent img, #Teaserinside3 div.csc-frame-indent img{
margin-top: 32px;
}



/* Weine Teaser *********************/
#WeineTeas{
	position: absolute;
	left: 10px; 
	top: 564px;
	width: 1004px;
	height: 200px;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	z-index: 9;
	overflow: auto;
	background-image: url(../grafix/teaserbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

#Wlist{
float: left;
width: 230px;
}


#Wlist p.PostHeader{
	margin: 36px 0 8px 10px;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}

#WeineTeas p.bodytext{
	margin: 10px 0 10px 10px;
	font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	}
	
#WeineTeas p.wldownload{
	margin: 56px 0px 0px 48px;
	}
	
#WeineTeasinside{
	position: relative;
	left: 248px;
	top: 20px;
	width: auto;
	height: auto;
	text-align: left;
	background-color: transparent;
	color: rgb(20,18,21);
	overflow: auto;
	float: left;
}

#WeineTeasinside p.bodytext{
font-weight: normal;
font-size: 11px;
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

#WeineTeasinside h1.csc-firstHeader{
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
margin: 16px 0px 12px 10px;
padding: 0px;
font-size: 11px;
font-weight: bold;
color: rgb(160,0,43);
background-color: transparent;
}



/* Weine Teaser Ende *********************/


/* mailform-styles   */

fieldset.csc-mailform {
border:0;
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

fieldset.csc-mailform label {
width: 60px;
float: left;
text-align: right;
margin-right: 6px;
display: block;
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}


fieldset.csc-mailform input, 
fieldset.csc-mailform textarea {
margin-bottom: 10px;
font-size:10px;
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
border:1px solid #ccc;
padding:1px 1px 0px 1px;
width:250px;
}

#mailformformtype_mail {
padding: 1px 1px 0px 1px;
margin: 0px;
background:#eee;
border:1px solid #ccc;
width:auto;
text-align:center;
font-family: Arial,'Lucida Grande','Lucida sans unicode',sans-serif;
}

/* mailform-styles Ende */




/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; margin-top: 4px;}
	/*#WeineTeasinside DIV.csc-textpic-imagewrap { padding: 0; margin: 0px;}*/
	
	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 8px !important;
	}


	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 8px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	

.floatbox {
overflow:hidden;
}