html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus {
	outline:0;
}

body {
	line-height:1.5;
	color:black;
	background:white;
}

ol, ul {
	list-style:none;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}

/*  -------------- global reset end ---------------- */


/* -------------------- Struktur ------------------- */

html {
	height:100%;
}

body {
	height:100%;
	background:#f0f0f0 url("bottom.gif") no-repeat fixed center bottom;
	font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size:100.01%;
	min-width:999px;
}

a {
	outline:none;
}

#flashcontent {
	position:relative;
	width:100%;
	height:68%;
	color:#f0f0f0;
	background:url("back_noflash.gif");
	background-color:#003399;
}

#flashpage {
	position:relative;
	width:100%;
	height:90px;
	color:#358DE2;
	background-color:#000;
}

#noflash {
	width:776px;
	text-align:left;
	margin:0 auto;
	padding:20px 0 0 0;
	font:14px/18px 'DroidSansRegular', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

#content {
	width:776px;
	text-align:left;
	margin:0 auto;
	padding:10px 0 0 0;
}

.content {
	width:776px;
	color:#333;
	text-align:left;
	margin:0 auto;
	padding:20px 0 0 0;
}

#container {
	position:relative;
	width:100%;
	padding:5px 0 0 0;
	background:url("top.gif") repeat-x center top;
}

#container_page {
	position:relative;
	width:100%;
	background:url("top.gif") repeat-x center top;
}

/* ----------------- Struktur End ----------------- */


/* ----------------- Typographie ----------------- */

@font-face {
	font-family: 'UbuntuTitlingBold';
	src: url('UbuntuTitling-Bold.eot');
	src: local('Ubuntu Titling'), local('UbuntuTitling-Bold'), url('UbuntuTitling-Bold.woff') format('woff'), url('UbuntuTitling-Bold.ttf') format('truetype'), url('UbuntuTitling-Bold.svg#UbuntuTitling-Bold') format('svg');
}

@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans.eot');
	src: local('Droid Sans'), local('DroidSans'), url('DroidSans.woff') format('woff'), url('DroidSans.ttf') format('truetype'), url('DroidSans.svg#DroidSans') format('svg');
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold.eot');
	src: local('Droid Sans'), local('DroidSans-Bold'), url('DroidSans-Bold.woff') format('woff'), url('DroidSans-Bold.ttf') format('truetype'), url('DroidSans-Bold.svg#DroidSans-Bold') format('svg');
}

#noflash a:link {
	color:#ff4400;
	text-decoration:none;
}

#noflash a:visited {
	color:#ff4400;
	text-decoration:none;
}

#noflash a:hover {
	color:#ff4400;
	border-bottom:1px solid #003399;
	text-decoration:none;
	cursor:help;
}

#noflash a:active, a:focus {
	color:#ff4400;
	border-bottom:1px solid #003399;
	text-decoration:none;
}

#noflash h1 {
	font:22px 'DroidSansRegular', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	padding:20px 0 0 0;
}

#noflash h2 {
	margin-top:6px;
}

#noflash h5 {
	margin: 15px 0 5px 0;
	font:49px 'UbuntuTitlingBold', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

#noflash h6 {
	padding:20px 0 0 0;
}

#headline_noflash {
	color:#358DE2;
	font:48px 'UbuntuTitlingBold', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	margin-left:-40px;
}

#content h3 {
	color:#333;
	position:relative;
	margin:20px 0 18px -12px;
	font: 14px/25px 'DroidSansRegular', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.adress {
	color:#333;
	font:12px 'DroidSansRegular', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height:100%;
}

.fontD {
	font-family:'DroidSansRegular', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.fontDB {
	font-family:'DroidSansBold', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.fontU {
	font-family:'UbuntuTitlingBold', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:#358DE2;
}

.blue {
color:#358DE2;
}

/* -------------- Typographie End -------------- */


/* --------------------- Menu -------------------- */

.startmenu {
	position:relative;
	height:38px;
	width:776px;
	margin-left:-12px;
	font:18px/21px 'UbuntuTitlingBold', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}

.startmenu ul {
	list-style:none;
	z-index:10;
	position:absolute;
	z-index:100;
	padding:10px 0;
}

.startmenu li {
	float:left;
	margin:0 12px 0 12px;
}

.startmenu a, .menu a:active, .menu a:focus, .menu a:visited {
	text-decoration:none;
	color:#555;
	padding:0px;
	border:0;
}

.startmenu a:hover {
	color:#358DE2;
}

#startslide {
	position:absolute;
	bottom:0;
	height:4px;
	background:#358DE2;
	background:#358DE2 url("top.gif") no-repeat left bottom;
	z-index:10;
}

.menu {
	position:relative;
	height:32px;
}

.menu ul {
	font:16px/16px 'UbuntuTitlingBold', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	list-style:none;
	z-index:10;
	position:absolute;
	z-index:100;
	padding:8px 0px;
}

.menu li {
	float:left
}

.menu a, .menu a:active, .menu a:focus, .menu a:visited, .menu a:hover {
	position:relative;
	text-decoration:none;
	color:#333;
	padding:7px;
	height:32px;
}

.menu a:active, .menu a:focus {
	background:#358DE2;
}

.menu a:hover {
	color:#000;
}

#active {
	position:relative;
	height:32px;
	text-decoration:none;
	color:#fff;
	background:#358DE2;
}

