html { /* fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px; und border-bottom:1px) */
margin-bottom: 0.1px;
border-bottom:1px solid transparent;
}


body {
font: 100.01% Tahoma,Arial,sans-serif;
padding:0;
margin:0;
color:#000;
/* Farben siehe colours.css */
}


.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/* CONTAINER */


#container {
text-align: center;
margin:0 auto;
width: 988px;
}

#mainbody {
width: 980px;
float:left;
clear: both;
text-align: left;
margin-bottom: 15px;
	background: #fff; font-family:verdana,arial,helvetica;
	font-size:0.8em; color: #555555; }

/* Title 
**********************************************************/

div#branding {	
position:relative;
height:241px;
padding:0;
margin: 0;
}
body#page1 div#branding {	
height:500px; /* Startseite */
}
div#branding h1,
div#branding h2 {	
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

div#logo-claim {
position: absolute;
z-index: 99;
left:24px;
top:20px;
width:300px;
height:200px;
/* Background siehe colours.css */
}

div#headerpic {
position: absolute;
top:0;
left:0;
width:980px;
z-index: 1;
}

div#wave1 {
position: absolute;
bottom:0;
left:0;
width:980px;
height: 115px;
z-index: 10; background:url(files/wave1.png) no-repeat bottom;}


body { background: #990000; }

/* Navigation
*******************************************************/

#navigation {
margin: -65px 28px 10px 24px;
background: transparent url(files/hg-nav.png) 0 0 repeat;
width: 220px;
float:left;
position: relative;
z-index: 108;
font-size: 0.8em;
 border: 1px solid #ccc; border-top:0px; border-left:0px;}


#navigation ul { list-style-type:none; margin:0px; padding:10px 0px 10px 20px; }

ul li { padding-top:6px; }
.navi1  { margin-top:100px;  }

.navi2 li { text-indent: 10px; }

.small { font-size: 0.8em;}

.floatleft { float:left; width:200px; }
.floatright { float:right; width:200px; }

.events		{ background:url(files/events.png) no-repeat;		padding: 40px 0 0 0; margin: 10px 0 0 0;}
.kollektionen	{ background:url(files/kollektionen.png) no-repeat;	padding: 40px 0 0 0; margin: 10px 0 0 0;}
.laden		{ background:url(files/laden.png) no-repeat;		padding: 40px 0 0 0; margin: 10px 0 0 0;}
.unternehmen	{ background:url(files/unternehmen.png) no-repeat;	padding: 40px 0 0 0; margin: 10px 0 0 0;}
.highlights	{ background:url(files/highlights.png) no-repeat;	padding: 40px 0 0 0; margin: 10px 0 0 0;}
.trenner	{ background:url(files/tilde.png) no-repeat;		padding: 40px 0 0 0; margin: 10px 0 0 0;}

#navigation a{
	text-transform:uppercase;
	color: #999;
	text-decoration:none;
	padding:2px 0px;
	}
#navigation a:hover, a {
	color: #cc9933;
	}



/* Quicklinks Starseite */

#quicklinks {
background-color: #fff;
border:4px solid #FFFFFF;
border-bottom:none;
float: left;
clear: both;
width:212px;
}



/* Content 
**********************************************************/


#content {
width:680px;
font-size: 0.78em;
/*float:right;
margin: 5px 28px 0 28px;*/
margin: 15px 28px 0 272px;
min-height: 250px;
}
body#page1 #content {
min-height: 50px;
}

#maincontent {
margin-bottom: -20px;
float: left;
width:680px;
padding-top:30px;}
#maincontent.column {
width: 440px;
}
#subcontent {
float:right;
margin-bottom: -10px;
width:200px;
font-size: 0.92em;
}

.floatleft { float:left; width:330px; }
.floatright { float:right; width:330px; }

/* Footer 
**********************************************************/

#siteinfo {
color:#555555;
font-size:0.68em;
padding-top: 115px;
width: 980px;
clear: both; background: #fff url(http://www.fossadesign.com/files/wave2.png) no-repeat bottom;}

#metanav { background:#ccc; padding:6px 28px;
text-align: center;
}

#siteinfo p {
margin-bottom: 0;
}
#siteinfo a {
color:#555555;
}

/********************************************************* 
allgemeine Formate
**********************************************************/

h1 {
font-size: 1.5em;
margin: 0 0 12px 0; clear:both; color:#cc9933;}
h2 {
font-size: 1.4em;
margin: 0 0 10px 0; clear:both; color:#cc9933;}
h3 {
font-size: 1.3em;
margin: 0 0 8px 0; clear:both; color:#cc9933;}
h4 {
font-size: 1.2em;
margin: 0 0 6px 0; clear:both; color:#cc9933;}
h5 {
font-size: 1.1em;
margin: 0 0 4px 0; clear:both; color:#cc9933;}
h6 {
font-size: 1.0em;
margin: 0 0 2px 0; clear:both; color:#cc9933;}

#subcontent h1, #subcontent h2 {
font-size: 1.1em;
margin: 0 0 8px 0;
}
h3, h4 {
font-size: 1.05em;
margin: 0 0 8px 0;
color:#333;
}
#subcontent h3, #subcontent h4 {
font-size: 1em;
margin: 0 0 5px 0;
}
h4 {
font-size: 1em;
color:#555;
}
#subcontent h4 {
font-size: 0.95em;
}
h5, h6 {
font-size: 0.9em;
margin: 0 0 5px 0;
font-weight:normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.4em;}

blockquote {
margin: 0 0 12px 20px;
line-height: 1.4em;
font-style: italic;
}

ul, ol, li {
margin: 0;
padding: 0;
}

#content ul {
margin: 0 0 12px 15px;
padding: 0;
line-height: 1.4em;
}
#content ol {
margin: 0 0 12px 28px;
padding: 0;
line-height: 1.4em;
}
#content li {
margin: 0 0 2px 0;
}


a {
color:#990000;
}
a:hover {
text-decoration: none;
}

/
#content a.mailto {
background: transparent url(../_img/link-mailto.gif) 0 3px no-repeat;
padding-left: 13px;
}*/
#content a.pdf {
background: transparent url(../_img/link-pdf.gif) 0 0 no-repeat;
padding-left: 19px;
}
#content a.extern {
background: transparent url(../_img/link-extern.gif) 0 0 no-repeat;
padding-left: 20px;
}
#content a.back {
background: transparent url(../_img/pfeil-back.gif) 0 4px no-repeat;
padding-left: 8px;
}
#content a.next {
background: transparent url(../_img/pfeil-next.gif) right 4px no-repeat;
padding-right: 7px;
}

hr {
height: 2px;
color:#fff;
background-color:#fff;
border:none;
margin: 0 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin: 0 0 6px 0;
line-height: 1.2em;
font-size: 1em;
border: none;
}
td, th {
border-bottom: 1px solid #fff;
padding: 8px 4px;
text-align: left;
vertical-align: top;
}
th {
padding-top:6px;
border-top: 1px solid #fff;
border-bottom: 3px solid #fff;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}
#content img {
border:3px solid #fff;
}

form {	
margin: 0;
padding: 0;
font-size:1em;
float:left;
clear: both;
}

form p {
margin:0 0 5px 0;
clear:both;
width:100%;
}
fieldset {	
border: none;
padding: 0;
margin: 0;
}

legend {	
font-weight: bold;
font-size: 1.05em;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:2px 0 5px 0;
float:left;
width: 10em;
font-size:0.95em;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 5px 0;
background-color: #cc9933;
border:1px solid #fff;
padding:1px;
font-family: Tahoma, Arial, sans-serif;
font-size:1em;
}

.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}

.desc { width:150px; float:left; padding: 10px 2px 0 0;}
.descquer { width:335px; float:left; padding: 10px 2px 0 0 ;}

@font-face {
    font-family: 'EnglandHandDBRegular';
    src: url('layout/england-webfont.eot');
    src: url('layout/england-webfont.eot?#iefix') format('embedded-opentype'),
         url('layout/england-webfont.woff') format('woff'),
         url('layout/england-webfont.ttf') format('truetype'),
         url('layout/england-webfont.svg#EnglandHandDBRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1.fontface  {font: 50px/56px 'EnglandHandDBRegular', Arial, sans-serif;letter-spacing: 0; color:#7d7d7d;}
h2.fontface  {font: 40px/44px 'EnglandHandDBRegular', Arial, sans-serif;letter-spacing: 0; color:#7d7d7d;}
h3.fontface  {font: 30px/33px 'EnglandHandDBRegular', Arial, sans-serif;letter-spacing: 0; color:#adadad;}

p.fontface, p [ *="FossaDesign"] {font: 18px/27px 'EnglandHandDBRegular', Arial, sans-serif;}
		
#breadcrumb {display:none;}