html,body {
border:0;
height:100%;
margin:0;
padding:0;
}

body {
background-image:url(http://www.hautok.de/wp-content/themes/david-hunter-SEO/images/writing-bkgrd.jpg);
background-repeat:repeat;
min-width:962px;
text-align:center;
}

.clear {
clear:both;
font-size:0;
height:1px;
line-height:1%;
margin-bottom:-1px;
overflow:hidden;
}

* html .clear {
height:auto;
margin-bottom:0;
}

#fullheightcontainer {
height:100%;
margin-left:auto;
margin-right:auto;
position:relative;
text-align:left;
width:962px;
}

#wrapper {
background-image:url(http://www.hautok.de/development-stuff/navgrauebackground.gif);
/* background-image:url(http://www.hautok.de/development-stuff/navgrauebackground.gif); */
/* background-image:url(http://www.hautok.de/development-stuff/navgrauebackground_BLAU.gif); AW */
background-repeat:repeat-y;
height:auto;
min-height:100%;
}

* html #wrapper {
height:100%;
}

#outer {
background:#FFF;
height:100%;
margin-left:200px;
position:relative;
width:580px;
z-index:1;
}

* html #outer {
width:580px;
}

#float-wrap {
display:inline;
float:left;
margin-right:-1px;
width:580px;
}

#left {
display:inline;
float:left;
margin-left:-201px;
margin-top:35px;
position:relative;
text-decoration:none;
width:202px;
}

*>html #left {
width:201px;
}

#container-left {
width:200px;
}

#right {
display:inline;
float:left;
margin-left:-1px;
margin-right:-180px;
position:relative;
width:182px;
}

* html #right {
margin-left:0;
margin-right:-182px;
width:182px;
}

#container-right {
margin-left:3px;
width:180px;
}

* html #container-right {
display:inline;
float:right;
margin-left:0;
}

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

#center {
display:inline;
float:right;
margin-left:-1px;
width:580px;
}

#clearheadercenter {
height:255px;
overflow:hidden;
}

#clearheaderleft {
height:190px;
overflow:hidden;
}

#clearheaderright {
height:215px;
overflow:hidden;
}

#footer {
background-image:url(http://www.hautok.de/development-stuff/footer.gif);
background-repeat:repeat-y;
clear:both;
height:70px;
margin-top:-40px;
overflow:hidden;
position:absolute;
width:962px;
z-index:1;
}

#subfooter1 {
height:55px;
padding-bottom:5px;
padding-top:10px;
text-align:center;
}

#header {
background-image:url(http://www.hautok.de/wp-content/themes/david-hunter-SEO/images/writing-bkgrd.jpg);
background-position:-1px;
background-repeat:repeat;
height:215px;
overflow:hidden;
position:absolute;
top:0;
width:962px;
z-index:1;
}

#subheader1 {
height:35px;
}

#subheader2 {
height:183px;
}

ol {
font-size:1em;
line-height:1.4em;
margin:0 0 1.5em;
padding:0;
}

ol li {
font-size:1em;
margin:0 0 0.25em 30px;
padding:0;
}

dl {
line-height:1.4em;
margin:0 0 1.5em;
padding:0;
}

dl dt {
font-weight:700;
margin:0.25em 0;
padding:0;
}

dl dd {
margin:0 0 0 30px;
padding:0;
}

div#nav-aesth ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.4em;
list-style-type:none;
margin:0 0 1.5em -5px;
padding:0;
text-decoration:none;
}

div#nav-aesth ul li {
list-style-type:none;
margin:0 0 0.25em 10px;
padding:0;
text-decoration:none;
}

div#nav-aesth a,a:link,a:active {
color:#333;
text-decoration:none;
}

div#nav-aesth a:visited {
color:#066;
text-decoration:none;
}

div#nav-aesth a:hover {
text-decoration:underline;
}

div#nav-aesth ul li .current_page_item {
background-color:#9FC;
/* background-color:#cee1e1; AW BLAU */
/* background-color:#9FC; ALT GRÜN */
border:thin solid #093;
/* border:thin solid #32586b; */
/* border:thin solid #093; ALT Grün */
display:list-item;
font-size:1em;
font-style:normal;
font-weight:400;
line-height:normal;
padding-bottom:4px;
padding-left:4px;
padding-top:3px;
text-decoration:none;
text-indent:7px;
}

