body {
margin: 0;
padding: 0;
background: #2F2F47;}

* {margin: 0; padding: 0; border: 0; font-family:  Verdana, Arial, Helvetica, sans-serif}

/*----------------------------------------------Cookie Hinweis------------------------------------------------*/
.cc_container .cc_message {
	font-size: 11px !important;
}
.cc_container .cc_btn {
	background-color: #fff !important; /* Farbe des Buttons */
	color: #000 !important; /* Textfarbe des Buttons */
	border-radius: 3px !important; -webkit-border-radius: 3px !important;
	font-size: 0.7em !important; width: auto !important;
	padding: 6px 12px !important;
}
 
.cc_container {
	background: #2F2F47 !important; /* Hintergrundfarbe des gesamten Bereichs */
	color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
	color: #ffffff !important; /* Textlink-Farbe "Mehr Infos" */
}

.cc_container a span {
	border-bottom: 0.05em solid #fff;
	font-size: 11px !important;
}

.cc_container a span:hover {
	border-bottom: 0px solid #fff;
}

/*----------------------------------------------Basic styles------------------------------------------------*/

h1, h2, h3, h4 {
font-family: Verdana,Georgia, Georgia, serif;
margin: 15px 0 0 5px;
color: #fff;
font-weight: normal;
text-decoration: none
}

h1 em, h2 em, h3 em, h4 em {
font-family: Georgia, Georgia, serif;
font-weight: normal
}  /* italic words in titles */

h1 {
position: absolute;
right: 0px;
top: 30px;
font-size: 2.25em;
letter-spacing: 0.1em;
line-height: 1.00em;
padding-right: 10px;
border-right: 15px
solid #fff
}

h1:first-letter {
font-family: Verdana, Georgia, Georgia, serif;
font-size: 2.25em
} /* styles the first letter of the main title to make it large */


p#tagline {
position: absolute;
right: 0px; top: 125px;
font-style: italic;
color: #648D20;
font-size: 0.90em
}  /* sits under main title */


h2 {
font-size: 1.30em;
letter-spacing: 0.05em
}


p, ul, ol {
margin: 10px 10px 0 7px;
font-size: 0.70em;
line-height: 1.60em;
color: #2F2F47;
letter-spacing: 0.05em
}



code {
font-family: monospace;
font-size: 1.20em;
color: #E20000
}



p span {
font-size: 1.50em;
font-weight: bold
} /* shouting words */



a:link, a:visited {
color: #792533;
font-weight: bold;
text-decoration: none;
border-bottom: 1px solid #792533;
}

a:hover, a:active {
color: #fff;
border-color: #fff
}

ul {
list-style: inside square
} /* general lists */


acronym {
font-weight: bold;
border-bottom: 1px dashed #000; cursor: help
}


/*-----------------------------------------------Layout DIVS------------------------------------------------*/


#button a {
color: #424242;
font-weight: bold;
text-decoration: none;
border: none;
}
#button a:hover { 
color: #fff; 
text-decoration: none;
}

#container {  /* keeps everything together */
position: relative;
margin: 0 auto;
width: 100%;
min-height: 600px;
background: url(../images/bkgrnd.gif) 0 0 repeat-y #E5E5E5;  /* Important image, do not remove */
overflow: hidden
}

#kopf {  /* div containing h1, nav and grapes image */
float: left;
width: 100%;
height: 160px;
background: url(../images/Logo-quer.gif) 0 0 no-repeat #FFFFFF;  /* logo im kopf bg=gelb */
border-bottom: 30px solid #CCD2FF;
}

#links {   /* left column */
position: absolute;
left: 0px;
top: 200px;
margin-left: 45px;  /* leave this so that background image lines up with edge of this div */
width: 20%;
max-width: 200px;
background: transparent;
overflow: hidden;
}

#rechts {       /* right column */
/* float: right;
width: 80%; */
padding-bottom: 30px;
background: transparent; overflow: hidden; 
width: 68%;
margin-left: 55px;
padding-left: 20%;
}

#foot {
position: relative;
text-align: center;
color:#2F2F47;
font-size: 0.70em; height: 4em;
line-height: 4em;
width: 100%;
background: #CCD2FF;

}

#unternav {    /* Quote box in left column */
        float: left;
        margin: 10px 10px 20px 10px;
        padding: 10px 10px;
        width: 170px;
        text-align: center;
        background: url(images/quote.gif) no-repeat 0 0
}

#quote p {color: #444; font-size: 0.80em; font-weight: bold; line-height: 2.00em}  /* Quote box text */

ul.dlist { 
	padding-left: 14px;
	list-style: square;
}
ul.dlist li { padding-bottom: 10px; }
ul ul.dlist { 
	font-size: inherit; 
}

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

ul#nav {   /* navigation list */
        margin: 53px 0 20px 0; /* the 53px is where the nav begins (margin top) */
        padding: 0;
        list-style: none inside
}

ul#nav li {
       float: left;
       display: block
}

ul#nav li a {
        width: 150px;
        margin: 3px 0 0 0;  /* a little top margin */
        border: 0;
        border-left: 10px solid #FFFFFF;
        padding: 10px 5px;
        font-family: Verdana,Georgia, Georgia, serif;
        font-weight: normal;
        text-decoration: none;
        display: block;
        color: #2F2F47;
        background: #CCD2FF;
}

ul#nav li a#current {border-color: #fff}   /* current page, move id in the xhtml when creating a new page */

ul#nav li a:hover {background: #2F2F47; color: #fff}