/*	Client: Meier&Wirz www.meierwirz.ch
	Autor: Alexander Albrecht www.alexanderalbrecht.de
	© 2008-2011

	Screen, Projection
	CSS-Version 1.3
	10.09.2011

	COLORS
	font				=	#111 (nicht ganz schwarz)
	background-color	=	#fff
	font catering		=	#47a201
	fläche catering		=	#60ae24
	font impressionen	=	#acba00
	fläche impressionen	=	#bccb00
	font meier&wirz		=	#8db49d
	fläche meier&wirz	=	#c8e0d2
	font infrastruktur	=	#789021
	fläche infrastruktur=	#89a425
	font kontakt		=	#008034
	fläche kontakt		=	#2d9648
*/

/* !INITAL RESET */
	/* !HTML UNDOS */
:link, :visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size: 1em; font-weight: normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
acronym {cursor: help;}
address	{font-style: normal;}
table {border-spacing: 0;}
table tr td {vertical-align: top; border-collapse: collapse;}

	/* !ADDITIONAL UNDOS */
* {margin: 0; padding: 0;}
img {border: 0;}

	/* !INITIAL SETTINGS */
html { width: 100%; margin: 0; padding: 0; }




/* !SITE GENERAL SETTINGS */
body {
	-webkit-text-size-adjust: auto; /* none (default) | auto | %value */
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px;
	letter-spacing: 0em;
	line-height: 15px;
	color: #111;

	min-width: 965px;
}

a {	color: #111; }
a:link, a:visited { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; outline: none; }

body#cateringeventplanung a { color: #47a201; }

body#impressionen ul#galmenu a { padding: 2px; }
body#impressionen a:link,
body#impressionen a:visited { color: #acba00; }
body#impressionen a:hover,
body#impressionen a:active,
body#impressionen a.selected { color: #111; text-decoration: none; }

body#meierwirz a { color: #8db49d; }

body#infrastrukturvermietung a { color: #789021; }

body#kontakt a { color: #008034; }

/* for PrintCSS a:link:after, a:visited:after { content:" [" attr(href) "] "; } */

div#preloadimages { width: 0; height: 0;
	background-image: url('../img/menu-cateringeventplanung.gif');
	background-image: url('../img/menu-impressionen.gif');
	background-image: url('../img/menu-meierwirz.gif');
	background-image: url('../img/menu-infrastrukturvermietung.gif');
	background-image: url('../img/menu-kontakt.gif');
	background-image: url('../img/menu-cateringeventplanning.gif');
	background-image: url('../img/menu-impressions.gif');
	background-image: url('../img/menu-infrastructurehire.gif');
	background-image: url('../img/menu-contact.gif');
	background-image: url('../img/bg-cateringeventplanung.gif');
	background-image: url('../img/bg-infrastrukturvermietung.gif');
}

/* !SITE */
div#site {
	position: relative;
	left: 45px;
	top: 45px;

	width: 915px;
	margin-right: 5px;
}

body div#site { background-repeat: no-repeat; }
/* body#cateringeventplanung div#site { background-image: url(../img/bg-cateringeventplanung.gif); background-position: 635px 288px; } */
body#infrastrukturvermietung div#site { background-image: url(../img/bg-infrastrukturvermietung.gif); background-position: 577px 225px; }

body#index div.background1 { background-image: url(../img/bg-index-rosmarin.gif); background-position: 347px 0; }
body#index div.background2 { background-image: url(../img/bg-index-salbei.gif); background-position: 128px 0; }
body#index div.background3 { background-image: url(../img/bg-index-loewenzahn.gif); background-position: 616px 0; }
body#index div.background4 { background-image: url(../img/bg-index-kerbel.gif); background-position: 406px 0; }
body#index div.background5 { background-image: url(../img/bg-index-basilikum.gif); background-position: 409px 0; }
body#index div.background6 { background-image: url(../img/bg-index-schnittlauch.gif); background-position: 574px 36px; }




/* !HEADER */
h1 {
	position: absolute;
	right: 0;

	background: url(../img/meier-und-wirz-logo.gif) 0 0 no-repeat;
	text-indent: -9000px;
}

h1 a {
	display: block;
	width: 228px;
	height: 70px;
}

h1.forprint {
	display: none;
	visibility: hidden;
}

body#index h1 {
	position: absolute;
	left: 0;
	top: 135px;

	background: url(../img/meier-und-wirz-logo-gross.png) 0 0 no-repeat;
	text-indent: -9000px;
}

body#index h1 a {
	display: block;
	width: 528px;
	height: 160px;
}

body#index div#site {
	position: relative;
	left: 45px;
	top: 0;

	width: 915px;
	height: 719px;

	margin-right: 5px;
}




/* !CONTENT */
div#content {
	margin-top: 69px;
	padding-bottom: 45px;
}

div#content p,
div#content ul,
div#content div#secondcolumn {
	width: 420px;
	margin-bottom: 15px;
}

div#content div#secondcolumn {
	position: absolute;
	top: 224px;
	left: 445px;
}

body#meierwirz div#content div#secondcolumn { top: 226px; height: 470px; padding-bottom: 45px; }
body#impressionen div#content div#secondcolumn { top: 226px; }

body#infrastrukturvermietung div#content { padding-bottom: 300px; }

strong { font-weight: normal; padding: 0 1px; margin: 0 -1px; color: #000; }
body#cateringeventplanung strong { background-color: #60ae24; }
body#impressionen strong { background-color: #bccb00; }
body#meierwirz strong { background-color: #c8e0d2; }
body#infrastrukturvermietung strong { background-color: #89a425; }
body#kontakt strong { background-color: #2d9648; }

#aktien {
	position: absolute;
	top: 120px;
	right: 5px;
	display: block;
	width: 346px;
	height: 345px;
	background: url(../img/bg-aktien.gif) 0 0 no-repeat;
	text-indent: -999em;
	cursor: pointer;
}

#aktienopen {
	position: absolute;
	top: 154px;
	right: 5px;
	display: block;
	width: 221px;
	height: 275px;
	padding: 70px 0 0 125px;
	background: url(../img/bg-aktien-open.gif) right 0px no-repeat;
	cursor: pointer;
	color: #47a201;
}

#aktienopen h3,
#aktienopen p { margin-bottom: 15px; }



/* !GALLERIA */
.galleria {
	/* list-style: none; */
	/* width: 200px; */
}

body#impressionen .galleria { width: 330px; }

.galleria li {
	display: block;
/* width: 80px; */
/* height: 80px; */
	overflow: hidden;
	float: left;
	margin: 0 16px 32px 0;
}

.galleria li a {
	display: none;
}

.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px;
}

.galleria li div img {
	cursor: pointer;
}

.galleria li.active div img,
.galleria li.active div {
	display: block;
}

body#impressionen .galleria li { background-color: #bccb00; /* display: block; */ }
body#meierwirz .galleria li { background-color: #c8e0d2; /* display: block; */ }

.galleria li.active img.selected { display: none; visibility: hidden; }

.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto;
}

div#main_image {
	margin-bottom: 32px;
	height: 332px;
}

div#main_image.galleria_container span.caption {
	display: none;
	visibility: collapse;
}

* html .galleria li div span { width: 400px; } /* MSIE bug */




/* !KONTAKTFORMULAR */
p#kontaktformular {
	width: 420px;
	height: 400px;
background-color: lime;
}





/* !SEVERAL CLASSES */
.hidden { display: none; visibility: hidden; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */