
/*------------------- styles f�r alle templates-----------------*/

body {
margin: 0px;
background-color: #666666;
background-image: url(../img/background.jpg);
background-repeat: repeat-x;
font-family: verdana, arial;
font-size: 11px;
overflow-x: hidden;
}

#mainbg {
background-image: url(../img/mainwood.jpg);
background-repeat: repeat-x;
background-position: bottom center;
height: 558px;
}

#mainbgblack {
background-color: #000;
background-position: bottom center;
height: 458px;
position: absolute;
}

#menubar {
width: 969px;
position: absolute;
top: 20px;
left: 50%;
margin-left: -484px;
text-align: right;
}

#menubar img{
margin-left:12px;
}

#content {
position: absolute;
top: 69px;
margin-left: -484px;
left: 50%;
height: 490px;
width: 969px;
}

div.clear {
clear:both;
}

/*footer*/
#footer {
width: 969px;
position: absolute;
top: 577px;
left: 50%;
margin-left: -484px;
color: #ccc;
}

#col1{
width: 200px;
float: left;
border-right: 1px solid #333333;
height: 110px;
}

#col1 p {
margin: 10px;
}

#col2{
width: 415px;
float: left;
border-right: 1px solid #333333;
height: 110px;
margin-left: 10px;
margin-right: 10px;
}

#col2 img {
vertical-align: middle;
}

.colsub {
float: left;
width: 200px;
}


#footer h3 {
font-size: 11px;
color: #ccc;
margin-bottom:15px;
}

a img {
border:0px;
}

a:link {color:#ccc; text-decoration:underline}
a:visited {color:#ccc; text-decoration:underline}
a:active {color:#ccc; text-decoration:underline}
a:hover {color:#ccc; text-decoration:none}

.padding a:link {color:#000000; text-decoration:underline}
.padding a:visited {color:#000000; text-decoration:underline}
.padding a:active {color:#000000; text-decoration:underline}
.padding a:hover {color:#000000; text-decoration:none}
/*footer ende*/


#homelink {
position: absolute;
top: -50px;
z-index: 10;
width: 166px;
height: 164px;
background-image: url(../img/logo.png);
background-repeat: no-repeat;
}

#homelink:hover {
background-image: url(../img/logo_over.png);
}

.padding { /*----f�r alle papierst�ck-divs: ein innerer div mit margin, weil echtes padding immer probleme macht!--------*/
margin: 40px;
overlfow: hidden;
}

/*------------------- default -----------------*/
#default_content {
position: absolute;
left: 160px;
top: 0px;
width: 730px;
height: 489px;
background-image: url(../img/default_bg.png);
background-repeat: repeat-y;
z-index: 17;
}

#default_content .padding {
width: 550px;
margin: 0px 0px 30px 40px;
height:490px;
overflow-x: hidden !important;
overflow-y: auto !important;
}

.defaultdeko1 {
position: absolute;
right: 0px;
top: 0px;
z-index: 1000;
background-image:url(../img/geiweh_klein.png);
width: 209px;
height: 181px;
}

.defaultdeko2 {
position: absolute;
bottom: 0px;
right: 0px;
background-image:url(../img/flower.png);
width: 213px;
height: 184px;
}

.defaultdeko3 {
position: absolute;
left: 160px;
top: 0px;
}

/*------------------- startseite-----------------*/

#galleryframe {
position: absolute;
top: 30px;
left: 100px;
z-index: 2;
width: 209px;
height: 292px;
background-image: url(../img/gallerie_frame_neu.png);
background-repeat: no-repeat;
}

#galleryframe:hover {
background-image: url(../img/gallerie_frame_neu.png);
background-position: bottom;
}


#gallerypic {
position: absolute;
top: 59px;
left: 130px;
z-index: 1;
overflow:hidden;
width:140px;
height:160px;
}

#nikistart {
position: absolute;
left: -100px;
bottom: 0px;
width: 362px;
height: 265px;
background-image: url(../img/niki1_neu.png);
background-repeat: no-repeat;
}

#nikistart:hover {
background-image: url(../img/niki1_neu.png);
background-position: bottom;
}

#niki2 {
display: none;
}

#videostart {
position: absolute;
right: -20px;
top: 0px;
background-image: url(../img/bg_video.png);
background-repeat: no-repeat;
width: 289px;
height: 277px;
}

