/*///////////////////////////////////////////////////////////////////
// 2007-08   | www.madebymeyer.de                                  //
// Project   | Lebensraum - Stuttgart                              //
// Author    | Karsten Meyer                                       //
// modified  | 09.12.2007 by Karsten Meyer                         //
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

HTML {
	margin:0;
	padding:0;
	height:101%;
}
BODY {
	height:100%;
	text-align: center;
	direction: ltr;
	font: 12px  "Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
	color: #333;
 background:#f1f0d1 url(../img/bg_body.jpg) repeat-x;
}

#container {
 position:relative; /* needed for footer positioning*/
	margin:12px auto 0 auto;
	text-align: left;
 width:766px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

A:link,
A:visited,
A:hover,
A:active,
A:focus{
	color: #0094df;
	text-decoration:none;
}
A:hover {
	color: #0094df;
	text-decoration:underline;
}

IMG {
	border:0;
}

P {
 padding:0;
 margin:0 0 15px 0;
 text-align:left;
}

H1, H2, H3, H4, H5, H6 {
  color:#2d7788;
  padding:0;
  margin:0;
  text-align:left;
}
H1 {
 font-size:15px;
 letter-spacing:1px;
	font-weight:400;
 padding:0 0 4px 0;
 margin:0 0 7px 0;
}
H2 {
 font-size:13px;
	font-weight:400;
 padding:0;
 margin:0 0 7px 0;
}
H3 {
 font-size:100%;
	font-weight:400;
 padding:0;
 margin:0;
}

UL {
  list-style-type: none;
  margin:0;
  padding:0;
}

TABLE, TR, TD {
	font-family: "Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
	vertical-align:top;
	border-collapse:collapse;
}

FORM {
  margin:0;
  padding:0;
}

.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

/* # header ############### */
#header {
 position:relative;
 height: 207px;
 margin-left:38px;
}
#logo {
 position:absolute;
 background: url(../img/logo.jpg) no-repeat;
 width: 169px;
 height: 207px;
 left:0;
 top:0; 
}
#lebensraum {
 position:absolute;
 background: url(../img/lebensraum2.jpg) no-repeat;
 width: 357px;
 height: 67px;
 left:191px;
 top:140px; 
}
#was {
 position:absolute;
 left:201px;
 top:8px; 
}

#was A:link,
#was A:visited,
#was A:hover,
#was A:active,
#was A:focus{
	color: #e2f7fb;
	text-decoration:none;
	font-size:13px;
	font-weight:400;
 line-height:20px;
	padding-left:14px;
	letter-spacing:0.2em;
	background:transparent url(../img/bg_pfeil.gif) 0 3px no-repeat;
}
#was A:hover{
	color: #f7246e;
	/*background-image:url(../img/bg_pfeil.gif);*/
}

/* # navigation ############### */
#meta {
 position:absolute;
 right:-58px;
 top:180px;
	color: #4b6602;
	font-size:11px;
}

A.meta:link,
A.meta:visited,
A.meta:hover,
A.meta:active,
A.meta:focus{
	color: #4b6602;
	text-decoration:none;
}
A.meta:hover {
	color: #edefc8;
}

#navigation {
 width: 766px;
 height:30px;
 margin-top:7px;
 background: url(../img/bg_navigation.gif) 0 3px no-repeat;
 overflow:hidden;
}

#navigation UL {
 padding: 0 0 0 8px;
 margin:0 0 0 37px;
 /* margin:0 0 0 60px; bei menu5*/
 height:30px;
 background: url(../img/bg_menu.gif) no-repeat;
}
#navigation UL.home {
 background-position:0 -30px;
}
#navigation UL.angebot {
 background-position:0 -60px;
}
#navigation UL.mich {
 background-position:0 -90px;
}
#navigation UL.termine {
 background-position:0 -120px;
}
#navigation UL.kontakt {
 background-position:0 -150px;
}
#navigation UL.links {
 background-position:0 -180px;
}

#navigation UL LI {
 display: inline;
 }

