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

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

a {	
	font-family: 'Muli';
	color: #636363;
	text-decoration: none;
	font-size: 14px;
	 }
	 
a:hover {
	font-family: 'Muli';
	color: #1079C7;
	font-size: 14px;
	}
	
	
.link_active {
	font-family: 'Muli';
	font-size: 14px;
	color:#96a132;
	border-bottom: 1px solid #96a132;
	}
	
p {
	font-family: 'Muli';
	color: #636363; 
	font-size: 13px;
	}
	
p1 {
	font-family: 'Muli';
	color: #636363; 
	font-size: 11px;
	}
	
h1 {
	font-family: 'Muli';
	color: #1079c7;
	font-size: 14px;
	}
	
p#i {
	font-family: 'Muli-Italic';
	font-size: 13px;
	}
	
* {
	margin: 0;
	padding: 0;
}

body, html {
	height: 100%;
}

body {
	overflow:scroll;
	background-image: url("../images/fliesenschneider_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:fixed;
}


#container {
		/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.7 opacity */
	background: rgba(255, 255, 255, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	margin: 0 auto;
	width: 960px;
	min-height: 700px;
	height: auto;
	position: relative;
	box-shadow: 5px 5px 5px #a8a8a8;
	border-radius: 5px;
}


#content {
	width: 920px;
	margin: 0 25px;
	line-height: 1.5em;
	height: auto;
	margin: auto;
	padding: 0;	
}


#header {
	width:950px;
	min-height:260px;
	background: url('../images/fliesenschneider_header.png') no-repeat left top;		
	}

#menue {
	font-family: 'Muli';
	color: #707173;
	text-decoration: none;
	font-size: 14px;
	list-style: none;
	position: absolute;
	left: 270px;
	top: 185px; 
	width: 650px;
}


	
#footer {
	font-size: 14px;
	padding: 5px;
	position: absolute;
	bottom: -30px;
	left: 735px;
}


.main .colBox {
	width: 800px;
	height: auto;
	margin: auto;
	padding: 0;	
}

.main .colBox .colLeft, .main .colBox .colRight {
	width: 400px;
	height: auto;
	float: left;	
}

.main .submitButton {
	width: 40px;
	height: 30px;
	border: 0px;
	background: url(img/button_right.jpg) center center no-repeat;	
}