/*-----------------------------------------------------
	Basis-Stylesheet für 'www.heilpraxis-von-uslar.de'

	Version:	1.0
	Autor:		Ingo Blenke
	Website:	www.ingoblenke.de
	-----------------------------------------------------*/



/*	##########		Allgemeine STYLES		##########	*/

* {
margin:0;
padding:0;
outline:none;
}
img {
border:0;
}
body {
background:#6f5da5 url(../images/bgpattern.gif) 740px repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:160%;
color:#4b3d77;
text-align:left;
}
h1 {
font-family:georgia, serif;
font-size:1.5em;
margin:1em 0;
font-style:italic;
color:#6a0;
}
h2 {
font-family:georgia, serif;
/*font-style:italic;*/
font-size:1em;
margin:.5em 0;
}
a {
text-decoration:none;
color:#4b3d77;
}
a:hover,
a:focus {
text-decoration:underline;
}
strong {
font-size:.9em;
color:#6f5da5;
}
em {
color:#6a0;
font-style:italic;
}
p {
margin:1em 0 2em 0;
}
p a {
background:#f5f3ea;
border-bottom:1px solid #4b3d77;
padding:0 3px;
/*text-decoration:none;*/
}
p a:hover,
p a:focus {
border-bottom:1px solid #6a0;
background:#fff;
color:#6a0;
text-decoration:none;
}
ul {
list-style:none;
padding:5px;
background:#f5f3ea;
margin-bottom:2em;
}
li {
padding-left:20px;
background:url(../images/listicon.png) no-repeat 0 .25em;
margin-bottom:.25em;
}
li strong {
display:block;
}
.linklist li a,
.extern {
padding-left:20px;
background:url(../images/external_link.png) no-repeat 0 .25em;
}
p a.extern {background-color:#F5F3EA;}
p a.extern:hover {background:#fff url(../images/external_link.png) no-repeat 0 .25em;}
li a:hover,
li a:focus {
/*text-decoration:underline;*/
}
.linklist li {
background-image:none;
padding-left:0;
}
blockquote {
font-family:georgia, serif;
font-style:italic;
font-size:1em;
padding:0 20px;
line-height:1.4em;
}
cite {
display:block;
text-align:right;
padding:.5em 20px 0 0;
font-style:normal;
color:#6a0;
}
form {
margin:1em 0 2em 0;
}
fieldset {
border:none;
background:#f5f3ea;
margin-top:2px;
padding:.5em;
}
label {
display:block;
}
input {
width:60%;
padding:2px;
margin-bottom:.25em;
border:1px solid #999;
}
input:focus,
textarea:focus {
border-color:#4b3d77;
}
textarea {
padding:1px;
width:85%;
height:10em;
border:1px solid #999;
font-family:inherit;
font-size:12px;
}
hr {
height:1px;
border:none;
background:#f5f3ea;
margin:1em 0;
}



/*	##########		STRUKTUR		##########	*/

#wrapper {
position:absolute;
top:0;
left:0;
width:740px;
background:#6a5da2 url(../images/bottom_bg.jpg) no-repeat left bottom;
min-height:100%;
}
#header {
height:208px;
width:740px;
background:url(../images/header_bg.jpg) no-repeat left top;
}
#sidebar {
float:left;
margin-top:-1px;
}
#contentWrapper {
float:left;
margin-top:-2px;
margin-left:17px;
}



/*	##########		HEADER Elemente		##########	*/

#home {
position:absolute;
width:300px;
height:22px;
top:30px;
left:31px;
text-indent:-2000px;
display:block;
z-index:10;
}
#mail {
position:absolute;
top:29px;
left:625px;
width:65px;
height:22px;
background:url(../images/mail_button.jpg) no-repeat bottom;
z-index:10;
}
#mail:hover {
background-position:top;
}
#delfin {
position:absolute;
top:90px;
left:20px;
width:85px;
height:45px;
background:url(../images/dolphin.png);
z-index:10;
}



/*	##########		Secondary NAVIGATION		##########	*/

#secondNav {
position:relative;
top:100px;
width:690px;
line-height:2em;
border-top:1px solid #6f5da5;
border-bottom:1px solid #6f5da5;
padding:0 50px 0 0;
margin:0;
list-style:none;
background:#4b3d77;
float:right;
}
#secondNav li {
float:right;
padding:0;
margin:0;
background-image:none;
}
#secondNav li.active {
color:#ae3;
font-weight:bold;
font-size:.9em;
margin-left:1.25em;
}
#secondNav a {
float:left;
display:inline;
font-weight:bold;
font-size:.9em;
margin-left:1.25em;
color:#eee;
/*text-decoration:none;*/
}
#secondNav a:hover,
#secondNav a:focus {
color:#ae3;
/*text-decoration:underline;*/
}



