/*common*/

body, html
{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
color: #493000;
margin: 0;
padding: 0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
background-color: #dde8c6;
line-height: 1.5em;
background-image: url(./images/hg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
height: 100%;}

a:link img {border: 0;}
a:visited img {border: 0;}
a:active img {border: 0;}
a:focus img {border: 0;}
a:hover img {border: 0;}
a:link    {color: #d00;   background-color:transparent;text-decoration: none;}
a:visited,
a:active,
a:focus   {color: #d00;   background-color:transparent;text-decoration: none;}
a:hover   {color: #000; background-color:transparent; text-decoration: none;}

/*Headlines*/


h1
{
font-size: 17px;
font-family: arial, verdana, helvetica, sans-serif;
font-style: normal;
font-weight: bold;
color: #493000;
background-color: transparent;
line-height: 1.5em;
}

h2
{
font-size: 15px;
font-family: arial,verdana, helvetica, sans-serif;
color: #493000;
background-color: transparent;
}

h3
{
font-size: 9px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #aaa;
background-color: transparent;
text-align: center;
}

a.sts:link,
a.sts:visited,
a.sts:active,
a.sts:focus,
a.sts:hover {color: #aaa;}

h4
{
font-size: 15px;
font-family: arial,verdana, helvetica, sans-serif;
color: #493000;
background-color: transparent;
}

.red {color: #d00;}

.grey {background-color: #efefef;}

.mini
{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

.welcome
{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 1.3em;
}


/*Top*/

#center
{
text-align: center;
margin: auto;
}

.right
{
text-align: right;
}

.left
{
text-align: left;
}

#top
{
height: 200px;
width: 900px;
margin-left: 0;
border: 0px;
}

#content
{
width: 900px;
background-image: url(http://www.wellivilla.de/images/holztextur.jpg);
background-repeat: repeat-y;
border: 0px;
}

#textbox
{
width: 900px;
border: 0px;
text-align: left;
}

#menu
{
width: 250px;
border: 0px;
text-align: left;
float: left;
font-size: 11px;
}

.menuabstand20
{margin-left: 30px;}

.menuabstand30
{margin-left: 10px;}

a.navi:link,    
a.navi:visited,
a.navi:active  {color: #c4aa86; font-weight: bold; text-decoration: none;}
a.navi:focus,   
a.navi:hover,  .naviaktiv    {color: #fd7979; font-weight: bold; text-decoration: none;}


a.subnavi:link,    
a.subnavi:visited,
a.subnavi:active {color: #c4aa86; text-decoration: none;}
a.subnavi:focus,  
a.subnavi:hover, .subnaviaktiv    {color: #fd7979; text-decoration: none;}


a.subnavi2:link,    
a.subnavi2:visited,
a.subnavi2:active,
a.subnavi2:focus   { color: #c4aa86; text-decoration: none;}
a.subnavi2:hover   { color: #fff; background-color: #000;}

.subnavi2aktiv   { color: #fd7979; }

.dichter
{margin-top: -5px;
line-height: 1.4em;}


a.navi2:link,    
a.navi2:visited,
a.navi2:active,
a.navi2:focus   {color: #493000; text-decoration: none;}
a.navi2:hover   {color: #fff; background-color: #000;}

.navi2aktiv   {color: #fff; background-color: #000;}

#inhalt
{
margin-left: auto;
margin-right: auto;
float: left;
width: 590px;
margin-left: 30px;
text-align: left;
}

#bottom
{
height: 16px;
width: 790px;
background-image: url(http://www.wellivilla.de/images/bottom.jpg);
margin-left: 0;
border: 0px;
}




.spacer
{
clear:both;
height:25px;
margin:0px;
}

.smallspacer
{
clear: both;
height: 5px;
margin: 0px;
}



.linkbox
{
width: 550px;
border: 0px;
text-align: left;
margin: auto;
font-size: 10px;
margin-top: 15px;
}

.linkboxaktiv
{
color: black; 
background-color: #ffcb38;; 
border-top: 1px solid #000; 
border-bottom: 1px solid #000; 
text-decoration: none;
}

a.linkbox:link,    
a.linkbox:visited,
a.linkbox:active,
a.linkbox:focus   {color: black; background-color: transparent; border-top: 1px solid #000; border-bottom: 1px solid #000; text-decoration: none;}
a.linkbox:hover   {color: black; background-color: #ffcb38;}

.center
{
text-align: center;
margin: auto;
margin-bottom: 20px;
}



p.anker{
text-align: right;

font-size: 9px;
}

#impressum
{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: #aaa;
line-height: 1.4em;
text-align: center;}

.impressum
{
font-family: Verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: #aaa;
line-height: 1.4em;
text-align: center;}

.linksfluss
{
float: left; 
margin-right: 20px;
margin-bottom: 10px;
clear: both;
}

.rechtsfluss
{
float: right; 
margin-left: 20px;
margin-bottom: 10px;
}

li
{
margin-top: 10px;}

.host
{
font-size: 10px;
line-height: 1.2em;}

.border
{border: 1px solid;
border-collapse: collapse;}

.preis
{background-color: #fefefe;
color: #d00;
text-align: center;
font-weight: bold;
font-size: 11px;}

.news
{background-color: #fefefe;
color: #d00;
text-align: center;
font-weight: bold;
font-size: 11px;
letter-spacing: 0.5pt;
margin-left: 10px;
width: 180px;}


#greybg
{background-color: #f7f7f7;
padding: 5px 10px 5px 10px;
margin-left: 10px;
width: 160px;}

.small
{font-size: 11px;}

.textruck
{margin-left: 120px;}

.platz
{clear: both;
height: 15px;
margin: 0px;}


a.quicklinks:link,    
a.quicklinks:visited,
a.quicklinks:active,
a.quicklinks:focus   {color: #aaa; background-color: transparent; text-decoration: none; font-size: 9px;}
a.quicklinks:hover   {color: #aaa; background-color: #fff; font-size: 9px;}

.quicklinks
{font-size: 9px;
color: #aaa;}


a.fragen:link,    
a.fragen:visited,
a.fragen:active,
a.fragen:focus   {color: #493000; text-decoration: none;}
a.fragen:hover   {color: red;}

.zero
{margin-top: 0;
margin-bottom: 0;
}