/*
-----------------------------------------------------------------
	                  C O P Y R I G H T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

	CSS for Ferienhaus Lina Boltenhagen
	URL: http://www.ferienhaus-lina-boltenhagen.de
	Description: Ihr Ferienhaus Ferienwohnung im Ostseebad Boltenhagem in Mecklenburg-Vorpommern.
	Author: Martin Schuster
	URL: http://www.martin-schuster.com/
	
	Version: 1.1 27/02/2009

-----------------------------------------------------------------
                    G L O B A L  R E S E T
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


* {
	margin: 0;
    padding: 0;
}
*/

body {	
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px; overflow: auto;
	color: #036;  background-color: #fff;
}

div#top {
	padding: 0; margin-top: 10px; margin-bottom: 10px; text-align: center;
	background: #69c url('images/gif/hg.gif') no-repeat bottom right;
}
div#titel { margin: 0px; padding 0px  }

div#navigation {
	background-color: #cc9; margin: 0; padding: 0; text-align: center }
ul#navigation {	
	list-style-type: none; margin: 0px; padding: 5px; border-bottom: 5px solid #69c;
	text-align:center; font-size: 1em; font-weight: bold }
ul#navigation li {	display: inline; padding:5px }
ul#navigation li a { padding: 5px; border-bottom: transparent; text-decoration: none; color: #036 }
ul#navigation li a:hover { border-bottom: 5px solid #036; background: #69c; color: #fff }
ul#navigation .aktiv { border-bottom: 5px solid #c30; color: #003 }
							
div#container { margin:10px; padding:0px; text-align:center }
div#haupt {		width: 800px; margin-left:auto; margin-right:auto }	
div#links {		width:210px; float:left; margin:0px; padding:0px }
div#box {	
	margin: 0px 0px 10px 0px; padding:5px;
	background-color: #fff; border: 1px solid #cc9 }
div#box table {
	margin: 0 auto;
}

div#mitte {		
	width: 450px; margin:0px 120px 0px 220px; padding:0px; 
	background-color: transparent;  }
div#rechts {    float: right; width:110px; background-color: #ffffff}

div#content { font-size: 0.9em; margin:0px; padding:0px 10px; text-align:left }
div#content a, a:link,a:visited,a:active  { text-decoration: none; color:#c30 }
div#content a:hover {text-decoration: none; color: #069 }
div#content h1 {font-size: 1.5em; color: #c30 }
div#content h2 {font-size: 1.2em }
div#content p { font-size: 0.9em }
div#content ul { list-style-image: url('images/gif/point.gif')}
div#content li { padding: 3px }
div#content table {
	font-size: 0.9em; margin: auto }
div#content td,
div#content th {
    vertical-align: top; text-align: left; padding: 5px 10px; }
div#content th { color: #c30; border-bottom: 1px solid #cc9 }

div#footer {
	clear: both; text-align: center; font-size: 12px; color: #fff;
	background-color: #69c; border-top: 5px solid #cc9; margin: 0px; margin-top: 10px; padding: 5px }
div#footer a, a:link,a:visited,a:active  { text-decoration: none; color:#fff }
div#footer a:hover {text-decoration: none; color: #cc9 }
				
div#achtung { padding:5px; margin:10px 0px; border: 1px solid #c30; background-color:#fcc }

.klein {font-size:10px}
.bild {border-color:#FF6600}

hr { height:1px; border:1px dashed #69c; color: #69c; size: 1px; text-align: center; margin: 10px auto}
form { margin:0px }
small { font-size: 11px }

/* Formulare */
.formular {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; color: #036; border: 1px solid #69c; overflow: auto }

.button {			font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px; font-weight: bold;}
.menu {				font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0px}
input {				font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin:0px}