/* Mark Strauß
www.weingut-diehl-soehne.de
Start: 27.05.2009
Letzte Aenderung: 00.00.20xx
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Braun (Hintergrund): #311110
Braun (Schrift) #502c23
Blau (h2): #202962
creme: #f8f0d2
*/

/* Reset
--------------------------------------------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
	}

/* Globals und Typo
--------------------------------------------------------------------------------------- */

body {
	background: #311110 url(layout/background.jpg) top no-repeat;
	font-size: 11pt;
	margin: 0 auto;
	text-align: center;
	}

a:link {
	text-decoration: none;
	color: #502c23;
	text-decoration: underline;
	}

a:visited {
	text-decoration: underline;
	color: #502c23;
	}

a:hover {
	color: #202962;
	text-decoration: underline;
	}

li { 
font: 90%/1.5 Georgia, "Times New Roman", Times, serif;
	color: #502c23;
	padding-bottom:5px;
	margin:0 0 0 20px;
}


/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
	}

/* Text, Überschriften
--------------------------------------------------------------------------------------- */

p {
	font: 90%/1.5 Georgia, "Times New Roman", Times, serif;
	color: #502c23;
	padding-bottom:1.2em;
	}

h1 	{ 	
	background: url(layout/logo.jpg) no-repeat;
	width:249px;
	height: 43px;
	text-indent: -999em;
	}
	
h2 	{ 	
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1.1em;
	color: #202962;
	padding-bottom:1em;
	}
	
h3 	{ 	
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1.1em;
	color: #502c23;
	padding-bottom:0.9em;
	}

/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */

img, a img {
border: 0;
}

/* Layout
--------------------------------------------------------------------------------------- */
#kopf{
	height:80px;
	}

#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 45px;
	background: url(layout/wrapper.jpg);
	min-height:800px;
	display: inline-block;
	}

#header {
	width:850px;
	height:320px;
	}
	
#header_left {
	float:left;
	width:285px;
	height:320px;
	text-align:left;
	}
	
#logo { 
	position:relative;
	width:249px;
	height:43px;
	}	
	
#kapelle {
	background: url(layout/kapelle.jpg);
	width:250px;
	height:232px;
	}
	
#header_right {
	float:right;
	width:565px;
	height:320px;
	}

#flash {
	background: url(layout/flash.jpg);
	width:535px;
	height:246px;
	padding:15px;
	}	

#main {
	clear:both;
	width:850px;
	}

	
#navi {
	float:left;
	width:285px;
	text-align:left;
	}

#content {
	float: right;
	width: 565px;
	text-align:left;
	}

#footer {
	background:  url(layout/footer.jpg) no-repeat;
	margin: 0 auto;
	width: 850px;
	height: 85px;
	padding:84px 45px 15px 45px;
	text-align:center;
	font: 9.5pt Georgia, "Times New Roman", Times, serif;
	color:#f8f0d2;
	line-height:140%;
	}
	
#footer img {
	margin:10px 0 10px 0;
	}
	
#footer a {
	text-decoration:none;
	color: #f8f0d2;
	border-bottom:1px dotted #f8f0d2;
	margin-bottom:5px;
	}
	
#footer a:hover {
	text-decoration:none;
	border-bottom: 1px solid #f8f0d2;
	color: #f8f0d2;
	}

/* Navigation
--------------------------------------------------------------------------------------- */	


	/* Aktuelles
--------------------------------------------------------------------------------------- */	

