/*
	 CSS-Tricks
	 by Chris Coyier
	 http://css-tricks.com
*/
@import url('reset.css');

* { 
    margin: 0; 
    padding: 0;
    font:9px;
}

html, body, #bg, #bg table, #bg td, #cont {
	height:100%;
	width:100%;
	overflow:hidden;
	font: 16px/2.8 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:link { font-weight:bold; color:#ff6600; text-decoration:none; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:visited { font-weight:bold; color:#ff6600; text-decoration:none; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:focus { font-weight:bold; color:#ff6600; text-decoration:none; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:hover { font-weight:bold; color:silver; text-decoration:none; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }
a:active { font-weight:bold; color:silver; text-decoration:none; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; }

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
	font: 14px/2.8 "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#boxBlind {
	position:absolute;
	margin: 0 auto;
	width: 360px;
	top:20%;
	left:10px;
	padding:30px;
	background-image:url(../images/backgroundTransp.png);
	/*background: white;*/
	padding-bottom:100px;
	font: 12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	z-index: -20;
	/*opacity:0.6;
	filter:alpha(opacity=60); */
}
.box {
	position:absolute;
	margin: 0 auto;
	width: 360px;
	top:15%;
	right:100px;
	padding: 30px;
	background: white;
	padding-bottom:30px;
	font: 14px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.boxleft {
	position:absolute;
	margin: 0 auto;
	width: 330px;
	top:15%;
	left:100px;
	padding: 30px;
	background: white;
	padding-bottom:30px;
	font: 14px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.boxBlog {
	position:absolute;
	margin: 0 auto;
	width: 360px;
	top:15%;
	right:100px;
	padding:30px;
	background-image:url(../images/backgroundTransp.png);
	/*background: white;*/
	padding-bottom:100px;
	font: 12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	/*opacity:0.6;
	filter:alpha(opacity=60); */
}
.boxBlog p{
	margin-bottom:10px;
}
.boxBlogTitel{
	font: 13px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bolder;
	margin-top:20px;
	margin-bottom:15px;
}
.boxBlogRemark{
	font: 15px/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3d3d3d;
    font-style:italic;
	font-weight:bolder;
	margin-top:20px;
	margin-bottom:15px;
}

.boxBlog div{
	/*width: 360px;*/
	/*background: white;
	opacity:1;
	filter:alpha(opacity=100);
	z-index:100:*/
}
.boxBlog img{
	margin-bottom:10px;
	width:360px;
	max-width:360px;
	border:none;
}
.boxBlind {
	position:absolute;
	margin: 0 auto;
	width: 360px;
	top:20%;
	left:20px;
	padding:30px;
	background-image:url(../images/backgroundTransp.png);
	/*background: white;*/
	padding-bottom:100px;
	font: 12px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:justify;
	z-index: -20;
	/*opacity:0.6;
	filter:alpha(opacity=60); */
}

/*Navi Anfang*/

#menu{position:absolute;bottom:15px;left:202px;z-index:80;width:100%;line-height:10px}
#menu div{height:62px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:3px 0 1px 10px}
/* Wenn logo-bildgroeße 66px, dann margin-bottom: -66px(h1) & height:62px(menu div) & padding:3px 0 1px 10px(menu div)  */
h1{position:relative;left:-204px;margin-bottom:-66px;width:170px;opacity:0.99}
/*h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block}*/
/*h1 a:hover{background:#333 0 43px repeat-x}*/
h1 img{
	border:none;
}
ul{float:left;width:160px}
ul.naviduo{float:left;width:220px}
ul.navitre{float:left;width:220px}
ul.naviquadro{float:left;width:220px}
ul.navicinq{float:left;width:220px}


li a{height:14px;padding:0 5px;font-weight:bold;color:#999;display:block}
li a:hover,li.cur a{color:silver}


/*Navi Ende*/
/*Facebook 'gefällt mir' ANFANG*/
/*iframe {position:absolute;left:400px;bottom:10px;width:80px;}*/

/*Google +1 Button* ANFANG*/
#socialPlusOne{
			margin:0px;
			padding: 0px;
			height:22px;
			width:70px;
			bottom:3%;
			right:170px;
			position:absolute;
			z-index: 90;
			/**opacity: 0.5;
			/*-moz-opacity: 0.5;
			/*filter: alpha(opacity=5);*/
}
/*Google +1 Button* ENDE*/
 /*Twitter Button* ANFANG*/
#socialTw{
			margin:0px;
			padding: 0px;
			height:22px;
			width:70px;
			bottom:3%;
			right:97px;
			position:absolute;
			z-index: 90;
			/**opacity: 0.5;
			/*-moz-opacity: 0.5;
			/*filter: alpha(opacity=5);*/
}
/*Twitter Button* ENDE*/


#socialLike{
			margin:0px;
			padding: 0px;
			height:22px;
			width:70px;
			bottom:3%;
			right:25px;
			position:absolute;
			z-index: 90;
			/**opacity: 0.5;
			/*-moz-opacity: 0.5;
			/*filter: alpha(opacity=5);*/
}
/*Facebook 'gefällt mir' ENDE*/



/*Addthis Button* ANFANG*/
#socialAdd{
			margin:0px;
			padding: 0px;
			height:22px;
			width: 155px;
			bottom:3%;
			right:10px;
			position:absolute;
			z-index: 90;
			/**opacity: 0.5;
			/*-moz-opacity: 0.5;
			/*filter: alpha(opacity=5);*/
}
/*Addthis Button* ENDE*/

#miscellaneousBottom{
			margin:0px;
			padding: 0px;
			height:22px;
			width:580px;
			bottom:4%;
			right:200px;
			position:absolute;
			z-index: 90;
			/**opacity: 0.5;
			/*-moz-opacity: 0.5;
			/*filter: alpha(opacity=5);*/
}
#galerieBackLink{
			margin: 0 0 0 10px;
			padding: 0px;
			/*height:30px;
			width:50px;
			bottom:400px;
			left:10px;
			position:absolute;*/
			z-index: 300;
			background-color:#000;
}