@charset "utf-8";

/* -------------------------------------------------------------------------------------- */
/* ---------------------------------------| Reset |------------------------------------- */
/* -------------------------------------------------------------------------------------- */

* {
	margin:0;
	padding:0;
}

ul,
ol,
dl {
	list-style:none;
}

/* -------------------------------------------------------------------------------------- */
/* -----------------------------------| Global Tags |--------------------------------- */
/* -------------------------------------------------------------------------------------- */

html {
	height:100%;
	background-color:#FFFFFF;
	color:#707070;
}

body {
	height:100%;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, sans-serif, Verdana;
	font-size:14px;
}

a:link {color:#88be23;text-decoration:none;}
a:activate {color:#88be23;text-decoration:none;}
a:visited {color:#88be23;text-decoration:none;}
a:hover {color:#707070;text-decoration:none;}


/* -------------------------------------------------------------------------------------- */
/* ----------------------------------| Global Classes |------------------------------ */
/* -------------------------------------------------------------------------------------- */

.clear {
	floar:none;
	clear:both;
}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------| Container |------------------------------------- */
/* -------------------------------------------------------------------------------------- */

div#container {
	position:relative;
	width:1280px;
	margin:0 auto;
	background-color:#FFFFFF;
}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------| Header |---------------------------------------- */
/* -------------------------------------------------------------------------------------- */

div#header {
	position:relative;
	width:1280px;
	height:446px;
	margin:0 auto;
	background-image:url(../images/bg_header.jpg)
}

div#header h1 a {
	position:absolute;
	top:40px;
	left:820px;
	width:279px;
	height:122px;
	background:url(../images/branding.png) 0 0 no-repeat;
	text-indent:-9999px;
}

div#bg_image {
	position:absolute;
	width:581px;
	height:361px;
	z-index: 1;
	top:33px;
	left:193px;
}

div#layer_01 {
	position:absolute;
	width:503px;
	height:59px;
	top:346px;
	left:120px;
	background-image:url(../images/layer_01.png);
	z-index: 2;
}

div#navigation {
	position:absolute;
	top:396px;
	left:659px;
	z-index:5;
	width:461px;
	height:42px
}

ul#navi {
	position:absolute;
	z-index:5;
	width:461px;
	height:42px
}

ul#navi li {
	float:left;
	text-indent:-9999px;
}

ul#navi li a {
	background-image:url(../images/bg_navi.jpg);
	background-repeat:no-repeat;
	height:42px;
	display:block;	
}

/* ---------------------------------| Startseite |-------------------------------- */

ul#navi #startseite {
	width:81px;
	background-position:0px 0;
}

ul#navi #startseite:hover {
	background-position:0px -42px;
}

ul#navi #startseite:active {
	background-position:0px -84px;
}

/* ---------------------------------| Ergotherapie |-------------------------------- */

ul#navi #ergotherapie {
	width:104px;
	background-position:-81px 0;
}

ul#navi #ergotherapie:hover {
	background-position:-81px -42px;
}

ul#navi #ergotherapie:active {
	background-position:-81px -84px;
}

/* ---------------------------------| praxis |-------------------------------- */

ul#navi #praxis {
	width:52px;
	background-position:-185px 0;
}

ul#navi #praxis:hover {
	background-position:-185px -42px;
}

ul#navi #praxis:active {
	background-position:-185px -84px;
}

/* ---------------------------------| Arztinfo|-------------------------------- */

ul#navi #arztinfo {
	width:68px;
	background-position:-237px 0;
}

ul#navi #arztinfo:hover {
	background-position:-237px -42px;
}

ul#navi #arztinfo:active {
	background-position:-237px -84px;
}

/* ---------------------------------| Kontakt |-------------------------------- */

ul#navi #kontakt {
	width:68px;
	background-position:-305px 0;
}

ul#navi #kontakt:hover {
	background-position:-305px -42px;
}

ul#navi #kontakt:active {
	background-position:-305px -84px;
}

/* ---------------------------------| Impressum |-------------------------------- */

ul#navi #impressum {
	width:88px;
	background-position:-373px 0;
}

ul#navi #impressum:hover {
	background-position:-373px -42px;
}

ul#navi #impressum:active {
	background-position:-373px -84px;
}

div#zitat {
	position:relative;
	width:300px;
	height:50px;
	top:250px;
	left:815px;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
	z-index: 5;
}

div#headline {
	position:relative;
	width:400px;
	height:59px;
	top:372px;
	left:162px;
	background-image:url(../images/layer_01.png);
	z-index: 3;
	font-family:Myriad Pro, Arial, Verdana;
	font-size:58px;
	font-weight:bold;
	color:#707070;
}

div#content {
	position:relative;
	width:1280px;
	height:auto;
}

div#content_left {
	padding:20px 20px 0px 165px;
	position:relative;
	float:left;
	width:535px;
	height:auto;
}

div#content_left h1 {
	font-size:16px;
	color:#94c120;
	font-weight:bold;
}
div#content_left h2{
	font-size:16px;
	color:#6bb42c;
	font-weight:bold;
}

div#content_right {
	position:realtive;
	float:left;
	width:356px;
	height:auto;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 45px;
}

div#content_right a:link {color:#88be23; font-size:14px; font-weight:bold; text-decoration:none;}
div#content_right a:activate {color:#88be23; font-size:14px; font-weight:bold; text-decoration:none;}
div#content_right a:visited {color:#88be23; font-size:14px; font-weight:bold; text-decoration:none;}
div#content_right a:hover {color:#707070; font-size:14px; font-weight:bold; text-decoration:none;}

div#content_left_box1 {
	position:relative;
	width:535px
	height:auto;
	padding-bottom:15px;
}

/* ------------------------------------------------------------------------------------ */
/* ---------------------------------| Kontaktformular |-------------------------------- */
/* ------------------------------------------------------------------------------------ */

fieldset {
	padding:0 0 35px 0;
	margin:0 0 20px 0;
	background-color:#87bd24;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:0px;
}

input, select {
	height:20px;
	width:248px;
	padding:0;
	background:#fff;
	color:#555;
	outline:none;
	border:1px solid rgb(135,189,36);
	border:1px solid rgba(135,189,36,.66);
	-moz-border-radius:2px;
	-webkit-border-radius-2px;
	border-radius:2px;
	-webkit-box-shadow:1px 1px 2px #e2e2e2, inset 1px 1px 1px 2px #e2e2e2;
	-moz-box-shadow:1px 1px 2px #e2e2e2, inset 1px 1px 1px 2px #e2e2e2;
	box-shadow:1px 1px 2px #e2e2e2, inset 1px 1px 1px 2px #e2e2e2;
}

select {
	width:250px;
}

label, textbox {
	float:left;
	line-height:125%;
	width:160px;
	cursor:pointer;
	margin-left:10px;
	color:#FFF;
	font-weight:bold;
}

fieldset legend {
	float:left;
	font-weight:bold;
	font-size:18px;
	height:10px;
	background-color:#87bd24;
	color:#FFF;
	width:100%;
	padding: 0 0 25px 0;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

#submit, #reset {
	margin-left:10px;
	margin-top:10px;
}
	


div#footer {
	position:relative;
	clear:both;
	width:1280px;
	height:65px;
	background-image:url(../images/bg_footer.jpg)
}