/*
        Reset all styles first
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
        border: 0;
          font-weight: inherit;
          font-style: inherit;
          font-size: 100%;
          font-family: inherit;
          vertical-align: baseline;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}
fieldset,img {
        border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
}
ol,ul {
        list-style:none;
}
caption,th {
        text-align:left;
}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}
q:before,q:after {
        content:'';
}
abbr,acronym { border:0;
}

/*
        Template Styles
*/

body {
        font-size: 62.5%;
        background: #fff;
        font-family: Helvetica, Arial, sans-serif;
        line-height: 1.4em;
}

p {
        margin-bottom: 1.4em;
}

strong, b {
        color:#666666;
}

hr {
	color:#b8b8b8;
	width:100%;
	size:1;
	align:left;
}	

.hidden { display: none; }

#container
{
        margin: 0 auto;
        padding-top: 55px;
        margin-bottom: 55px;
        width: 950px;
        position:relative;
}

#container.home {
		height:410px;
		width:870px;
        background-image:url(../img/pool/home.jpg);
        background-repeat:no-repeat;
   		margin-left: 0px;
}

#container.about {
		height:360px;
		width:870px;
		color:#666666;
        background-image:url(../img/pool/about.jpg);
        background-repeat:no-repeat;
		margin-left: 0px;
}

#container.contact {
		height:360px;
		width:870px;
        background-image:url(../img/pool/contact.jpg);
        background-repeat:no-repeat;
   		margin-left: 0px;
}

#header
{
        position:relative;
}

#primnav {
        background-image:url(../img/pool/back_primnav.jpg);
        background-repeat:no-repeat;
        width:104px;
        height:104px;
}

#primnavlinks {
        padding:6px;
}

#primnavlinks a {
        font-size: 1.4em;
        font-weight:bold;
        color:#fff;
        line-height: 0.9em;
        text-align:right;
        text-decoration:none;
        display:block;
        background-repeat:no-repeat;
}


#primnavlinks a:hover, #primnavlinks a.primnav-active {
        font-size: 1.4em;
        font-weight:bold;
        color:#58FA58;
        line-height: 0.9em;
        text-align:right;
        text-decoration:none;
        display:block;
}


/* Safari Hacks */

@media screen and (-webkit-min-device-pixel-ratio:0){
		#primnavlinks a:hover, #primnavlinks a.primnav-active {
        font-size: 1.4em;
        font-weight:bold;
        color:#58FA58;
        line-height: 0.9em;
        text-align:right;
        text-decoration:none;
        display:block;
		}
}

#visual {
        position:absolute;
        left:172px;
        top:91px;
}

#content-container {
        margin-top:52px;
}

#secnav {
        float:left;
        width:104px;
        background-color:#fff;
}

#secnav div {
        clear:both;
        height:50px;
        margin-bottom:4px;
}

#secnav a {
        display:block;
        opacity:0.7;
        filter:alpha(opacity=70);
        -moz-opacity:0.7;
}

#secnav a:hover, #secnav a.active {
        opacity:1;
        filter:alpha(opacity=100);
        -moz-opacity:1.0
}


#content {
        float:left;
        margin-left:66px;
}

#content.horizontal {
        width: 700px;
}

#content.startseite {
        width:240px;
        margin-left:566px;
}


#legend {
        float:right;
        padding-right:4px;
        padding-top:304px;
        font-size: 1.1em;
        font-weight:normal;
        color:#a4a4a4;
}

#legend a {
        color:#a4a4a4;
        text-decoration:none;
}

#legend a:hover {
        color:#000000;
        text-decoration:none;

}

#impressum a {
        position:absolute;
        left:0px;
        top:650px;
        font-size: 1.0em;
        color:#b8b8b8;
        text-decoration:none;
}

/* slider overwrite */
.flex-caption {
	margin:0;	
	padding-top:6px !important;
	padding-bottom:4px !important;
}

.flex-ohne {
	margin:0;	
	padding-top:6px !important;
	padding-bottom:4px !important;
}

.flex-control-nav li {  
  margin-right: 0px !important;
  margin-left: 5px !important;
}

.flex-control-nav li a {
	cursor:pointer;
}