/*++++++++++++++++++++ Stylesheet Friendly Golftours ++++++++++++++++++++*/
/*++++++++++++++++++++ green: #125320;               ++++++++++++++++++++*/
/*++++++++++++++++++++ dark green: #0a3f15;          ++++++++++++++++++++*/
/*++++++++++++++++++++ beige: #f3d99b;               ++++++++++++++++++++*/
/*++++++++++++++++++++ grey: #666666;                ++++++++++++++++++++*/
/*++++++++++++++++++++ #F3EDDF; ++++++++++++++++++++*/

* {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial;
text-decoration: none;
}

p {
line-height: 1.2em;
}

img {
border-style: none;
}

a, a:visited {
color: #125320;
}

body {
background-color: #f3d99b;
padding-bottom: 30px;
}

#abswrap {
position: absolute;
top: 37px;
left: 0px;
z-index: 99;
width: 100%;
height: 290px;
}

/*++++++++++++++++++++ hidden links to skip over navigation ++++++++++++++++++++*/
.skipnav {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

.skipnav:active, .skipnav:focus {
left: 3px;
top: 3px;
padding: 2px;
width: auto;
height: auto;
color: #333;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #fff;
border: 2px solid #333;
}

/*++++++++++++++++++++ container centered fixed width ++++++++++++++++++++*/

#container {
margin-left: auto;
margin-right: auto;
width: 1000px;
min-height:700px;
height:auto !important;
height:700px;
background-color: #fff;
}

#container2 {
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 290px;
}

/*++++++++++++++++++++ branding with slogan and company logo ++++++++++++++++++++*/

#branding {
position: absolute;
left: 0px;
top: -500px;
}

/*++++++++++++++++++++ main navigation (horizontal) ++++++++++++++++++++*/

#nav1 {
float: left;
clear: both;
list-style: none;
padding-top: 5px;
width: 1000px;
border-bottom: 5px solid #125320;
}

.nav1-normal, .nav1-active {
float: left;
}

.nav1-normal a, .nav1-normal a:visited, .nav1-normal a:hover, .nav1-active a, .nav1-active a:visited, .nav1-active a:hover {
display: block;
padding-left: 20px;
padding-right: 18px;
padding-top: 3px;
padding-bottom: 3px;
color: #125320;
font-weight: bold;
font-size: 13px;
}

.nav1-normal a:hover {
color: #08290f;
text-decoration: underline;
}

.nav1-active a, .nav1-active a:visited, .nav1-active a:hover {
background-color: #125320;
background-image: url('resources/nav1.jpg');
background-position: right top;
background-repeat: no-repeat;
color: #fee;
}

/*++++++++++++++++++++ sub navigation (vertical) ++++++++++++++++++++*/

#nav2 {
float: left;
clear: both;
display: inline;
list-style: none;
width: 220px;
overflow: hidden;
background-color: #125320;
padding-bottom: 20px;
margin-bottom: 20px;
}

.nav2-normal, .nav2-active {
width: 220px;
float: left;
clear: both;
}

.nav2-normal a, .nav2-normal a:visited, .nav2-normal a:hover, .nav2-active a, .nav2-active a:visited, .nav2-active a:hover {
display: block;
padding-left: 20px;
padding-top: 3px;
padding-bottom: 3px;
color: #fee;
font-weight: normal;
font-size: 12px;
}

.nav2-active a, .nav2-active a:visited, .nav2-active a:hover {
background-image: url('resources/nav2.jpg');
background-position: left 50%;
background-repeat: no-repeat;
font-weight: bold;
text-decoration: underline;
}

.nav2-normal a:hover {
font-weight: bold;
text-decoration: underline;
}

.nav2-second a, .nav2-second a:visited, .nav2-second a:hover {
width: 178px;
background-image: none;
padding-left: 40px;
font-size: 11px;
background-color: #0a3f15;
}

.nav2-second-active a, .nav2-second-active a:visited, .nav2-second-active a:hover {
width: 178px;
background-image: url('resources/nav2sub.jpg');
background-position: 21px 50%;
background-repeat: no-repeat;
font-weight: bold;
font-size: 11px;
background-color: #0a3f15;
display: block;
padding-left: 40px;
padding-top: 3px;
padding-bottom: 3px;
color: #fee;
float: left;
clear: both;
text-decoration: underline;
}

.nav2-third a, .nav2-third a:visited, .nav2-third a:hover {
background-image: none;
padding-left: 60px;
font-size: 12px;
background-color: #0a3f15;
display: block;
color: #fee;
}

/*++++++++++++++++++++ controls on top of page (horizontal) ++++++++++++++++++++*/

#controls1 {
float: left;
height: 33px;
}

#controls1 img {
float: left;
clear: both;
}

