/* _______________________ Standart */

img
{       border-style:none;
        border-width:1px;
        padding:5px;
}

p
{
	margin-bottom:10px;
}

a
{
        color:#222;
        text-decoration:none;
        font-weight:normal;
}

a:hover
{
        color:#ff6600;
        text-decoration:none;
        font-weight:normal;
}

h1
{

        font-weight:bold;
        font-size:24px;
        color:#131;
        padding:0px;
        margin:0px;
}

h2
{
        font-size:16px;
        color:#252;
        padding-top:15px;
}

h4
{
        font-size:20px;
        letter-spacing: 2px;
        font-style: normal;
        padding:0;
        margin:0;
}

h5
{
        font-size:12px;
        letter-spacing: 2px;
        font-style: normal;
        padding:0;
        margin:0;
}

ul
{
     list-style-image: url(../grafiken/strelka.gif);
}

li
{
         padding:1px;
         padding-left:10px;
         line-height:15px;
         /*! --- um mit vertical-align innerhalb eines li-elements (blockelements) arbeiten zu können, brauchts line-height...*/
         vertical-align:middle;
         color:#111;
}

legend
{
			border:1px solid #666;
			background-color:#de5;
			color:#111;
			font-weight:normal;
			border-radius: 3px; 
}

fieldset
{
			border:1px solid #ccc;
			background-color: #eee;
			border-radius: 6px; 
}

/* _______________________ Navigation */



/* _______________________ Divs */

body
{
        font-family:"Arial";
        letter-spacing: 1px;
        font-style: normal;
        font-size:12px;
        background-color:#fff;
        color:#111;
        text-align:center;
        margin:0;
        padding:0;
        background: url(../grafiken/header_bg.jpg) top left repeat-x #fff;
}

#main
{
        position: static;
        padding:0px;
        width:100%;
        margin:auto;
        /* background: url(../grafiken/bg_spacer.jpg) top left repeat-x #fff; */
}

div.header_spacer
{
        padding:0px;
        margin:auto;
        width:100%;
        text-align:center;
}

div.header
{
         padding:0;
         margin:auto;
         height:80px;
         width:900px;
         letter-spacing: 2px;
         font-style: normal;
         font-size:16px;
         color:#eee;
         background: url(../grafiken/header_bg.jpg) top left repeat-x #888;
         text-align:left;
}

div.nav a
  {
  position:relative;
  top:-17px;
  left:-20px;
  padding:5px 5px 3px 5px;
  height:20px;
  color:#252;
  text-align:right;
  border-style:solid;
  border-bottom-style:none;
  border-width:1px;
  border-color:#8C8;
  background:url(../grafiken/nav_bg2.jpg) repeat-x 0px 0px;
  }
  
div.nav a:hover
  {
  color:#010;
  border-color:#6A6;
  }

#titel1 a{float:left;width:190px;height:150px;display:block;background: url(../bilder/ferienhaus_s.png) no-repeat 0px 0px;}
#titel1 a:hover{background: url(../bilder/ferienhaus_s2.png) no-repeat 0px 0px;}
#titel2 a{float:left;width:222px;height:150px;display:block;background: url(../bilder/poolhaus_s.png) no-repeat 0px 0px;}
#titel2 a:hover{background: url(../bilder/poolhaus_s2.png) no-repeat 0px 0px;}
#titel3 a{float:left;width:190px;height:150px;display:block;background: url(../bilder/finnhuette_s.png) no-repeat 0px 0px;}
#titel3 a:hover{background: url(../bilder/finnhuette_s2.png) no-repeat 0px 0px;}
#titel4 a{float:left;width:190px;height:150px;display:block;background: url(../bilder/ferienzimmer_s.png) no-repeat 0px 0px;}
#titel4 a:hover{background: url(../bilder/ferienzimmer_s2.png) no-repeat 0px 0px;}

#inhalt
{
        padding: 0px 40px 60px 40px;
        color:#222;
        width:818px;
        text-align:left;
        margin:auto;
        background: url(../grafiken/bg3.png) top left repeat-x #fefefe;
        border-top-style:none;
        border-top-width:1px;
        border-top-color:#666;
}

#angebot
{
		  float:right;
        padding: 10px;
        padding-left:20px;
        margin:10px;
        color:#555;
        width:350px;
        text-align:left;
        background: url(../grafiken/bg3.png) repeat-x -30px -30px #fefefe;
        border-style:solid;
        border-width:1px;
        border-color:#ccc;
        border-right-style:solid;
        border-right-width:2px;
        border-right-color:#aaa;
        border-bottom-style:solid;
        border-bottom-width:2px;
        border-bottom-color:#aaa;
        border-radius: 8px; 
}

/* ----- Footer ----- */

#footer
{
        margin:auto;
        padding:8px;
        font-size:6px;
        font-style:normal;
        letter-spacing: 2px;
        text-align:center;
        display:block;
        background-color:#fefefe;
        color:#777;
}

#footer a
{
        color:#000;
}

#footer a:hover
{
        color:#f00;
}

div.clearer
{
        clear:both;
        height:1px;
}