@charset "utf-8";
/* CSS Document */
/* Styles für ZBÄREN*/
/* erstellt: miri vogt / nextage */

body{
	margin:0px;
	padding:0px;
	background-color: #040a21;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.8;
}

html{
	overflow-x: hidden;
}

/*---BIG-CONTAINER---*/

div#big-container{
	background-image: url(../img/background-breit.jpg);
	background-repeat: no-repeat;	
	background-position:center center;
	top: 0px;
	width: 100%;
	/*min-height: 752px;*/
	min-height: 850px;
}

/*---HEADER---*/

div#header{
	margin: 0 auto;	
	width: 100%;
	text-align: center;
}

div#header img#logo{
	border: none;
	margin: 52px 0 0 0;
}

div#header{
	padding: 52px 0 0 0;
}

div#header div#zbaeren-logo{
	background-image: url(/img/logo_zbaeren.png);
	width: 211px;
	height: 53px;
	margin: 0 auto;
	padding: 0px 0 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*---SPRACHWAHL---*/

div#sprache{
	left:0;
	float:left;
	width:100%;
	position:absolute;
	font-size: 13px;
}

div#sprache-container{
	width: 960px;
	height: 20px;
	margin: 0 auto;
}

div#sprache ul#sprachwahl{
	margin: 0px 0 0 15px;
	padding: 0px;
	float: left; 
	/* display: block;*/
}

div#sprache ul#sprachwahl li{
	float: left;
	list-style: none;
	border-right: 1px solid #97999C;
	padding: 0 9px 0 0;
	height: 17px;
}

div#sprache ul#sprachwahl li.no-line{
	float: left;
	list-style: none;
	border-right: none;
	padding-left: 9px;
}

div#sprache ul#sprachwahl li a{
	text-decoration: none;
	color: #97999C;
}

div#sprache ul#sprachwahl li a.active{
	color: #ffffff;
}

div#sprache ul#sprachwahl li a:hover{
	color: #ffffff;
}

/*---NAVIGATION---*/
div#navigation{
	background-image: url(../img/bg-navigation.png);
	background-repeat: no-repeat;
	background-position:center center;
	width: 100%;
	height: 22px;
	margin-top: 45px;
}

div#navi-container{
	width: 960px;
	height: 20px;
	margin: 0 auto;
}

div#navigation ul#navi{
	position:relative;
	height: 20px;
	margin: 0px 0 0 12px;
	padding: 1px 0 0 0;
}

div#navigation ul#navi li{
	position:absolute;
	float: left;
	list-style: none;
}

div#navigation ul#navi li a.mainnavigation_l1{
	text-decoration: none;
	color: #97999C;
}

div#navigation ul#navi li a.mainnavigation_l1:hover{
	color: #ffffff;
}

div#navigation ul#navi li a.mainnavigation_l1_active{
	color: #ffffff;
	text-decoration:none;
}

/*---SUBNAVIGATION---*/
div#subnavigation{
	width: 100%;
	height: 22px;
	margin-top: 0px;
}

div#subnavi-container{
	width: 960px;
	height: 20px;
	margin: 0 auto;
}

ul#subnavi{
	margin: 0px;
	padding: 0px;
	margin: 0px 0 0 12px;
}

ul#subnavi li{
	float: left;
	margin-right: 37px;
	list-style: none;
}

ul#subnavi li a.mainnavigation_l2{ 
	text-decoration: none;
	color: #97999C;
}

ul#subnavi li a.mainnavigation_l2:hover{ 
	color: #ffffff;
}

ul#subnavi li a.mainnavigation_l2_active{ 
	color: #ffffff;
	text-decoration:none;
}

/*---CONTENT---*/

div#content-container{
	position:relative;
	margin: 0 auto;
	width: 960px;
}

div#content{
	float: left;
	width: 960px;
	min-height: 400px;
	margin-top: 0px;
	margin-left: -1px;
}

div.kontakt {
	position:relative;
	z-index:100;
	margin-left:13px;
	margin-top:0;
}

div.kontakt td p{
	color: #ffffff;
	margin:0 0 15px 0;;
}

div.kontakt td p a{
	color: #ffffff;
}

div#hintergrund {	
	background-image: url(../img/pictures-shadow.png);
	background-repeat: no-repeat;
	margin: 0 0 10px 12px;
	display: inline;
	float: left;
	width: 950px;
	height: 440px;
	left:0;
	top:0;
	position:absolute;
	z-index:10;
}


/*---BILDER---*/

div#content div#image-container{
	background-image: url(../img/pictures-shadow.png);
	background-repeat: no-repeat;
	width: 950px;
	height: 440px;
	float: left;
	margin: 0 0 10px 12px;
	display: inline;
}

div#content div#image-navi{
	width:40px;
	margin:0 auto;
	text-align:center;
}

div#content div#text-container{
	position:relative;
	width: 920px;
	margin: 0px 0 10px 10px;
}

/*---TYPOGRAPHIE---*/
p{
	color: #97999C;
	text-align:justify;
	font-size: 11px;
}

h1{
	color: #97999C;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6;
}

h2{
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0 15px 0;
	padding: 0px;

}

h3{
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0 5px 0;
	padding: 0px;
	text-align: left;
}

/*---MEDIENLINKS---*/

ul.medien{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

ul.medien li a{
	color: #97999C;
	text-decoration: none;
	background-image: url(../img/medien-icon.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding: 15px;
}

ul.medien li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

/*---LINKS---*/

p a {
	color: #97999C;
	text-decoration: none;
}

p a:hover {
	text-decoration: none;
	color: #ffffff;
}

/*---INTRO---*/

a.intro{
	color: #97999C;
	text-decoration: none;
	margin-top: 15px;
	display: block;
}

a.intro:hover{
	color: #ffffff;
	text-decoration: underline;
}

img.flash-intro{
	margin-top: 70px;
}

/*---FOOTER---*/

div#footer{
	float:left;
	margin: 50px 0 10px 10px;
	padding-bottom: 20px;
	display: inline;
}

div#footer table#official-dealer{
	width: 920px;
	color: #97999C;
}

div#footer img{
	border: none;
}

table tr td{
	text-align: left;
}

div#footer table#official-dealer tr td.official-dealer-1 img{
	margin-right: 5px;
}

div#footer table#official-dealer tr td.official-dealer-2 img{
	margin-left: 5px;
}

/*
div#footer td.official-dealer-1{
	background-image: url(../img/Logo_lacornue.png);
	background-repeat: no-repeat;
	background-position:center center;
}

div#footer td.official-dealer-2{
	background-image: url(../img/Logo_subzero.png);
	background-repeat: no-repeat;
	background-position:center center;
}

*/



/*---Bilder Player---*/

div#pic-player{
	width: 60px;
	margin: 0 0 15px 0;
}

div#pic-player a.left{
	display: block;
	float: left;
	margin-right: 10px;
}

div#pic-player a.left img{
	border: none;
	width: 12px;
	height: 16px;
}

div#pic-player a.right{
	display: block;
}

div#pic-player a.right img{
	border: none;
}