#controls2 {
float: right;
height: 33px;
list-style: none;
}

.controls-normal, .controls-active {
float: left;
padding-left: 10px;
padding-right: 10px;
height: 33px;
}

.controls-normal {
color: #666;
}

.controls-active {
color: #999;
}

.controls-normal a, .controls-normal a:visited, .controls-normal a:hover, .controls-active a, .controls-active a:visited, .controls-active a:hover {
color: #666;
font-size: 12px;
font-weight: bold;
line-height: 33px;
text-decoration: none;
}

.controls-normal a:hover, .controls-active a, .controls-active a:visited, .controls-active a:hover  {
color: #999;
text-decoration: underline;
}

/*++++++++++++++++++++ middle part with submenu and promotion area ++++++++++++++++++++*/

#middle {
float: left;
clear: both;
width: 1000px;
background-color: #125320;
}

/*++++++++++++++++++++ promotion area right next to nav2 ++++++++++++++++++++*/

#promotion {
float: left;
clear: both;
width: 1000px;
overflow: hidden;
}

#promotion2 {
float: left;
clear: both;
width: 1000px;
height: 290px;
background-image: url('resources/overlay.gif');
background-repeat: no-repeat;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}

#promotion img {
width: 1000px;
float: left;
clear: both;
}

#promotion h1, #promotion h2, #promotion h3, #promotion h4, #promotion h5, #promotion h6 {
font-size: 18px;
}

#promotion p {
font-size: 12px;
padding-top: 10px;
}


/*++++++++++++++++++++ bottom part with nav3, subcontent, content and highlight area ++++++++++++++++++++*/

#bottom {
float: left;
clear: both;
width: 1000px;
background-color: #fff;
}

/*++++++++++++++++++++ subcontent area ++++++++++++++++++++*/

#subcontent {
float: left;
width: 235px;
color: #666;
min-height: 10px;
height: auto !important;
height: 10px;
}

#subcontent .standard {
float: left;
display: inline;
clear: both;
margin-left: 20px;
width: 200px;
}

#subcontent h1, #subcontent h2, #subcontent h3, #subcontent p, #subcontent img {
margin-bottom: 10px;
}

#subcontent h1 {
font-size: 14px;
font-weight: bold;
color: #999;
}

#subcontent h2 {
font-size: 12px;
font-weight: bold;
color: #999;
}

#subcontent h3 {
font-size: 11px;
font-weight: bold;
color: #999;
}

#subcontent h4, #subcontent h5, #subcontent h6 {
font-size: 11px;
font-weight: bold;
color: #999;
}

#subcontent p, #subcontent td, #subcontent input, #subcontent textarea, #subcontent option, #subcontent label, #subcontent li {
font-size: 11px;
font-weight: normal;
color: #999;
}

#subcontent .sublinks {
list-style-type: none;
width: 220px;
float: left;
clear: both;
display: inline;
}

#subcontent .sublinks li {
width: 200px;
float: left;
clear: both;
display: inline;
padding-left: 20px;
}

#subcontent .sublinks .backlink {
width: 180px!important;
background-image: url('resources/pfeil_links.gif');
background-position: 20px center;
background-repeat: no-repeat;
padding-left: 40px!important;
margin-bottom: 20px;
}

/*++++++++++++++++++++ content area ++++++++++++++++++++*/

#content {
float: left;
width: 495px;
color: #000;
min-height: 10px;
height: auto !important;
height: 10px;
padding-top: 20px;
}

#content .standard {
float: left;
display: inline;
clear: both;
width: 495px;
}

#content h1, #content h2, #content h3, #content p, #content img {
margin-bottom: 10px;
}

#content li {
margin-bottom: 0px;
}

#content table {
margin-bottom: 10px;
}

#content .dottedline {
float: left;
clear: both;
display: inline;
width: 495px;
margin-bottom: 20px;
color: #fff;
background-color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px dotted #35a84e;
}

#content h1 {
font-size: 16.5px;
font-weight: bold;
color:#125320;
}

#content h2 {
font-size: 14px;
font-weight: bold;
color: #125320;
}

#content h3, #content h4, #content h5, #content h6  {
font-size: 12px;
font-weight: bold;
color: #125320;
}

#content p, #content td, #content input, #content textarea, #content option, #content label, #content li {
font-size: 11px;
font-weight: normal;
color: #333;
}

#content li {
width: 475px;
margin-left: 20px;
}

#content .floatlink {
width: 495px;
float: left;
clear: both;
}

#content .floatlink a, #content .floatlink a:visited, #content .floatlink a:hover {
float: right;
clear: both;
padding-left: 20px;
background-image: url('resources/pfeil2.gif');
background-repeat: no-repeat;
background-position: left center;
}

#content ul {
margin-bottom: 20px;
}

