* { padding: 0; margin: 0; border: none; }
html { min-height: 100.05%; }
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.75em;
	color: #404040;
	line-height: 1.5;
	background-color: #fff;
	text-align: center;
} 
h1, h2 { margin-bottom: 20px; }
h1 { font-size: 120%; color: #9E0000; font-variant: small-caps; letter-spacing: 0.1em; }
h2 { font-size: 100%; margin: 20px 0; padding-top: 2px; border-top: 1px dotted #404040; }
a { color: #9E0000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { border: none; }

sup {
  font-size: 95%;
  position: relative;
  top: 2px;
  line-height: 8px;
}

p {  margin-bottom: 15px; }

input, select, textarea { border: 1px solid #404040; font-family: Arial, Verdana, sans-serif; font-size: 12px; }
input { height: 18px; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
td { border: 1px dotted #404040; padding: 3px 5px; vertical-align: top; }

.clear { clear:both; height:0px; overflow:hidden; }
.fright { float: right; width: 250px; }
.fleft { float: left; width: auto; }
.trenner { height: 20px; overflow: hidden; border-bottom: 1px dotted #404040; }
.bildlinks { float: left; margin-right: 10px; }
.bildrechts { float: right; margin-left: 10px; }

.versteckmich { display: none; visibility: hidden; }

/* .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } DEPRECATED */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ############
    Seitenraster 
    ############ */
#intro { margin-top: 30px; text-align: center; position: absolute; top: 0; left: 47px; width: 724px; }
#introde, #introen { position: absolute; left: 220px; z-index: 2; }
#introde { top: 510px; }
#introen { top: 535px; }

#wrapper { text-align: left;  margin: 0 auto; width: 818px; position: relative; }

#top  { margin: 10px 0 20px 0; }	
#top #logo { float: left; width: 170px; }
#top #header { margin-left: 170px; }

#main { margin-bottom: 20px; }
#main #navigation  { border-right: 1px solid #404040; border-top: 1px solid #404040; float:left; width: 159px;  }
#main #content { margin-left: 170px;  }
   
#content_inner { width: 506px; float: left; }
#banner { width: 126px; margin-left: 516px; border-left: 1px dotted #404040; padding-left: 5px; }
#banner a { display: block; margin-bottom: 10px; }
#banner ul { list-style: none; }

#footer { margin-left: 159px; padding-left: 10px; padding-top: 30px; border-left: 1px solid #404040;  }
#footer a { margin-right: 15px; }


	
/* ############
    Navigation links 
    ############ */
#navigation #navi { margin-left: 5px; }
#navigation #navi a { color: #404040; }
#navigation #navi li.active { padding-left: 8px; background: transparent url(/inc/img/pfeil-navi.gif) 0px 7px no-repeat; }
#navigation #navi ul { list-style: none; }
#navigation #navi ul ul { padding-left: 5px; }
#navigation #navi ul  li { padding: 4px 0pt 2px 8px; line-height: 14px; }

/* suchformular auf jeder seite */
#navigation #suche { margin: 15px 0; }
#navigation #suche input { width: 85px; height: 16px; } 
#navigation #suche input.btnsubmit { cursor: pointer; width: 50px; height: 16px; background: #fff; border: none; color: #404040; margin-left: 5px; line-height: 9px; } 

/* Servicenavi */
#servicenavi { margin-top: 30px; }
#servicenavi  a { font-size: 80%; }

/* Weinglossar */
#weinglossar { margin-top: 30px; }
#weinglossar input { width: 85px; height: 16px; } 
#weinglossar input.btnsubmit { width: 50px; height: 16px; background: #fff; border: none; color: #404040; margin-left: 5px; line-height: 9px; } 
#weinglossar h3 { font-size: 14px; }
#weinglossar p.klein { font-size: 9px; }
#weinglossar h3, #weinglossar p { padding-left: 8px; }
#weinglossar a { padding-left: 0 !important; }
#weinglossar a:hover { background: none !important; }

/* Homepage-Ticker */
div.vnewsticker { width: 100%; }
table.ticker { width: 100%; }

/* ############
    Inhalt 
    ############ */
#content_inner ul { margin-left: 25px; list-style-type: square; }
#content_inner ul li { margin-top: 3px; }
#content_inner a { padding-left: 8px; background: transparent url(/inc/img/pfeil.gif) 0px 4px no-repeat; }
#content_inner a.keinpfeil { padding-left: 0px !important; background: none !important; }

div.zweispaltig { height: auto; overflow: hidden; width: 506px; }
div.zweispaltig  div.links { float:left; width: 250px; }
div.zweispaltig  div.rechts { margin-left: 256px; width: 250px; }

div.dlbilder { float:left; margin: 10px; font-size: 11px; width: auto; }
div.dlbilder  img { border: 1px solid #404040; }

/* ############
    Suchergebnisseite 
    ############ */
#suchergebnis #header { background-color: #CFAD41; color: #000; margin: 15px 0 10px; padding: 5px 10px; border-bottom: 1px solid #404040; }
#suchergebnis .aktSeite { font-weight: bold; }
#suchergebnis .headline { font-weight: bold; margin: 0 20px; }
#suchergebnis .text { border-bottom: 1px solid #CFAD41; margin: 0 20px 10px; padding: 2px 0 10px; }
 

/* ############
    Sitemap 
    ############ */
#sitemap { width: 250px; margin-left: 50px; }
#sitemap ul { list-style-type: none; } 
#sitemap a { padding-left: 0; background: none; }
#sitemap ul li { padding-left: 5px; border-top: 1px solid #9E0000; margin-top: 20px; }
#sitemap ul ul { border: none; margin-top: 5px; }
#sitemap ul ul li { border-bottom: 1px solid #CFAD41; border-left: 1px solid #CFAD41; border-top: none; padding: 2px 2px 0 5px; margin: 0; width: 150px; }


/* ############
    Partner 
    ############ */
#partners { text-align: center; }
div.partner { padding-top: 10px; margin: 5px 0 10px 0; border-top: 1px dotted #404040; }
div.partner a { padding-left: 0 !important; background: none !important; }

/* ############
    Ausstellerverzeichnis
    ############ */
#aus_intro #buchstaben { text-align: center; padding-bottom: 15px; margin: 20px 0 15px; border-bottom: 1px dotted #404040; }
#aus_intro #buchstaben  a { background: none; padding: 0; }
#aus_intro #buchstaben span.buchstabe { font-size: 16px; font-weight: bold; padding: 0 2px; font-weight: bold; color: #999999; }
#aus_intro form.formnorm { background-color: transparent !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
#aus_intro form.formnorm h2 { border-top: none; }
#aus_intro form.formnorm select { float: none !important; }
#aus_intro  #dropdown1, #aus_intro #dropdown2, #aus_intro #dropdown3 { text-align: center; margin-bottom: 10px;}

#aus_list div.neuesuche { margin: 10px 0; font-weight: bold; }
#aus_list #aussuchergebnis { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #404040; }
#aus_list div.stand { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
#aus_list div.firma { font-weight: bold; }
#aus_list div.aussteller { padding: 15px; border-bottom: 1px dotted #404040; padding-bottom: 10px; }


/* ############
    Formulare
    ############ */
#content_inner form { background-color: #ebebeb; padding: 1em; margin-top: 1em; width: 350px; margin-left: 30px; }
#content_inner legend { display: none; }
#content_inner label.inline { float: left; display: inline; width: 140px; }
#content_inner label.error, #content_inner p.error, #content_inner form div.error { color: #B80000; }
#content_inner p.nichtsehen { display: none; }
#content_inner input, #content_inner select, #content_inner textarea { float: right; width: 200px; border: 1px solid #979996; }
#content_inner input { height: 18px; }
#content_inner select { height: 18px; width: 202px; }
#content_inner textarea { height: 100px; }
#content_inner div.iabstand { height: 5px; }

#content_inner p.inline { margin: 0; display:inline; float: left; width: 140px; }
#content_inner div.formright { margin-left: 150px; width: 200px; }
#content_inner input.chkbox { width: 15px; height: 15px; float: left; margin-right: 5px; border: none; }
#content_inner input.radio { width: 15px; height: 15px; float: left; margin-right: 5px; border: none; }
#content_inner label.rinline { display: inline; }
#content_inner label.rinline  span { display: block; margin-left: 20px; }

#content_inner input.fileatt { width: auto; float: left; height: auto !important; }
#content_inner input.strasse { width: 155px; margin-right: 5px; }
#content_inner input.hausnr { width: 38px; }
#content_inner input.ort { width: 135px; }
#content_inner input.plz { width: 58px; margin-right: 5px; }
#content_inner input.btnsubmit { background-color: #404041; width: auto; height: auto; cursor: pointer; border: none; padding: 0 5px; color: #fff; }

#error_msg { color: #B80000; font-weight: bold; margin-bottom: 1em; }

/* ############
    Gewinnspiel
    ############ */
a.gspiellink {
 padding: 4px 7px; 
 background-image: none !important;
 background-color: #fff;
 color: #1a171b;
 text-decoration: none;
 border: 1px solid #1a171b;
 font-size: 14px;
 font-weight: bold;
}
a:hover.gspiellink {
 background-color: #1a171b !important;
 color: #fff;
 border: 1px solid #1a171b;
}

#fvgame form { background-color: #fff; padding: 0; width: 450px; }
#fvgame input[type="radio"] { vertical-align: text-bottom; }
#fvgame input[type="checkbox"] { vertical-align: bottom; }
#fvgame form ol { list-style: none; }
#fvgame ol.questions { }
#fvgame form ol.questions li { margin-bottom: 20px; }
#fvgame form ol.gameuser li { margin-bottom: 10px; }
#fvgame label.radio, #fvgame label.checkbox { display: inline; float: none; cursor: pointer; width: 100px; line-height: 14px; }
#fvgame form ol.questions li div { margin-bottom: 15px; padding-right: 10px; }
#fvgame div.q_intro { font-size: 20px; color: #1a181d; font-family: 'Times', 'Times New Roman'; margin-left: -10px; padding-left: 10px; background-color: #ebebeb; }
#fvgame div.q_mark { font-weight: bold; color: #000; }
#fvgame input, #fvgame select, #fvgame textarea { float: none; }
#fvgame input.btngamesubmit { margin-left: 150px; background-color: #404041; font-weight: bold; width: auto; height: auto; cursor: pointer; border: none; padding: 5px 10px; color: #fff; }
#fvgame input.ort { width: 132px; }
#fvgame #error_msg { background-color: #ffc9c9; padding: 10px; border: 1px solid #B80000; margin-left: -10px; }

select#date_of_birth_day { width: 50px; margin-right: 5px; }
select#date_of_birth_month { width: 50px; margin-right: 5px; }
select#date_of_birth_year { width: 72px; }