#videostart img {
margin: 0px 0px 0px 23px;
}

#news {
position: absolute;
left: 300px;
top: 0px;
background-image: url(../img/bg_news.png);
background-repeat: no-repeat;
width: 398px;
height: 411px;
}

#newsend {
position: absolute;
left: 300px;
top: 375px;
background-image: url(../img/newsend_bg.png);
background-repeat: no-repeat;
width: 398px;
height: 96px;
}

.morebutton {
display: block;
margin-top: 5px;
}

#guestbookicon {
position: absolute;
bottom: -10px;
left: 300px;
width: 147px;
height: 113px;
background-image: url(../img/icon_gaestebuch_neu.png);
background-repeat: no-repeat;
}

#guestbookicon:hover {
background-image: url(../img/icon_gaestebuch_neu.png);
background-position: bottom;
}

#newslettericon {
position: absolute;
bottom: 0px;
left: 450px;
width: 118px;
height: 132px;
background-image: url(../img/icon_newsletter_neu.png);
background-repeat: no-repeat;
}

#newslettericon:hover {
background-image: url(../img/icon_newsletter_neu.png);
background-position: bottom;
}

#shopicon {
position: absolute;
bottom: 0px;
left: 570px;
width: 125px;
height: 100px;
background-image: url(../img/icon_shop_neu.png);
background-repeat: no-repeat;
}

#shopicon:hover {
background-image: url(../img/icon_shop_neu.png);
background-position: bottom;
}

#geweih {
position: absolute;
bottom: 0px;
right: 0px;
width: 292px;
height: 249px;
background-image: url(../img/dekoweih_neu.png);
background-repeat: no-repeat;
}

#geweih:hover {
background-image: url(../img/dekoweih_neu.png);
background-position: bottom;
}

/*------------- g�stebuch--------------------*/

#guestbook {
position: absolute;
width: 1071px;
height: 490px;
top: 0px;
left: -30px;
background-image: url(../img/bg_guestbook.jpg);
background-repeat: no-repeat;
}

/*ausgabe fehlende felder*/
#errorbox {
position: absolute;
left: 120px;
top: 360px;
width:  180px;
}

#guestbook ul {
color: #990000;
margin: 0px;
padding: 0px;
list-style-type: none;
font-weight: bold;
}

.tx_powermail_pi1_form  label {
display:none;
}
.tx_powermail_pi1_form legend {
font-size: 24px;
margin-bottom: 5px;
font-weight:bold;
color: #3F372B;
}
.tx_powermail_pi1_form span{
clear:both;
display:block;
}

.tx-guestbook-form-error {
margin: 0px;
color: #990000;
}
/*******/


.tx-srfreecap-pi2-cant-read {
color: #333;
}

.tx-srfreecap-pi2-cant-read a:link {
color: #333;
font-weight: normal;
text-decoration: underline;
}

#guestbookcol1 {
position: absolute;
top: 40px;
left: 190px;
width: 320px;
height: 350px;
z-index: 6;
}



#guestbookcol2 {
padding:10px;
position: absolute;
top: 0px;
left: 360px;
width: 350px;
height: 410px;
z-index: 7;
overflow-x: hidden !important;
overflow-y: auto !important;
}

#guestbook fieldset {
border:0px;
}

#guestbook label {
display:block;
}

#guestbook input[type=text] {
border: 1px solid #ae9d78;
background-color: transparent;
font-family: verdana, arial;
font-size: 11px;
margin: 2px 5px 5px 5px;
background-image:url(../img/text_bg.png);
padding: 5px;
line-height:18px;
width:250px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#guestbook input[type=submit] {
border:0px !important;
background: transparent url(../img/submit.png) no-repeat !important;
width: 100px !important;
height: 41px !important;
color: #FFFFFF;
font-weight: bold;
cursor:pointer;
}

#guestbook textarea {
border: 1px solid #ae9d78;
background-color: transparent;
font-family: verdana, arial;
font-size: 11px;
margin: 2px 5px 5px 5px;
background-image:url(../img/text_bg.png);
width:260px;
height:75px;
line-height:18px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


.tx-guestbook-entry {
margin-bottom:20px;
}

.tx-guestbook-entry p.text {
margin-top:4px;
background-image:url(../img/text_bg.png);
padding:9px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}



