/* CSS Document */
/* *** css by 7actions by Glauser - www.7actions.ch *** */
/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
 	font-family: Trebuchet MS, Verdana, Helvetica, SunSans-Regular, Sans-Serif;
 	font-size:0.8em;
 	color:#000;
 	top:0;
 	left:0; 
 	margin:0px;
 	padding:0px;
 	text-align:center;
 	background-color:#fff;
}


a {
	text-decoration:none;
	color: #fff;}


.flLeft { float:left; }
.flRight { float:right; }


/* container to center layout */
#container { 		
	width:1000px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background-color:#30f;
}

/* position logo */
#logo {
	float:left; 		
	width:259px;
	height:100px;
	margin:0px;
	padding:0px;
	background-image:url(logo.jpg);
	background-repeat:no-repeat;
	border-left:1px solid #30f;
}


/* position header */
#header { 		
	width:740px;
	height:100px;
	float:right;
	margin:0px;
	padding:0px;
}

/* clear both floats */
.clear { 		
	clear:both;
}

/* position slogan */
#layer_b {
	float:left;
	width:260px;
	height:100px;
	margin:0;
	padding:0px;
}


/* position quotes */
#quote {
	float:left;
	width:480px;
	height:100px;
	margin:0;
	padding:0px;
	background-color:#f00;
}

#quote p {
	width:420px;
	font-size:1em;
	line-height:1.4em;
	margin:0px;
	padding:10px 0 2px 10px;
	color:#fff;
}


/* position slogans */
#layer_r {
	float:left;
	width:260px;
	height:100px;
	margin:0;
	padding:0px;
}


/* clear left floats */
.left { 		
	clear:left;
}


/* position butterfly */
#bfly {
	position:absolute;
	width:150px;
	height:100px;
	top:0px;
	left:850px;
}

 /* Navigation Links */
#navigation {
	float:left;
	width:260px;
	font-weight:bold;
	background-color:#30f;
	margin:0px;
	padding:0px;
}

#navigation ul.navroot {
	list-style-type:none;
	font-size:1em;
	margin:70px 0 0 0px;
	padding:0px 0 0 0px;
	background-image:url(layer_navi.gif);
	background-repeat:repeat;
	text-indent:40px;
}

#navigation ul li {
	display:block;
	margin:0px;
	padding:3px 0px;
}

#navigation ul li a {
	text-decoration:none;
	margin:0px;
	padding:3px 0px;
	color: #fff;
}

#navigation ul.subnav1 {
	list-style-type:none;
	font-size:1em;
	margin:0px;
	padding:0px;
	background-image:url(layer_navi.gif);
	background-repeat:repeat;
	text-indent:60px;
}

#navigation ul.subnav1 li a {
	text-decoration:none;
	padding:2px 0px;
}

#navigation ul li a.active {
	display:block;
	background-color:#f00;
}

#navigation ul li a:hover {
	color:#30f;
}


/* Login */
* html #navigation div.login {
 padding-left:35px;
}

#navigation div.login {
 	margin:20px 0 0 0px;
 	padding:0px 0 0 30px;
}

div.login form {
 	margin:0px;
	padding:0px;
}
 
div.login fieldset {
 	border:none;
}
 
div.login div.element {
 	clear:left;
	display:block;
 	margin:0px;
	padding:0px;
 }

div.login label.login,
div.login label.paswd {
 	float:left;
	width:70px;
 	color:#fff;
 	margin:0 0 5px 0px;
 	padding:0px;
 }

div.login input.login,
div.login input.paswd {
 	float:left;
	width:120px;
	height:14px;
 	color:#000;
 	margin:0 0 5px 0px;
 	padding:0px;
 }
  
div.login input.submit {
 	color:#000;
 	margin:5px 0 0 70px;
 	padding:0px;
 } 


/* content */
 
#content {
 	margin-left:260px;
 	margin-right:0px;
 	padding:0 0 15px 0px;
 	background-color:#fff;
 }
 
/* Hide from IE5-mac. Only IE-win sees this. \*/

* html #navigation {
 margin-right:-3px;
}

* html #content {
  zoom:1;
  margin-left:257px;
  }

/* End hide from IE5/mac */ 

div#content { 
 	min-height:500px;
 	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
 	border-bottom:1px solid #30f;
 	border-right:1px solid #f00;
 }
 
#content h1 {
	font-size:1.3em;
	font-weight:bold;
	color:#f00;
	letter-spacing:2px;
	margin:0px;
	padding:30px 50px 15px 50px;
}


#content h2 {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	color:#f00;
	margin:0px;
	padding:40px 50px 10px 50px;
} 

#content p {
	line-height:18px;
	margin:10px 0 0 0px;
	padding:0 50px 0 50px;
 }
 
#content div {
	line-height:18px;
	margin:10px 0 0 0px;
	padding:0 50px 0 50px;
 }

 
#content ul {
 	line-height:16px;
 	margin:0px;
 	padding:10px 50px 0 70px;
 }

#content div.teaser {
	line-height:18px;
	margin:10px 0 0 0px;
	padding:0 50px 0 0px;
 }

#content div.teaser h2 {
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:2px;
	color:#f00;
	margin:0px;
	padding:20px 50px 0px 50px;
 }
 
#content strong {
 color:#f00;
 }
 
#content a {
 color:#3399cc;
 }
 
#content a:hover {
 color:#f00;
 }
 
 /* Kontakt-Formular */
 
#content div.form-module {
	margin:20px 0 0 50px;
	padding:0px;
 }

#content div.form-module fieldset {
	margin:0px;
  padding:0px;
  border:none;
 }
 
#content div.element {
	clear:left;
	display:block;
	margin:0px;
	padding:0px;
}

#content div.form-module label.text,
#content div.form-module label.textarea  {
	float:left;
	width:100px;
	margin:0 0 5px 0;
	padding:0px;
}
 
#content div.form-module input, 
#content div.form-module textarea {
	float:left;
	width:250px;
	margin:0 0 5px 0;
	padding:0px;
	border:1px solid #666;
}

#content input.text {
	height:14px;
}

#content input.textarea {
	height:100px;
}

#content div.form-module input:focus,
#content div.form-module textarea:focus, {
	background-color: #ccc;
}

#content div.form-module input.submit { 
	clear:left;
	margin:0px 0px 0px 270px;
	padding:0px 0px;
	width: 80px;
	border:none;
	color:#000;
	font-size:0.9em;
	text-align:right;
	cursor:pointer;
	background-color:transparent;
}

#content div.form-module input.submit:hover { 
	background-color:transparent;
	border-style: hidden;
	color:#30f;
}

#form-module-thanks {
  margin:0px;
  padding:20px 50px 0 0px;
  color:#f00;
}
 
 /* footer */
#footer {
	font-size:0.8em;
	text-align:center;
  margin:0px;
	padding:0px;
 } 
 
#footer p {
  margin:0px 0px 0px 5px;
	padding:5px 0px 5px 0px;
 } 
 
#footer a {
  color:#000;
 }