/**
* (c) ferienhaus-sonnenhang.net
*/

/* base
----------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 10px 0 0 0;
    padding: 0;
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
    color: #333333;
    background: white url(/style/bergpanorama.png) 50% 135px repeat-x;
}

blockquote {
    margin-right: 0;
    margin-left: 20px;
}

h1, h2, h3 {
    font-weight: normal;
}

h1, h2, #content h3.form {
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

h1 {
    font-size: 3em;
}

h2, #content h3.form {
    font-size: 1.5em;
    letter-spacing: normal;
}

small, .small {
    font-size: 0.9em;
}

/* links
----------------------------------------------- */

a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px #000 solid;
}

h1 a, h2 a, h3 a {
    border: none;
}

/* overrides
----------------------------------------------- */
#header div {
    background: transparent url(/style/header-bg.png) top left no-repeat;
    margin-left: 100px;
    height: 125px;
}

#header h1 {
    color: #79A9F2;
    font-size: 2.1em;
    margin-left: 130px;
    padding-top: 20px;
    font-weight: bold;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
    color: #79A9F2;
    text-decoration:none;
    border: none;
}

#sidebar-1 img {
    border-bottom: 10px solid white;
}

#sidebar-2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar-2 a {
    color: #c00;
    border: none;
}

#sidebar-2 p {
    font-size: 0.7em;
    line-height: 1.5em;
}

#sidebar-2 p.sectionlink {margin-top: 2em;}

#sidebar-2 h2 {
    color: #785B2A;
    font-size: 1em;
    margin-top: 1em;
    border-top: 1px solid #CCBF8F;
}

#sidebar-2 h3 {
    color: #785B2A;
    font-size: 0.8em;
    margin: 1em 0 0.5em 0;
    background: transparent url(/style/pfeil-rechts.gif) no-repeat 0 4px;
    padding-left: 12px;
}

#sidebar-2 h3 a {
    font-size: 1em;
    color: #785B2A;
}

#content h2, #content h2 a, #content h3.form {
    color: #315F6A;
    margin: 45px 0 0.5em 0;
    font-weight: normal;
}

#content h3 {
    color: #315F6A;
    margin: 1em 0 0.5em 0;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
}

#content h3.form {
    text-transform: none;
}

#content p, #content ul, #content ol {
    margin-bottom: 2.5em;
}

#content ul, #content ol {
    padding-left: 3em;
}

#content ul li {
    list-style-image: url(/style/pfeil-rechts.gif);
}

#content img {
    max-width: 100%;
    height: auto;
}

#content img.bild-links {
    float: left;
    margin: 0 1em 1em 0;
    border: 3px solid #315F6A;
}

#content img.bild-rechts {
    float: right;
    margin: 0 0 1em 1em;
    border: 3px solid #315F6A;
}

#content img.bild-block {
    clear: both;
    margin: 1em;
    border: 3px solid #315F6A;
}

#content a img {
    border: none;
}

#content blockquote {
    font: italic 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
    margin-bottom: 1.5em;
}

table.preis {
    width: 100%;
    margin: 1em 0.5em 1em 0;
}

table.preis td {
    border-bottom: 1px solid #C9DAF4;
    padding: 3px;}

span.preis {
    color: #315F6A;
    margin-left: 3em;
}

p.posted {
    color: #785B2A;
    text-transform: uppercase;
    font-size: 0.75em;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

p.author {
    color: #785B2A;
    text-transform: uppercase;
    background: transparent url(/style/cite.gif) left center no-repeat;
    padding-left: 20px;
    font-size: 0.75em;
}

p.author cite {
    font-style: normal;
}

/* navigation
----------------------------------------------- */
ul.nav {
    list-style: none;
    width: 450px;
    margin: 10px 0 0 130px;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

ul.nav li {
    display: block; /* IE */
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

ul.nav li a {
    color: #785B2A;
    display: block; /* IE */
    padding: 10px 10px 0 10px;
    text-decoration: none;
    border: none;
    background: transparent url(/style/notch.png) center -60px no-repeat;
}

ul.nav li a.active{
    background-position: center top;
}


/* layout
----------------------------------------------- */
#header {
    width: 920px;
    height: 125px;
    margin: auto;
}

#canvas {
    width: 920px;
    margin: auto;
}

#content {
    width: 450px;
    float: left;
    line-height: 1.7em;
}

