/**
 * Default css for every page
 *
 * @category   Dessign
 * @package    Dessign_Css
 * @copyright  Copyright (c) 2009 Dessign GmbH
 * @author     Wolfram Huesken <wolframhuesken@dessign.de>
 * @filesource $HeadURL$
 * @date       $Date$
 * @version    $Id$
 */

/* Defaults */
html {
    overflow: -moz-scrollbars-vertical;
}

*:-moz-any-link:focus {
    outline: none;
}

sub, sup {
    line-height: 0px;
    font-size: 75%;
}

body {
    color: #3e302b;
    background-image: url(../images/bg_tile.jpg);
    padding-bottom: 2em;
    font-size: 85%;
}

.container_16 {
    position: relative;
    min-width: 1000px;
    max-width: 1150px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
}

h2 { 
    font-size: 1.2em; 
    margin-bottom: 0.75em; 
    text-transform: uppercase; 
    font-weight: bold;
    color: #111111;
}

h3 { 
    font-size: 1em; 
    margin-bottom: .4em; 
    margin-top: .4em; 
    font-weight: bold;
    color: #111111; 
}

    #Impressum h3 {
        margin: .5em 0em .5em 0em;  
    }

h4 { 
    font-size: 1em; 
    margin-bottom: .5em; 
    margin-top: .5em; 
    font-weight: bold; 
}

ul {
    list-style-type: disc;
    margin-left: 1.5em;
}

.empty {
    background: none;
}

dfn {
    display: none;
}

a {
    color: #3e302b;
}

hr {
    border-color: #442F2A;
}

/* Service Navigation */
#ServiceNaviContainer {
    margin-bottom: 10px;
}

#ServiceNavigation, #ServiceNavigation ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #fff;
}

	#ServiceNavigation a {
        margin: 0px;
        padding: 0px 10px 0px 10px;
        text-decoration: none;
        color: #fff
    }
	
    #ServiceNavigation li.first a {
        padding-left: 7px;
    }
	
	#ServiceNavigation a:hover, #ServiceNavigation a.currentpage {
	   text-decoration: underline;
	}
	
	#ServiceNavigation li {
        margin: 0px;
        float: left;
	}

#SeasonSwitcher {
    position: relative;
}

	#SeasonSwitcher a {
	    color: #fff;
	    text-decoration: none;
	}
	
	#SeasonSwitcher img {
	    vertical-align: middle;
	    width: 33px;
	}

    #SeasonSwitcher div {
        position: absolute;
        top: -7px;
        left: 0px;
    }

/* Main Navigation */
#MainNaviDeco {
    height: 35px;
    width: 100%;
}

#Logo {
    position: absolute;
    right: -40px;
    top: -30px;
}

#menuwrapper {
    border-top: none;
}

    ul#primary-nav {
        padding: 0px;
    }

        ul#primary-nav li {
            margin: 0px;
        }

	        ul#primary-nav li ul {
	            border: none;
	        }

		    ul#primary-nav li a {
                padding: 0px;
		    }    

            ul#primary-nav li ul li {
                border-top: 1px solid white;
            }

            ul#primary-nav li a.menuactive, ul#primary-nav li a.menuactive:hover {
                color: white;
                font-weight: normal;
            }

/* White Borders */
#MainNaviContainer {
    border-top:   7px solid white;
	border-left:  7px solid white;
	border-right: 7px solid white;
}

#MainNaviDeco {
    border-bottom: 7px solid white;
}

#ContentContainer {
    border-left:   7px solid white;
    border-right:  7px solid white;
}

#PictureContainer {
    border: 7px solid white;
}

/* Content Area */
#ContentContainer {
    background-color: #dfd3b6; /* darker brown */
    padding-top: 15px;
}

    #Content {
        padding-left: 15px;
    }

        #Content p {
            font-size: 14px;
        }

#Accordion h3 {
    display: block;
    background-color: #ecdfc0;
    cursor: pointer;
    width: 90%;
    padding: 7px;
    padding-left: 25px;
    margin-bottom: 0px;
    background-image: url(../images/arrow_right.png);
    background-repeat: no-repeat;
    background-position: 5px 8px;
}