/*	##########		Main NAVIGATION		##########	*/

#mainNav {
position:relative;
left:22px;
width:172px;
padding:20px 10px 1px 10px;
margin:0;
background:#ebe6d4 url(../images/bg_navi.gif) repeat-y;
list-style:none;
}
#mainNav li {
padding:0;
margin:0 0 1px 0;
background-image:none;
}
#mainNav li.active {
line-height:2em;
padding-left:5px;
color:#6a0;
background:#fff;
}
#mainNav a {
/*text-decoration:none;*/
display:block;
width:167px;
background:#f5f3ea;
color:#4b3d77;
line-height:2em;
padding-left:5px;
}
#mainNav a:hover,
#mainNav a:focus {
color:#6a0;
background:#fff;
/*text-decoration:underline;*/
}
#sidebar div {		/* Abschlussgrafik der Nav */
position:relative;
left:22px;
width:192px;
height:30px;
background:url(../images/bg_naviende.jpg) no-repeat;
}
#sidebar p {		/* Copyright */
width:192px;
margin-left:22px;
text-align:center;
font-size:0.8em;
margin-top:2em;
}
#sidebar blockquote {		/* Zitat Morgenstern */
width:192px;
height:186px;
margin:20px 0 0 22px;
background:red url(../images/zitat.gif) no-repeat center;
padding:0;
}



/*	##########		INHALTE		##########	*/

#content {
width:388px;
padding:21px 40px 0 40px;
background:#ebe6d4 url(../images/content_bg.gif) repeat-y;
}
#content img {
float:left;
margin:0 1em 0 0;
}
.caption {
border:1px solid #6f5da5;
background:#f5f3ea;
margin:0 5px 2em 5px;
text-align:center;
font-size:.8em;
}
.caption span {
display:block;
background:#6f5da5;
color:#f5f3ea;
}
#content .caption img {
float:none;
}
#startseite {
position:absolute;
padding-left:18px;
top:200px;
right:90px;
background:url(../images/leftarrow.png) no-repeat left center;
}/*
#startseite:hover,
#startseite:focus {
text-decoration:underline;
}*/
#content #mainImage {
float:none;
padding:1px;
border:1px solid #6f5da5;
}
.top {
width:388px;
text-align:right;
}
.top a {
padding:0 16px 0 0;
background:url(../images/toparrow.gif) no-repeat right center;
font-size:.9em;
}/*
.top a:hover,
.top a:focus {
text-decoration:underline;
}*/
.zusatzinfo {
padding-left:20px;
margin-bottom:2em;
background:url(../images/pdf.png) no-repeat left center;
display:block;
}/*
.zusatzinfo:hover,
.zusatzinfo:focus {
text-decoration:underline;
}*/
#contentEnd {		/* Abschlussgrafik Content Area */
width:468px;
height:30px;
margin:-2px 0 0 0;
background:url(../images/content_end_bg.jpg) no-repeat top;
}
#design {
padding-left:40px;
font-size:.8em;
text-transform:uppercase;
margin-bottom:62px; /* wichtig für den abstand des unteren Hintergrundbildes */
}
#design a {
/*text-decoration:none;*/
color:#4b3d77;
background:transparent;
border:0;
}
#design a:hover,
#design a:focus {
text-decoration:underline;
color:#fff;
}



/*	##########		Forms		##########	*/

.pflicht {
font-weight:bold;
}
.pflicht:after {
content:" /erforderlich";
font-size:.8em;
font-weight:normal;
}
input.button {
padding:0;
width:auto;
margin-top:.5em;
border:none;
}

.hinweis {
    border:1px solid #d00;
    background:#fff;
    padding:10px;
    margin:0 0 10px;
    color:#222;
}
#content .hinweis a {
    background:#fdd;
    border:0;
    color:#900;
}
.hinweis a:hover {background:#fff;}
.hinweis span {font-weight:bold;}
.error {border:1px solid #d00;}

.success {
    padding:10px;
    border:1px solid #6a0;
    background:#fff;
    color:#000;
}

/*	##########		GoogleMaps		##########	*/

#map {
width:98%;
height:18em;
border:1px solid #6f5da5;
margin:1em 0 2em 0;
}



/*	##########		NiceTitles		##########	*/

div.nicetitle {
position:absolute;
padding:3px;
top:0px;
left:0px;
font-size:.8em;
font-weight:bold;
background:#4b3d77;
border:1px solid #ebe6d4;
-moz-border-radius:5px;
z-index:1000;
line-height:1.4em;
color:#ebe6d4;
}

div.nicetitle p {
margin:0;
padding:0 3px;
}
div.nicetitle p.destination {
text-align:left;
font-weight:normal;
color:#ae3;
}