#content .frame-1 {
float: left;
clear: both;
display: inline;
width: 453px;
padding: 20px 20px 0px 20px;
background-color: #F3EDDF;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
margin: 0px 0px 20px 0px;
}

#content .frame-1 li {
width: 433px;
}

#content .frame-2 {
float: left;
clear: both;
display: inline;
width: 451px;
padding: 20px 20px 0px 20px;
border: 2px solid #125320;
margin: 0px 0px 20px 0px;
}

#content .frame-2 p {
color: #125320;
}

#content .frame-2 li {
width: 431px;
color: #333;
}

#content .frame-2 hr {
float: left;
clear: both;
display: inline;
width: 451px;
margin-bottom: 20px;
color: #fff;
background-color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #125320;
}

#content table {
width: 493px;
background-color: #F3EDDF;
border-collapse: collapse;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#content table th {
font-size: 12px;
text-align: center;
padding: 10px 5px 10px 5px;
color: #125320;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

#content table td {
text-align: center;
padding: 5px;
font-weight: bold;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}



#content .teaser {
float: left;
clear: both:
width: 495px;
margin-bottom: 20px;
}

#content .teaser h1 {
font-size: 12px;
}

#content .teaser img {
float: left;
width: 152px;
margin-right: 20px;
}

#content .teaser .teasertext {
float: left;
width: 323px;
}

/*++++++++++++++++++++ highlight area ++++++++++++++++++++*/

#highlight {
float: left;
width: 270px;
color: #666;
min-height: 10px;
height: auto !important;
height: 10px;
padding-top: 20px;
}

#highlight .standard {
float: left;
display: inline;
clear: both;
width: 240px;
margin-left: 15px;
margin-right: 15px;
}

#highlight h1, #highlight h2, #highlight h3, #highlight p {
margin-bottom: 10px;
}

#highlight img {
margin-bottom: 20px;
}

#highlight h1 {
font-size: 14px;
font-weight: bold;
color: #999;
}

#highlight h2 {
font-size: 12px;
font-weight: bold;
color: #999;
}

#highlight h3 {
font-size: 11px;
font-weight: bold;
color: #999;
}

#highlight h4, #highlight h5, #highlight h6 {
font-size: 11px;
font-weight: bold;
color: #999;
}

#highlight p, #highlight td, #highlight input, #highlight textarea, #highlight option, #highlight label, #highlight li {
font-size: 11px;
font-weight: normal;
color: #999;
}

#highlight .standard img {
width: 240px;
float: left;
clear: both;
}

#content .csc-uploads-fileName {
text-align: left;
vertical-align: top;
}

#content .csc-uploads-icon img {
border: 1px solid #999;
}

#content .kontaktformular td {
border-right: 1px solid #fff;
text-align: left;
width: auto;
vertical-align: center;
}

#content .kontaktformular .checkwrap {
width: 20px;
height: 12px;
float: left;
margin-right: 20px;
}

#content .kontaktformular .centered {
padding-top: 20px;
padding-bottom: 10px;
}

#content .kontaktformular .submit {
text-align: center;
}

#content .kontaktformular textarea {
width: 250px;
}

/*+++++++++++++++++++++++++++ teaser elemente +++++++++++++++++++++++++++++++++++++++++++*/


#content .teaserlist {
width: 765px!important;
float: left;
clear: both;
overflow: hidden;
}

#content .teaser-item {
width: 240px;
height: 320px;
float: left;
margin-right: 15px;
background-image: url('resources/teaser_bg.jpg');
background-repeat: no-repeat;
margin-bottom: 10px;
}

#content .teaser-top {
width: 240px;
height: 287px;
float: left;
clear: both;
}

#content .teaser-bottom {
width: 240px;
height: 33px;
float: left;
clear: both;
}

#content  .teaser-item img {
float: left;
clear: both;
width: 220px;
height: 147px;
display: inline;
margin-left: 6px;
margin-top: 6px;
margin-bottom: 10px;
}

#content .teaser-item .teaserheader {
font-size: 11px!important;
width: 220px;
float: left;
clear: both;
display: inline;
margin-left: 6px;
margin-bottom: 2px;
}

#content .teaser-item .teaserbody {
font-size: 10px!important;
width: 220px;
float: left;
clear: both;
display: inline;
margin-left: 6px;
margin-bottom: 0px;
}

#content .teaser-item .teaserprice {
font-size: 10px!important;
width: 185px;
float: left;
clear: both;
display: inline;
margin-left: 6px;
margin-bottom: 0px;
text-align: right;
}

.pricetag {
color: #dd0000;
font-size: 16px;
font-weight: bold;
}

#content a {
text-decoration: underline;
}

#content .teaser-item a, #content .teaser-item a:visited, #content .teaser-item a:hover {
text-decoration: none;
}