#sidebar-1, #sidebar-2 {
}

#sidebar-1 {
    border-left: 10px solid white;
    border-right: 10px solid white;
    margin-left: 90px;
    _margin-left: 45px; /* IE 6 */
    width: 120px;
    float: left;
    background: transparent;
}

#sidebar-2 {
    border-left: 10px solid white;
    float: right;
    width: 215px;
    margin-top: 345px;
    padding-left: 15px;
    background: transparent url(/style/sidebar-bg.png) no-repeat top left;

}

#footer {
    background-color: #C9DAF4;
    border-bottom: 5px solid #315F6A;
    border-top: 3em solid white;
    clear: both;
}

#footer address {
    width: 450px;
    margin: auto;
    padding: 1em 0 1em 0;
    color: #648B97;
    font-style: normal;
    text-decoration: none;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    color: #315F6A;
    border-bottom: 1px dotted #648B97;
}

/* comments
----------------------------------------------- */

div#cpreview {
    color: #000;
    background-color: #f1f1f1;
    border: 2px solid #ddd;
    width: 420px;
    margin-bottom: 1em;
}

#content ol.comments {
    padding-left:1.5em;
}

/* lightbox gallery
----------------------------------------------- */
a#lbCloseLink, #gallery a {
    border: none;
}

#gallery img {
    border: none;
}


/* formulare
----------------------------------------------- */
legend {display: none;}
fieldset {border: none; padding-left: 10px;}
#subscribe fieldset {padding: 0;}
label {font-size: 0.7em;}
#subscribe label {display: block; margin: 1em 0 0.5em 0;}
#subscribe br {display: none;}
#subscribe p {margin-top: 2em;}

.comConnectForm, #txpCommentInputForm {
    background-color: #FBF8D7;
    width: 440px;
}

#subscribe .comConnectForm {
    background: none;
    width: auto;
}

div.comments-wrapper {
    padding-left: 10px;
}

#txpCommentInputForm input.checkbox {
    margin-left: 2em;
}

.comment_name_input,
.comment_email_input,
.comment_web_input,
.txpCommentInputMessage,
#Name,
#E-Mail,
#Nachricht,
#Strasse,
#Postleitzahl,
#Tel_Tag,
#Tel_Abend,
#Personen,
#Anreisetag,
#Abreisetag {
    width: 410px;
    border: 1px solid #F7EA6B;
    padding: 3px;
    font-size: 1.2em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
}

#Abo-Name,
#Abo-E-Mail {
    width: 200px;
    border: 1px solid #F7EA6B;
    padding: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
}

a#buchen-toggle, a#txpCommentHelpLink {
    color: #785B2A;
    font-size: 0.7em;
    border-color: #785B2A;
}

ul.comError, ul.comments_error {
    margin: 0 0 0 -10px;
    background: #FFC4C4 url(/style/exclamation.gif) no-repeat 3px 0.4em;
    border: 5px solid #FF4848;
    list-style-type: none;
    padding: 5px 5px 5px 20px;
}

ul.comError li {
    padding:0;
    margin-left: 10px;
    list-style-type: none;
}

.comThanks p {
    background-color:#B6CF84;
    border:5px solid #94AE62;
    color:#FFFFFF;
    font-size:1.5em;
    text-align: center;
    padding:1em;
}

.comSubmit, #txpCommentPreview, #txpCommentSubmit {
    margin: 1em 1em 1em 0;
    height: 1.7em;
    font-size: 1.2em;
}

#subscribe .comSubmit {
    margin: 1em 1em 1em 0;
    height: 1.7em;
    font-size: 0.7em;
}

input.comRequirederrorElement, textarea.comRequirederrorElement {
    border: 3px solid red !important;
}

/* special f/x
----------------------------------------------- */
p.webcam {
    background: transparent url(/style/camera.gif) left center no-repeat;
    padding-left: 30px;
    margin-top: 10px;
}

/* lightbox / slimbox
----------------------------------------------- */

#lbPrevLink, #lbNextLink {
    border: none;
}