#slide {
	position:absolute;
	top:0px;
	height:32px;
	background:#358DE2;
	z-index:10
}

/* ------------------ Menu End ------------------ */

.background {
	background:url(background.png) top left no-repeat;
}

/* ----------------- Referenzen ---------------- */

.boxgrid{ 
	width:360px; 
	height:203px; 
	margin:10px; 
	float:left; 
	background:#31333A;  
	overflow:hidden; 
	position:relative;	
}

.boxgrid img{ 
	position: absolute; 
	top:0; 
	left:0; 
	border:0; 
}

.boxgrid p{
	width:300px;  
	padding:0 0 0 10px;
	color:#fff;  
}

.boxcaption{ 
	float:left; 
	position:absolute;
	background:#000; 
	height:203px; 
	width:100%; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}

.captionfull .boxcaption {
 	top:203px;
 	left:0px;
 }
 
.caption .boxcaption {
 	top:150px;
 	left:0px;
}

.boxback { 
	background-image:url("back_referenzen.png");
	background-repeat:no-repeat;
	background-position:-1px 0px;
}

/* -------------- Referenzen End ------------- */

.fader a:link, a:visited, a:focus, a:hover, a:active {
	border:0px solid;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}

.fader {
	position:relative;
	display:block;
	height:90px;
	width:216px;
	background:url(button_shop.jpg) 0 0 no-repeat;
}
	
.fader * {
	display:none;
}
	
.fader span.hover {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:90px;
	width:216px;
	background:url(button_shop.jpg) 0 -90px no-repeat;
}

.image {
	height:272px;
	background:url(snowboard.jpg) top left no-repeat;
}

#image_head {
	color:#333;
	margin:18px 0 0 18px;
}

#image_p {
	width:440px;
	margin:0 0 0 18px;
}

#image_p2 {
	width:440px;
	margin:0 0 0 18px;
}

.shadow {
	text-shadow: 1px 1px 1px #999;
	-webkit-text-shadow: 1px 1px 1px #999;
	-moz-text-shadow: 1px 1px 1px #999;
}

.back_kontakt {
	background:url(background.png) top left no-repeat;
}

.ref_headline {
	width:300px;
	color:#fff;
	padding:10px 0 0 10px;
}

.kunde {
	color:#999;
}

.ref_text a:link {
	color:#fff;
	padding:3px;
	background:#358DE2;
	text-decoration:none;
}

.ref_text a:visited {
	color:#fff;
	text-decoration:none;
}

.ref_text a:hover {
	color:#31333A;
	background:#CBE86B;
	text-decoration:none;
}

.ref_text a:active, a:focus {
	color:#31333A;
	background:#CBE86B;
	text-decoration:none;
}

.phone {
	color:#555;
}

.footer {
	color:#999;
	text-align:right;
}

.footer p {
	padding-right:16px;
} 

.footer a:link {
	padding:1px 6px 1px 6px;
	color:#999;
	text-decoration:none;
}

.footer a:visited {
	color:#999;
	text-decoration:none;
}

.footer a:focus {
	color:#fff;
	background:#358DE2;
	text-decoration:none;
}

.footer a:hover {
	color:#fff;
	background:#358DE2;
	text-decoration:none;
}

.footer a:active {
	color:#fff;
	background:#358DE2;
	text-decoration:none;
}

#startimpressum {
	position:absolute;
	bottom:1px;
	right:18px;
	color:#000;
	cursor:pointer;
	font-size:12px;
	z-index:999;
}

#startimpressum a:link, a:visited, a:hover, a:focus, a:active {
	color:#333;
	text-decoration:none;
}

#impressum {
	position:fixed;
	bottom:-17px;
	right:18px;
	color:#333;
	cursor:pointer;
	font-size:12px;
	z-index:999;
}

#impressum a:link, a:visited, a:hover, a:focus, a:active {
	color:#333;
	text-decoration:none;
}

.big {
	font-size:180px;
}

.textlink a:link {
	color:#358DE2;
	text-decoration:none;
}

.textlink a:visited {
	color:#358DE2;
	text-decoration:none;
}

.textlink a:focus {
	color:#333;
	background:#CBE86B;
	text-decoration:none;
}

.textlink a:hover {
	color:#333;
	background:#CBE86B;
	text-decoration:none;
}

.textlink a:active {
	color:#333;
	background:#CBE86B;
	text-decoration:none;
}

.iconlist {
	list-style-image: url(list.gif);
	line-height: 1;
}