#menu_aktuelles li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_aktuelles li a {
	background: url(layout/navi/aktuelles.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_aktuelles li a:hover {
	background: url(layout/navi/aktuelles.png);
	background-position:0 -33px;
}

	
	/* Weingut & Lage
--------------------------------------------------------------------------------------- */	

#menu_weingut li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_weingut li a {
	background: url(layout/navi/weingut.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_weingut li a:hover {
	background: url(layout/navi/weingut.png);
	background-position:0 -33px;
}
	
	/* Weine & Philosophie
--------------------------------------------------------------------------------------- */	

#menu_weine li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_weine li a {
	background: url(layout/navi/weine.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_weine li a:hover {
	background: url(layout/navi/weine.png);
	background-position:0 -33px;
}

	/* Location & Events
--------------------------------------------------------------------------------------- */	

#menu_location li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_location li a {
	background: url(layout/navi/location.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_location li a:hover {
	background: url(layout/navi/location.png);
	background-position:0 -33px;
}

	/* Veranstaltungen & Buchung
--------------------------------------------------------------------------------------- */	

#menu_buchung li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_buchung li a {
	background: url(layout/navi/buchung.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_buchung li a:hover {
	background: url(layout/navi/buchung.png);
	background-position:0 -33px;
}

	/* Bekenntnis & Nachaltigkeit
--------------------------------------------------------------------------------------- */	

#menu_bekenntnis li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_bekenntnis li a {
	background: url(layout/navi/bekenntnis.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_bekenntnis li a:hover {
	background: url(layout/navi/bekenntnis.png);
	background-position:0 -33px;
}

	/* Bildergalerie
--------------------------------------------------------------------------------------- */	

#menu_bilder li {
	width:249px;
	height:33px;
	list-style-type: none;
	margin:0 0 11px 0;
	padding:0;
	}

#menu_bilder li a {
	background: url(layout/navi/bilder.png);
	display: block;
	width:249px;
	height:33px;
	text-decoration: none;
	text-indent: -999em;
	}

#menu_bilder li a:hover {
	background: url(layout/navi/bilder.png);
	background-position:0 -33px;
}


/* Bilddarstellung Inhalt
--------------------------------------------------------------------------------------- */

div.csc-textpic-imagewrap {
width:250px;
margin:0 0 5px 5px;
}	

div.csc-textpic-imagewrap img{
border:3px solid #eadcab;
}	

dl dt img {
}

/* News Template
--------------------------------------------------------------------------------------- */

#news_wrapper_gesamt{
width: 565px;
margin-top:1.1em;
}

	
#news_wrapper{
width: 565px;
}

#news_wrapper a {
	color: #502c23;
	text-decoration: underline;
	}

#news_wrapper a:visited {
	text-decoration: underline;
	color: #502c23;
	}

#news_wrapper a:hover {
	color: #202962;
	text-decoration: underline;
	}

#news_latest_img{
margin:0;
}

#news_latest_img img{
margin:0 0 10px 0;
border:3px solid #eadcab;
}


#news_linie{
width:565px;
height:30px;
background: url(layout/navi/navi_linie.png) center no-repeat;
margin-bottom:10px;
}

/* Kontaktformular
--------------------------------------------------------------------------------------- */

legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
color: #502c23;
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 0px solid #2D2D2D;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
color: #502c23;
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:0px;
border: 0px solid #502c23;
}

.mf-radio {
border:0px;
}

.mf-text {
color: #502c23;
border: 1px solid #2D2D2D;
margin-bottom: 5px;
padding:3px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
color: #502c23;
border: 1px solid #502c23;
margin-bottom: 7px;
padding:3px;
}

.mf-submit {
color: #ffffff;
background-color: #502c23;
border: 0px;
height:20px;
width:80px;
}

/* Bildergalerie ul
--------------------------------------------------------------------------------------- */

ul.csc-menu csc-menu-1 li{
list-style-type: none;
padding:0 0 5px 5px;
}


/* Startseite
--------------------------------------------------------------------------------------- */

body.intro {
	background: #311110 url(layout/wrapper.jpg);
	font-size: 11pt;
	margin: 0 auto;
	text-align: center;
	}

#wrapper_intro_w {
	width:100%;
	height:100%;
	text-align:center;
	background: url(layout/wrapper.jpg);
	}


#wrapper_intro {
	width: 850px;
	padding: 45px;
	height:370px;
	display: inline-block;
	 position:absolute;
	 margin:-235px 0px 0px -470px;
	 top: 50%;
	 left: 50%;
	}
	
#main_intro {
	margin:15px 0 0 285px;
	clear:both;
	width:565px;
	height:80px;
	text-align:center;
	}
	
#navi_intro {
	margin-top:35px;
	width:285px;
	}
	
#header_intro {
	width:850px;
	height:280px;
	}
	
#header_right_intro {
	float:right;
	width:565px;
	height:280px;
	}
	
#header_left_intro {
	float:left;
	width:285px;
	height:280px;
	text-align:left;
	}