/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Verdana, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a {color: #666;}
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color:#000;}

a img { border: none;}

#menu {
    width: 100%;
    height: 200px;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
}

#menu .container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border-top: 1px solid black;
	border-bottom: 2px solid black;
	margin-top: 10px;
	padding-top: 10px;
}

#menu p{
	float: left;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu .container ul{
	float: left;
	width: 150px;
}

#menu .container ul li{
	float: none;
	text-align: center;
	height: 12px;
}

.section-title {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	font-family: "le-havre-1","le-havre-2";
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-bottom:5px;
	}
	
	.welcome{
	top: 30px;
	font-family:  "le-havre-1","le-havre-2", Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
}

#teaser{
	width: 960px;
	height: 693px;
	border-top: 1px solid black;
	border-bottom: 2px solid black;
}
a.teaserimg1, a.teaserimg2, a.teaserimg3{
	display: block;
	float: left;
	width: 320px;
	height: 231px;
}

a.teaserbig, a.teaserbig2{
	display: block;
	float: none;
	width: 960px;
	height: 231px;
}

a.teaserimg1{background-image: url(http://www.bropix.de/images/garfunkl.jpg);}
a.teaserimg2{background-image: url(http://www.bropix.de/images/rolling.jpg);}
a.teaserimg3{background-image: url(http://www.bropix.de/images/cube.jpg);}
a.teaserbig{background-image: url(http://www.bropix.de/images/elektro.jpg);}
a.teaserbig2{background-image: url(http://www.bropix.de/images/nouvelle.jpg);}

a.teaserimg1:hover, a.teaserimg2:hover, a.teaserimg3:hover, a.teaserbig:hover, a.teaserbig2:hover{
	background-position: 0 -231px;
}

#content {
    height: 100%;
    margin-top: 180px;
}

#content .container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}



#content p {
	width: 100%;
	text-align: center;
	margin-bottom: 9px;
	font-family: "calluna-1","calluna-2";
	font-size: 13px;
}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container { margin: 0; padding: 0; }
#img-container p { width: 400px; margin: 0; padding: 0 0 12px 0; width:100%}

#once { clear: left; }

.linklist{
	font-size: 14px;
	color: white;
}

.linklist{
	font-size: 14px;
	color: white;
}

.linklist a, .linklist a:visited, .linklist a:active{
	color: white;
}

.linklist a:hover{
	color: black;
	text-decoration: none;
}


.clear{
	clear: both;
}