/*
	Projekt:			Willa Sylwia
	Autor: 				Markus Giray
	Datum:				2008-04-18
*/

body {
  margin:             0px;
  padding:            0px;
  width:              100%;
  text-align:         center;
  color:              #BE5A00;
  background-color:   #FFFF96;
  font-family:        Helvetica,Arial,sans-serif;
}


/* Bloecke */

div#page {
  position:           absolute;
  z-index:						3;
  top:                0px;
  left:								0px;
  padding:            0px;
  margin:							0px;

  width:              1000px;
  min-height:					100%;

  border:             0px;

  text-align:         left;

  background-color:   #FFFF96;
  background-image:   url("bilder/hintergrund_horizontal.gif");
  background-repeat:  repeat-y;
}

div#navigation	{
  position:           relative;
  z-index:						4;
  top:                0px;
  left:								0px;
  padding:            0px;
  padding-top:				200px;
  margin:							0px;
  float:							left;

  width:              150px;
  min-height:					400px;
  
  border:             0px;
  
  text-align:         center;
  
  background-color:   #00981E;
  background-image:   url("bilder/hintergrund_vertikal.gif");
  background-repeat:  repeat-x;
}

div#main	{
  position:           relative;
  z-index:						2;
  top:                0px;
  left:								0px;
  padding:            0px;
  margin:							0px;
  float:							left;
  
  width:							850px;
  min-height:					400px;
  
  border:             0px;
  
  text-align:         left;
  
  background-color:   #FFFF96;
  background-image:   url("bilder/hintergrund_kurveoben.gif");
	background-repeat:  no-repeat;
}

div#sprachen	{
	position:						relative;
	z-index:						5;
	top:								5px;
	right:							5px;
	padding:						0px;
	margin:							0px;
	
	text-align:					right;
}


/* Ueberschriften */

h1	{
	font-family:				"French Script MT", "Times New Roman", Times, serif;
	font-size:					35pt;
	font-weight:				bold;
	
	text-align: 				center;
}

h2	{
	padding:						10px;
 	text-align: 				left;
}

h3	{
	padding:						10px;
	text-align: 				left;
}

.maincap	{
	margin:							auto;
	
	padding:						20px;
	width:							310px;

	font-size:					38pt;
	
  background-image:   url("bilder/aussen/villa_sylvia_tag.gif");
	background-repeat:  no-repeat;
}


/* Text */

p	{	
	padding-left:				10px;
	padding-bottom:			10px;
	width:							830px;
	text-align:					justify;
}

#eins	{
	margin-left:				70px;
	width:							770px;
}

#zwei	{
	margin-left:				30px;
	width:							810px;
}


/* Tabellen */

table	{
	margin-left:				10px;
	margin-bottom:			10px;
}

#preis	{
	width:							770px;
}

#anwendungen	{
	
        width:							770px;
}

#kontakttel	{
	margin-left:				30px;
	margin-top:					30px;
	width:							350px;
}

#impressadress	{
	margin-left:				80px;
	width:							770px;
}

tr	{
	vertical-align:			top;
}

th	{
	text-align:					center;
}

.tabeins	{
	width:							250px;
	text-align:					left;
}

.tabzwei	{
	width:							60px;
	text-align:					center;
}


/* Listen */

ul#liste {
	padding-left:				85px;	
}


/* Bilder */

img	{
	border:							0px;
}

.zeilenhoehe_1	{
	 height:						120px;
}

.zeilenhoehe_2	
	 height:						90px;
}

.bilderzeile	{
	margin:							auto;
	text-align:					center;
	padding:						0px;
}

.bilderblock_re	{
	float:							right;
	padding-left:				15px;
	padding-bottom:			0px;
}

.bildlinks	{
	padding-right:			15px;
	text-align:					left;
	float:							left;
}

.bildrechts	{
	padding-left:				15px;
	text-align:					right;
	float:							right;
}

img.email	{
	vertical-align:			middle;
}

img#logo	{
	position:						absolute;
  z-index:						6;
	top:								12px;
	left:								12px;
	
	padding-bottom:			35px;
}


/* Links */

a:link		{
	color:							#BE5A00;
}

a:visited	{
	color:							#BE5A00;
}

a:active	{
	color:							#BE5A00;
}


/* Positionierung */

.navibild	{
	height:							37px;
}

#kurveoben	{
	position: 					absolute;
	top:								0px;
	left:								0px;
	float:							left;
	z-index:						1;
}

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

.rechts	{
	text-align:					right;
}

.links	{
	text-align:					left;
}

#karte_sylwia	{
	position:						relative;
	
	width: 							800px;
	height:							500px;
	
	text-align:					center;
	margin:							auto;
	margin-top:					30px;
	margin-bottom:			30px;
}