/*CSS - Styleguide*/

/*
	http://www.tierheilpraxis-hofmann.de/
   	css styles
   
   	Copyright 2010, Markus Spiske
   	http://www.temporausch.com
*/

/*------------------general styles------------------*/
html, body, div, p, h1, h2, h3, ol, span, a, table, td, form, img {
	margin: 0;
	padding: 0;
	color: #663825;

}

body {
	font: 12px/165%  Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
  	background: url(../img/bg_complete.gif) repeat-x;
  	background-color: #663825;
}

h1 {
	font-family:  Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #a55938;
}

h2 {
	font-family:  Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
	color: #a55938;
}

a {outline: none;}

a.link:link, a.link:visited, a.link:active {
	font-weight: normal;
	color: #a55938;
	text-decoration: underline;
}

a.link:hover {
	font-weight: normal;
  	color: #a55938;
  	text-decoration: none;
}

a.link_small:link, a.link_small:visited, a.link_small:active {
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
	color: #a55938;
	text-decoration: none;
}

a.link_small:hover {
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
  	color: #663825;
  	text-decoration: none;
}

a.navi:link, a.navi:visited, a.navi:active {
	font-size: 12px;
	font-weight: normal;
	color: #137ab3;
	text-decoration: underline;
}

a.navi:hover {
	font-size: 12px;
	font-weight: normal;
  	color: #137ab3;
  	text-decoration: none;
}

a.grey_small:link, a.grey_small:visited, a.grey_small:active {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}

a.grey_small:hover {
	font-size: 11px;
	font-weight: normal;
  	color: #137ab3;
  	text-decoration: none;
}

a.footer:link, a.footer:visited, a.footer:active {
	font-size: 11px;
	font-weight: normal;
	color: #a55938;
	text-decoration: underline;
}

a.footer:hover {
	font-size: 11px;
	font-weight: normal;
  	color: #a55938;
  	text-decoration: none;
}

a img, a:hover img {
	border: none;
}

.indent_box {
	padding-left: 15px;
}

.buton {
	color: #009955;
}

.butoff {
	color: #559955;
}

.ontop {
    border-top:1px solid #e3e3e3;
	margin-bottom: 30px;
	margin-top: 30px;
	padding-top: 5px;
	text-align: left;
}

.indent_box {
	padding-left: 15px;
}

.small {
	font-size: 10px;
	color: #137ab3;
	font-weight: bold;
}

.text_blue {
	font-size: 11px;
	color: #137ab3;
	text-transform: uppercase;
	font-weight: bold;
}

/*hr {
	border:none;
	width:100%;
  	color:#d5c89a;
  	background-color:#d5c89a;
 	height:1px;
 	margin-bottom:15px;
}*/

.clear {
	clear: both;
}

.kontakt {
    float: left;
    padding:10px 40px;
    background:transparent url(../img/icon_kontakt.gif) no-repeat scroll 0 7px;
}

.download {
    float: left;
    padding:10px 40px;
    background:transparent url(../img/icon_download.gif) no-repeat scroll 0 5px;
}

.preis_first {
    border-bottom:1px solid #e3e3e3;
    padding-bottom: 10px;
}

.preis {
    border-bottom:1px solid #e3e3e3;
    padding-bottom: 10px;
    margin-top: 20px;
}

.preis_last {
    padding-bottom: 10px;
    margin-top: 20px;
}

.text_brown {
	color: #a55938;
}

.text_small {
	font-size: 10px;
	line-height: 145%;
}

.text_bold {
	color: #663825;
	font-weight: bold;
}

/*------------------container------------------*/
#container {
	margin: 0 auto;
  	width: 900px;
  	margin-top: 40px;
}

/*------------------header------------------*/
#header {
	width: 900px;
	height: 250px;
	float: left;
  	background: url(../img/bg_header.gif) no-repeat;
}

#logo {
	width: 400px;
	height: 140px;
	float: left;
	margin-top: 80px;
	margin-left: 60px;
}

/*------------------navigation------------------*/
#navigation {width: 845px; height:70px; float:left; margin-left: 0px; background: url(../img/bg_navi.gif) repeat-y; padding-left: 52px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {margin:0px 0 0px 0; background:#fff;}

/* the styling */
#nav {width:815px; height:30px; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:22px; float:left; padding:3px 15px 0px 10px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; border-right:1px solid #fff; color:#a55938;}
* html #nav .select a, * html #nav .current a {width:1px; height:31px;}


#nav .select a:hover, 
#nav .select li:hover a {cursor:pointer; color:#663825;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#fff; color:#663825;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#fff; color:#663825;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#fff; color:#663825;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:815px; top:25px; left:0; background:#fff; margin-top:0; padding:0; z-index:100; color:#663825; font-size:12px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:815px; top:25px; left:0; background:#fff; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:22px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#fff; padding:7px 15px 5px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#fff; padding:7px 15px 5px 10px; margin:0; white-space:nowrap; border:0; color:#a55938; font-size:12px;}

/*------------------content------------------*/
#content_frame {
	width: 900px;
  	float: left;
  	background: url(../img/bg_global.gif) repeat-y;
  	padding-top: 30px;
	margin-left: 0px;
	background-color: #fff;
}

#content {
	width: 500px;
	padding-top: 0px;
	padding-left: 75px;
	margin-bottom: 50px;
	text-align: left;
	float: left;
}

#content_input {
	padding-left: 20px;
	text-align: left;
	float: left;
}

#button {
	width: 500px;
	height: 110px;
	float: left;
	margin-top: 15px;
	margin-left: 0px;
	padding-top: 25px;
	padding-left: 50px;
  	background: url(../img/bg_button.gif) no-repeat;
}

#box_right {
	width: 170px;
	float: right;
	text-align: left;
	margin-right: 75px;
	margin-bottom: 30px;
	font-size: 11px;
	line-height: 140%;
}

/*------------------footer------------------*/
#footer	{
	width: 900px;
	margin-left: 0px;
	padding-top: 0px;
	height: 100px;
	margin-bottom: 30px;
	float: left;
  	background: url(../img/bg_footer.gif) repeat-x;
  	font-size: 11px;
}

#footer_left {
  	color: #663825;
	float: left;
	margin-left: 75px;
	width: 500px;
	text-align: left;	 		
}

#footer_right {
  	color: #663825;
	float: right;
	margin-right: 75px;
	text-align: right;	 		
}