#eintragen {
position: absolute;
top: 0px;
right: 0px;
}

#edelweisz {
position: absolute;
bottom: -30px;
right: -70px;
}

#backward {
position: absolute;
top: 130px;
left: -570px;
height: 30px;
width: 30px;
}
#backward a {
color:transparent !important;
}

#forward {
position: absolute;
top: 140px;
right: -110px;
height: 30px;
width: 30px;
}
#forward a {
color:transparent !important;
}


/*------------- videoseite--------------------*/

#blackcontent {
position: absolute;
left: 20px;
top: 0px;
z-index: 1;
width: 90%;
height: 100%;
background-image: url(../img/video_black_bg.jpg);
background-repeat: no-repeat;
}

#blackcontent h1 {
margin: 20px 0px 0px 190px;
}

#redcurtainleft {
position: absolute;
top: 0px;
left: -70px;
z-index: 2;
}

#redcurtainright {
position: absolute;
top: 0px;
right: 0px;
z-index: 3;
}

#aktion {
position: absolute;
left: 160px;
bottom: 0px;
}

#video_yt {
position: absolute;
top: 70px;
left: 190px;
}

/*------------- shop--------------------*/

#shop h1 {
margin: 20px 0px 0px 170px;
}

#leiberl {
position: absolute;
left: 0px;
top: 120px;
z-index: 11;
}

#cds {
position: absolute;
top: 110px;
left: 250px;
z-index: 12;
}

#jausn {
position: absolute;
top: 110px;
left: 460px;
z-index: 14;
}

#accessoires {
position: absolute;
bottom: 40px;
right: -5px;
z-index: 13;
}

#dekoflowers1 {
position: absolute;
bottom: 0px;
left:0 px;
z-index: 4;
}

#dekoflowers2 {
position: absolute;
top: 0px;
left: 480px;
z-index: 4;
}


/*****************************Shop seite 2****************************/

#shopmain {
position: absolute;
left: 160px;
bottom: 0px;
width: 621px;
height: 418px;
background-image: url(../img/bg_shop.png);
background-repeat: no-repeat;
z-index: 17;
}

#shopmain .padding {
height:360px;
overflow-x: hidden !important;
overflow-y: auto !important;
}

#basket {
z-index: 18;
position:absolute;
left:680px;
top:50px;
display:block;
background-image: url(../img/warenkorb.png);
width:92px;
height:82px;
}

#submenu {
position: absolute;
left: 20px;
bottom: 0px;
background-image: url(../img/submenu.jpg);
background-repeat: no-repeat;
width: 135px;
height: 376px;
}

#submenu a {
display: block;
margin: 5px 0px 5px 0px;
padding: 0px 5px 0px 5px;
height: 31px;
font-size: 18px;
font-weight: bold;
font-family: arial;
letter-spacing: -1;
color: #fff;
line-height:31px;
text-decoration: none;
}

#submenu a:hover {
background-image: url(../img/submenu_bg.png);
}



/*************newsletter*********************/

#mainbgsnow { /***wie #content mit holz, nur mit schnee ****/
background-image: url(../img/mainsnow.jpg);
background-repeat: repeat-x;
background-position: bottom center;
height: 558px;
}


#newsletteranmeldungtop {
position: absolute;
bottom: 370px;
left: 30px;
background-image: url(../img/paper_back_broad_top.png);
background-repeat: no-repeat;
width: 505px;
height: 47px;
}

#newsletteranmeldung {
position: absolute;
bottom: 0px;
left: 30px;
background-image: url(../img/paper_back_broad.png);
background-repeat: repeat-y;
width: 505px;
height: 370px;
}

#newsletteranmeldung .padding {
margin-top: 0px;
}

#newsletteranmeldung input[type=text] {
border: 1px solid #ae9d78;
background-color: transparent;
font-family: verdana, arial;
font-size: 11px;
margin: 2px 5px 5px 5px;
background-image:url(../img/text_bg.png);
padding: 5px;
line-height:18px;
width:250px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#newsletteranmeldung   input[type=submit] {
border:0px !important;
background: transparent url(../img/submit.png) no-repeat !important;
width: 100px !important;
height: 41px !important;
color: #FFFFFF;
font-weight: bold;
cursor:pointer;
}