#Accordion h3.selected {
    background-image: url(../images/arrow_down.png);
}

#Accordion div {
    width: 90%;
    padding: 0px 7px 0px 7px;
}

#Accordion2 h3 {
    display: block;
    background-color: #ecdfc0;
    cursor: pointer;
    width: 85%;
    padding: 3%;
    margin-bottom: 0px;
}

#Accordion2 div {
    width: 85%;
    padding: 0px 3% 0px 3%;
}

#Accordion3 h3 {
    display: block;
    background-color: #ecdfc0;
    cursor: pointer;
    width: 85%;
    padding: 3%;
    margin-bottom: 0px;
}

#Accordion3 div {
    width: 85%;
    padding: 0px 3% 0px 3%;
}

.blueprint td {
    padding: 0px 5px 0px 0px;
    text-align: center;
}

.blueprint img {
    width: 85%;
}

.cms-guestbook-div-insert {
    margin-top: 15px;
}

.gb_submit_container {
    text-align: right;
}

.gb_content_container_left, .gb_content_container_right {
    float: left;
    font-size: 75%;
}

.gb_content_container_right {
    border-left: 1px solid white;
}

.gb_content_container_left {
    width: 160px;
    margin-top: 5px;
}

.gb_content_container_right {
    margin-top: 5px;
    padding: 0px 0px 0px 15px;
}

.cms-guestbook-entry-sender {
    background-color: #3c312d;
    width: 98%;
    padding: 1%;
    color: white;
}

.cms-guestbook-entry {
    margin-bottom: 15px;
}

.cms-guestbook-entry-text p {
    padding: 0px;
    margin: 0px;
}

hr.gb {
    margin-top: 5px;
    color: #442f2a;
    background-color: #442f2a; 
}

.cms-guestbook-pagination {
    padding-bottom: 5px;
}

.newsTicker {
    overflow: hidden;
}

#Disquieter {
    position: absolute;
    top: -60px;
    right: -30px;
}

/* Teaser Area */
#Teaser {
    position: relative;
}

#WeatherContainer {
    margin: 0px;
    color: #fff;
}

#WeatherIcon {
    display: none;
}

.box {
    margin-bottom: 20px;
    padding: 5px;
    background: #ecdfc0 none repeat scroll 0 0;    
}

.boxbg {
	background: black none repeat scroll 0 0;
}

.mediaContainer div.box {
    height: 220px;
}

#HutHotLink {
    text-align: center;
}

    #HutHotLink div {
        margin-bottom: 10px;
    }

#Scrollup li {
    height: 170px;
}

#TrainingButtons {
    margin-top: 0.9em;
}

    #TrainingButtons table {
        width: 100%;
    }

	#TrainingButtons td {
	    text-align: center;
	    vertical-align: middle;
	}

#SingleTraining {
	margin-top: 2.2em;
	text-align: center;
}

#Gallery .picture {
    float: left;
    padding: 5px;
}

#Gallery .picture img {
    border: 2px solid #ecdfc0;
}

/* Picture Container */
#PictureContainer {
    position: relative;
    overflow: hidden;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
    position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
    position: relative;
    overflow: hidden;
    z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
    
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.simply-scroll-list li img {
    border: none;
    display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
    width: 1150px;
    height: 120px;
    margin: 0px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
    width: 1150px;
    height: 120px;
}
    
/* Explicitly set height/width of each list item */ 
.simply-scroll .simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    width: 230px;
    height: 120px;
}

#Callback {
	
}

	#FrmCallback p {
		margin-bottom: 0px;
		text-align: left;
	}

	#Callback td, #Callback th {
		padding-bottom: 3px;
	}
	
	#Callback th {
		text-align: right;
	}
	
	#Callback td input {
		border: 1px solid #3e302b;
		padding: 1px;
		margin-left: 5px;
	}
	
	#Callback td.submitRow {
		text-align: right;
	}
	
	#Callback td.submitRow input {
		padding: 0px;
	}
	
#Error {
	background: #6E0041 none repeat scroll 0 0;
	display: none;
	color: white;
	margin-bottom: 3px;
	margin-top: 2px;
}