/*--- // -------------------------------------------------------
		
		@ Snowboard Website
		@ /css/basic.css
		@ CSS f�r das Grundlayout der Website
		
		@ 17.06.2008 PH
		@ alpha 0.1
		
		@ Content:
		-	Genereller Aufbau
		-	Klassen
		
		Changelog:
		
	-------------------------------------------------------- // ---*/
	
	/*---------------------------------------------------------------
		Genereller Aufbau
	---------------------------------------------------------------*/

	* {
		padding: 0;
		margin: 0;
		outline:none;
	}
	
	html, body {
		height: 100%;
		min-height: 100%;
	}
	
	body {
		font:10px/14px Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		background: #000;
	}
	
	div.noscript, div#flashdetect {
		width:100%;
		background-color:#ffeb00;
		color:#000;
		text-align:center;
	}
	div#flashdetect a {
		color:#000000;
	}
	
	div.noscript p{
		padding:7px 0;
	}

	h1 {
		font-size:16px;
		line-height:25px;
		padding:1px 0 15px 0;
		margin-bottom:15px;
		background:url(../images/content/content-line.png) bottom left no-repeat;
	}
	
	a {
		text-decoration:underline;
		color:#000000;
		outline:none;
	}
	
	div#main-website {
		min-height:100%;
		background:url(../images/layout/main_bg.jpg) bottom left no-repeat;
	}
	
	div#website {
		margin:0 auto;
		width:995px;
		z-index:1;
		background:url(../images/layout/bg_repeat.gif) top left repeat-y;
	}
		div#header-container {
			height:60px;
			width:100%;
			background:url(../images/layout/navigation_bg.gif) top left no-repeat;
			font-size:12px;
		}
			div#home {
				float:left;
			}
			div#home a {
				display:block;
				width:155px;
				height:60px;
			}
			
			div#home a span {
				display:none;
			}
			div#products {
				float:left;
				width:197px;
				height:60px;
			}
			div#main-navigation {
				float:left;
			}
		
		div#visual-container {
			height:354px;
			width:100%;
			background:url(../images/layout/visual_bg.gif) #000 top left no-repeat;
		}
			div#visual {
				width:995px;
				height:335px;
				padding:0;
			}
			
		div#content-container {
			width:100%;
			background:url(../images/layout/content_bg_2.jpg) top left no-repeat;
		}
			
			div#bottom-bg {
				width:100%;
				height:100%;
				background:url(../images/layout/bottom-content-bg.gif) bottom left no-repeat;
			}
		
				div#box {
					position:relative;
					float:left;
					/*background:url(../images/layout/box_bg_2.png) top left no-repeat;*/
					width:357px;
					min-height: 95px; /* new */
					padding-top:5px;
				}
					
				div#content-box {
					width:635px;
					float:left;
				}
					div#breadcrump {
						padding:4px;
						/*background:url(../images/layout/breadcrumbs_bg.jpg) top left no-repeat;*/
				}
					div#content {
						width:578px;
						padding:5px 10px 20px 12px;
						background:#fff;
					}
			
					div#addthis {
						float:left;
						padding:15px 0 0 15px;
					}
		div#footer-container {
			width:100%;
			height:75px;
			background:url(../images/layout/footer_bg.gif) #000 top left no-repeat;
			font-size:10px;
		}
			div#quicknav {
				float:left;
				padding:25px 0 0 10px;
			}
			
			div#suzuki {
				float:right;
			}
			
			div#suzuki a {
				display:block;
				width:240px;
				height:45px;
				margin-top:25px;
			}
			
	/*---------------------------------------------------------------
		Klassen
	---------------------------------------------------------------*/		

			
	.clear {
		clear:both;
	}

	.button a {
		float:left;
		padding:5px;
		margin:5px;
		background:#000;
		color:#fff;
		text-decoration:none;
	}
	
	.button span, div#print-btn span{
		display:none;
	}
	
	a#a-sendafriend, a#print-site {
		display:block;
		width:33px;
		height:33px;
		float:left;
		padding:0;
		margin:5px;
		text-decoration:none;
	}
	
	a#a-sendafriend {
		background:url(../images/icons/snbsend.gif) center no-repeat;
	}
	
	a#print-site {
		background:url(../images/icons/snbprint.gif) center no-repeat;
	}