@import url(layout.css);
@import url(navi.css);
@import url(forms.css);

/* base */

:link,:visited { text-decoration:none }
ul { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
color: #30312a;
background-color: #92b4cd;
font-size:100.01%;
text-align: center;
}
html>body {font-size: 16px;}

/* Damit der Wrap bis an den Bottom reicht */

html, body { height: 100%; }


/* pos-div */

#wrap {
background: url(http://www.helene-hering-herber.com/images/layout/bg_wrap.gif) repeat-y top left #65675a;
width: 760px;
margin: 0px auto;
position: relative;
min-height: 100%;
height: 100%;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
	
/* Damit der Wrap bis an den Bottom reicht */

html>body #wrap { height: auto; }

#head { height: 22%; text-align: right; }
#head_sub { height: 8%; text-align: right; } /* Der Head der Subseiten ist nicht so hoch */

#sub {
clear: both;
margin: 13% 2% 6% 6%;
float: left;
display: inline;
text-align: left;
width: 230px;
\width: 230px;
w\idth: 230px;
}

/* Die Galerie der Startseite (Teaser) müssen ein bisschen anders angeordet werden */

#sub_start {
clear: both;
margin: 4% 2% 6% 6%;
float: left;
display: inline;
text-align: left;
width: 185px;
\width: 185px;
w\idth: 185px;
padding-left:45px;
}

#content {
margin: 2% 5% 5% 0;
float: right;
text-align: left;
display: block;
width: 420px;
}

#foot {
margin: 0 3% 0 3%;
clear: both;
text-align: center;
background: #56584d;
font-size: .8em;
padding: 1% 0;
width: 715px;
}