#newsletternewstop {
position: absolute;
left: 620px;
bottom:370px;
background-image: url(../img/paper_back_tight_top.png);
background-repeat: no-repeat;
width: 335px;
height: 47px;
}

#newsletternews {
position: absolute;
left: 620px;
bottom:0px;
background-image: url(../img/paper_back_tight.png);
background-repeat: repeat-y;
width: 335px;
height: 370px;
}

#newsletternews h1 {
margin-left:40px;
margin-top:-10px;
}

#newsletternews .news-latest-container{
width:350px;
margin-left:40px;
margin-top:5px;
}

.newscol {
width: 150px;
float: left;
}

.newscol p {
margin: 0px;
}

#skier {
position: absolute;
left: 490px;
bottom: 0px;
z-index: 15;
}

#submit {
margin: 5px 0px 0px 0px;
}

/*----------------kontakt---------------*/

#mainbgbeer {
background-image: url(../img/mainbeer.jpg);
background-repeat: repeat-x;
background-position: bottom center;
height: 558px;
}

#mapblock {
position: absolute;
left: 230px;
bottom: 0px;
background-image: url(../img/minimap.gif);
background-repeat: no-repeat;
width: 422px;
height: 260px;
}

#mapblock .padding {
margin: 20px 0px 0px 24px;
}

#formblock {
position: absolute;
left: 500px;
bottom: 0px;
width:422px;
height: 450px;
}

h2 {
font-size: 24px;
letter-spacing: -2px;
color: #3f372b;
}

h1 {
font-size: 24px;
letter-spacing: -2px;
color: #3f372b;
margin-bottom: 5px;
}

h3 {
font-size: 14px;
letter-spacing: -1px;
color: #3f372b;
padding:0px;
margin:0px;
line-height:18px;
}


#formblock fieldset{
border:0px;
}

#formblock input {
border: 1px solid white;
background-color: transparent;
font-family: verdana, arial;
font-size: 11px;
width: 340px;
background-image: url(../img/input_bg.png);
padding: 5px;
height: 15px;
display:block;
margin-bottom:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#formblock textarea {
border: 1px solid white;
background-color: transparent;
font-family: verdana, arial;
font-size: 11px;
width: 340px;
background-image: url(../img/textarea_bg.png);
height: 100px;
padding: 5px;
display:block;
margin-bottom:5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#formblock label{
float:left;
}

.csc-mailform {
height: 180px;
}


#formblock .csc-mailform-field{
clear:both;
}

#formblock  input[type=submit] {
border:0px !important;
background: transparent url(../img/submit.png) no-repeat !important;
width: 100px !important;
height: 41px !important;
color: #FFFFFF;
font-weight: bold;
cursor:pointer;
}

#formblock #submit {
margin-left: 70px;
}


h5 {
position: absolute;
bottom: 0px;
left: 10px;
}

/*--------------------niki's reise--------------------------------*/

#mainbgreise {
background-image: url(../img/mainbgreise.jpg);
background-repeat: repeat-x;
background-position: bottom center;
height: 558px;
}

#datecloud {
position: absolute;
left:190px;
top: 160px;
}

#reisetxt {
position: absolute;
left:190px;
top: 10px;
}

#reisetxt h1 {
color: #cc0000;
font-size: 48px;
margin: 0px;
letter-spacing: -1;
font-family: arial;
}

#reisetxt h2 {
color: #333;
font-size: 30px;
margin: 0px;
letter-spacing: -1;
font-family: arial;
}

#reisetxt h3 {
color: #333;
font-size: 24px;
font-weight: normal;
margin: 0px;
letter-spacing: -1;
font-family: arial;
}

#tafel {
position: absolute;
right: 20px;
bottom: 0px;
width: 291px;
height: 305px;
background-image: url(../img/tafel.png);
background-repeat: no-repeat;
padding-top: 60px;
}

#tafel a {
display: block;
color: #fff;
font-family: arial;
font-weight: bold;
text-decoration: none;
font-size: 20px;
text-align: center;
margin-bottom: 30px;
}

#tafel a:hover {
text-decoration: underline;
}

.csc-textpic-image img {
/*background-image:url(../img/text_bg.png);
padding:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;*/
}
#footer .csc-textpic-image img{
padding:0px;
background-image: none !important;
}