img {
border:0;
vertical-align:bottom;
}

a img {
border:none;
}

h1 {
color:#92c8b3;
font-size:14px;
line-height:1.5em;
margin:0 0 0.5em;
padding:0;
}

h2 {
color:gray;
font-size:12px;
line-height:1.5em;
margin:0 0 0.5em;
padding:0;
}

h3 {
color:#000;
font-size:1.3em;
line-height:1.3em;
margin:0 0 0.5em;
padding:0;
}

h4 {
color:#000;
font-size:1.2em;
line-height:1.3em;
margin:0 0 0.25em;
padding:0;
}

h5 {
color:#000;
font-size:1.1em;
line-height:1.3em;
margin:0 0 0.25em;
padding:0;
}

h6 {
color:#000;
font-size:1em;
line-height:1.3em;
margin:0 0 0.25em;
padding:0;
}

p {
font-size:1em;
line-height:1.4em;
margin:10px 0 1.5em;
padding:0;
}

blockquote {
border-left:10px solid #ddd;
margin-left:10px;
}

pre {
font-family:monospace;
font-size:1em;
}

strong,b {
font-weight:700;
}

em,i {
font-style:italic;
}

code {
font-family:"Courier New", Courier, monospace;
font-size:1em;
white-space:pre;
}

ul {
line-height:1.4em;
list-style:none;
list-style-position:outside;
margin:0 0 1.5em;
padding:0;
}

ul li {
list-style:circle;
margin:0 0 0.25em 30px;
padding:0;
}

ul li circle {
color:#CCC;
}

.entry {
display:block;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:76%;
height:auto !important;
line-height:1em;
margin-left:20px;
margin-right:20px;
margin-top:-20px;
min-height:590px;
padding-left:10px;
padding-right:10px;
}

.entry a,ahref {
color:#65b69a;
font-weight:700;
outline:0;
text-decoration:none;
}

h2.widgettitle {
display:block;
margin-left:3px;
}

#fullheightcontainer #wrapper #outer #right #container-right #grauenav {
margin-left:-1px;
}

strong {
font-weight:400;
}

#formcontainer a:hover {
color:#FFF;
text-decoration:none;
}

#formcontainer p.info {
color:#999;
font-size:100%;
margin:0 20px;
}

#formcontainer p.floater {
float:left;
font-size:100%;
font-weight:700;
height:2em;
line-height:2em;
margin:0;
position:absolute;
right:20px;
top:2em;
}

#formcontainer p.floater a {
background-color:#FFF;
color:#333;
float:left;
height:2em;
line-height:2em;
padding:0 20px;
}

#formcontainer p.floater a:hover {
background-color:#FFF;
color:#fff;
}

#formcontainer pre {
line-height:100%;
margin:1em 0;
padding:1em 20px;
}

#formcontent {
margin:0;
}

#formcontent form {
background:url(http://www.hautok.de/wp-content/themes/david-hunter-SEO/images/search-resize.gif) no-repeat -1px 0;
height:auto;
margin:1em 0;
padding:0;
width:auto;
}

#formcontent form p {
margin:0 40px;
}

form input {
border:none;
font-size:100%;
height:20px;
margin-left:-25px;
margin-top:7px;
padding:1px;
vertical-align:middle;
width:148px;
}

#searchsubmit {
height:32px;
width:71px;
}

</style>
<!--[if IE]>
<style type="text/css">
/*** The rule below prevents long urls from widening floated cols and breaking the layout
in IE. It is not W3C valid,but if placed within a "Conditional comment" it will be hidden
from all user agents other than IE/Win,and thus validate. This fix fails in IE5/Win.
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/
#outer {
word-wrap:break-word;
}

#clearfootercenter,#clearfooterleft,#clearfooterright {
height:100px;
overflow:hidden;
}

div.entry a,ahref:visited,div.entry a,ahref:active,a,ahref:focus,a,ahref:hover,#formcontainer a {
text-decoration:none;
}

#formcontainer code,#formcontent p.more {
font-size:100%;
}