html{background:#B4D3E5;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body {
	text-align: center;
	font: 12px arial;
	color: #75371C;
	background: #B4D3E5;
	padding-top: 50px;
	}

a {
  outline: none;
	}	
	
a:link, a:visited {
	color: #5896B1;
	text-decoration: none;
	}
	
a:hover, a:active {
	text-decoration: underline;
	}	

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 10px 0 20px;
	text-align: left;
  	width: 955px;
	height: 579px;
	background: #ffffff url(../gfx/mainbg.gif) 0 135px no-repeat;
	}

p {
	margin: 1em 0;
	}

#header {
	float: right;
	height: 76px;
	margin: 42px 58px 0 0;
	}		
	
#header h1 {
	width: 302px;
	height: 76px;
	background: transparent url(../gfx/appartements-logo.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	}	

#mainnav{
	clear: both;
	width: 955px;
	height: 25px;
	}

#mainnav ul {
	margin: 0 0 0 -21px;
	}
	
#mainnav ul li{
	float: left;
	text-align: center;	
	}	

#mainnav ul li a{
	display: block;
	width: 140px;
	height: 20px;
	margin-left: 20px;
	padding-top: 5px;
	color: #75371C;
	font-weight: bold;
	background: transparent url(../gfx/menubg.jpg) 0 0 no-repeat;
	}
	
#mainnav ul li a:hover,
#home #mainnav ul #n-home a,
#appartements #mainnav ul #n-appartements a,
#kontakt #mainnav ul #n-kontakt a,
#anreise #mainnav ul #n-anreise a,
#preise #mainnav ul #n-preise a,
#anfrage #mainnav ul #n-anfrage a{
	background-position: 0 -25px;
	text-decoration: none;
	}	
	
#content-area {
	width: 955px;
	height: 415px;
	line-height: 1.5em;
	}

#home #content-area {
	background: transparent url(../gfx/imurlaubzuhause.gif) 2px 363px no-repeat;
	}	
	
#home .column1, #kontakt .column1, #anreise .column1 {
	float: left;
	width: 452px;
	margin: 70px 13px 0 0;
	font-size: 14px;
	}	

#home .column1 {
	margin-top: 50px;
	}	
	
#anreise .column1 {
	width: 320px;
	margin: 100px 0 0 130px;
	}		
	
#home .column1 h1{
	font-size: 18px;
	}	
	
#home .column2, #kontakt .column2  {
	float: left;
	width: 473px;
	margin: 30px 4px 0 0;
	}
	
#anreise .column2  {
	float: left;
	width: 425px;
	margin: 30px 0 0 63px;
	}	
	
#home .column2 p {
	text-align: center;
	margin: 22px 0 0 0;
	}	
	
#footer {
	clear: both;
	width: 985px;
	margin-left: -20px;
	height: 21px;
	background-color: #FAF1C8;
	}
	
#footer p{
	height: 21px;
	margin-left: 20px;
	font-size: 10px;
	line-height: 1.5em;
	padding-top: 3px;
	}
	
#footer p span{
	float: right;
	margin: 0 26px 0 0;
	}	
	
#footer a:link, #footer a:visited {
	color: #75371C;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:active {
	text-decoration: underline;
	}	
	
.bold {
	font-weight: bold;
	}

#appartements #content-area, #links #content-area , #preise #content-area {
	text-align: center;
	}	
	
#appartements #content-area h1, #links #content-area h1 {
	width: 970px;
	font-size: 18px;
	font-weight: bold;
	margin: 25px 0 25px 0;
	}

#links #content-area h1 {
	margin: 33px 0 0px 0;
	}	
	
#appartements #content-area ul {
	margin: 25px 0 0 0;
	text-align: left;
	clear: left;
	}

#appartements #content-area li {
	list-style: disc;
	margin-left: 1em;
	}
	
#appartements .column1, #appartements .column2 {
	float: left;
	/*width: 450px;*/
	font-size: 14px;
	text-align: left;
	}	

#links .column1, #links .column2, #preise .column1, #preise .column2 {
	float: left;
	width: 375px;
	font-size: 14px;
	text-align: left;
	margin-bottom: 24px;
	}		
	
#appartements .column1 {
	margin-left: 40px;
	}	

#links .column1 {
	margin-left: 155px;
	}
	
#preise .column1	{
	margin-left: 140px;
	}
	
#links .column2, #preise .column2 {
	margin-left: 40px;
	}	

#links #content-area p {
	margin: 6px 0;
	}	
	
#appartements .column2 {
	margin-left: 30px;
	}	
	
#appartements .column1 h2, #appartements .column2 h2 {
	font-size: 14px;
	margin: 0;
	}	
	
#appartements .gallery {
	float: left;
	width: 50px;
	height: 50px;
	margin: 20px 7px 20px 0;
	}		
	
#appartements #footer {
	margin-top: -35px;
	}	

#home #footer , #impressum #footer, #anfrage #footer{
	margin-top: -10px;
	}	
	
#links #footer {
	margin-top: -43px;
	}

#kontakt #footer, #anreise #footer, #preise #footer {
	margin-top: -10px;
	}
	
#kontakt .column1, #impressum .column1{
	width: 315px;
	margin: 100px 0 0 180px;
	}	

#impressum .column1{
	margin: 100px 0 0 380px;
	}
	
#kontakt .column1 h2, #links  h2, #impressum  h2  {
	font-size: 16px;
	font-weight: bold;
	}
	
#links  h2  {
	margin-top: 36px;
	}	
	
#preise  h2  {
	margin-top: 75px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
	}	

#preise  h3  {
	font-weight: bold;
	}
	
#anreise h2 {
	font-weight: bold;
	}
	
#kontakt .column2, #impressum .column2{
	width: 315px;
	margin: 85px 0 0 0;
	}

#impressum .column2{
	margin: 100px 0 0 0;
	}
	
.clearboth {
	clear: both;
	}

#anfrage .column1 {
	float: left;
	width: 200px;
	margin: 37px 0 0 0;
	}
	
#anfrage .column2 {
	float: right;
	width: 500px;
	margin: 40px 16px 0 0;
	}	
	
.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 180px; /*width of left column containing the label elements*/
	height: 1%;
	}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -180px; /*width of left column*/
	width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
#anfrage .column1 div{
	width: 360px;
	text-align: right;
	}	
	
#impressum .column1, #impressum .column2{
	float: left;
	}