#navigation A,
#navigation A:link,
#navigation A:active,
#navigation A:visited,
#navigation A:hover,
#navigation A.active {
 display:block;
 float:left;
 font-size:12px;
	text-decoration:none;
	color: #276e80;
 width:110px;
 text-align:center;
 padding-top:12px;
 margin-right:3px;
}
#navigation A:hover {
	color: #ec3b79;
}
#navigation A.active,
#navigation A:link.active,
#navigation A:active.active,
#navigation A:visited.active,
#navigation A:hover.active {
	color: #ec3b79;
 font-weight:400;
}

/* # main area ############### */
#frame {
 width: 766px;
 background: url(../img/bg_border.gif) repeat-y;
}

#main {
 width: 686px;
 padding:26px 40px 21px 40px;
 background: url(../img/bg_main.gif) no-repeat;
}

#col-left {
 float:left;
 width: 197px;
}

#content {
 float:right;
 width: 487px;
 line-height:1.5em;
 min-height:450px;
 height:auto !important;
 height:450px; 
}

.minimal {
 min-height:250px;
 height:250px;
}
div[class] .minimal {
 height:auto;
}

#content A:link,
#content A:visited,
#content A:hover,
#content A:active,
#content A:focus{
	color: #00ccff;
	text-decoration:none;
}
#content A:hover{
	color: #f7246e;
}

#content UL {
  line-height:20px;
  list-style: circle;
  margin:0 0 15px 15px;
  padding:0;
}
#content LI {
  margin:0 0 7px 0;
}

#content A.liste:link,
#content A.liste:visited,
#content A.liste:hover,
#content A.liste:active,
#content A.liste:focus{
	color: #00ccff;
	text-decoration:none;
	padding-left:10px;
 background: url(../img/bg_linkpfeil.gif) 0 3px no-repeat;
}
#content A.liste:hover{
	color: #f7246e;
}
#content STRONG{
	color: #2d7788;
}

.zitat {
 padding:20px 45px;
 font-style:italic;
}
/* # subnavigation ############### */
#subnavigation {
 margin:4px 0 25px 0;
 padding:0;
 list-style-type: none;
	width:165px;
 border-bottom:1px solid #b0cad0;
}
#subnavigation LI{
	width:165px;
 list-style-type: none;
 margin:0;
 padding: 4px 0;
 border-top:1px solid #b0cad0;
}
#subnavigation LI A,
#subnavigation LI A:visited,
#subnavigation LI A:hover,
#subnavigation LI A.active,
#subnavigation LI A.active:visited {
 display:block;
 font-size:12px;
 color: #276e80;
 text-decoration:none;
 padding:0 0 0 3px;
 margin:0;
}

#subnavigation LI A:hover,
#subnavigation LI A.active,
#subnavigation LI A.active:visited {
  color: #ec3b79;
}


/* # Styles für Formularelemente ######### */
FIELDSET {
	font-family:"Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
	padding-bottom:5px;
	border:1px solid #2d7788;
	margin-bottom:15px;
}

LEGEND {
	padding:4px;
	color: #4e492d;
	font-weight:700;
}

LABEL {
	cursor:pointer;
	width:100px;
	float:left;
	clear:left;
	cursor:default;
}

INPUT.kontakt {
	border:1px solid #2d7788;
	margin-bottom:3px;
	width:218px;
	margin-right:10px;
	margin-bottom:5px;
}

INPUT.kontakterror {
	border:1px solid #2d7788;
	background-color:#a4df21;
	margin-bottom:3px;
	width:218px;
	margin-right:10px;
	margin-bottom:5px;
}

INPUT.submit {
	border:1px solid #2d7788;
	background-color:#fff;
	width:100px;
	color:#00ccff;
	font-weight:700;
	margin-top:5px;
}
INPUT.submit:hover {
	color:#f7246e;
}

TEXTAREA,
TEXTAREA.kontakterror {
	font-family:"Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #2d7788;
	width:318px;
	height:85px;
}
TEXTAREA.kontakterror {
	background-color:#a4df21;
}

/* # footer ############### */
#footer {
 width: 766px;
 height: 12px;
 background: url(../img/bg_footer.gif) no-repeat;
}

#end {
	width:100%;
	height:30px;
	margin-top:25px;
	background:#5f5d28 url(../img/bg_end.gif) repeat-x;
	text-align:left;
	color:#a1a07f;
	font-size:12px;
}
/* # END ############### */