/* allgemeine Formatierung */
html[xmlns^="http"] {
	/* verhindert Mozilla-Zucken
	 * > Firefox 1.5
	*/
	overflow-y: scroll;
}
body {
	behavior: url(http://www.blaudesign.de/templates/css/hover.htc); 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999; 
	background-image: url(../../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #efece2;
	margin:0px;
	padding:0px;
}


/* container */
#main {
	width:480px;
	margin: 0px auto;
	background-color: #ffffff;
}
#logo {
	width: 190px;
	height: 62px;
	margin-top: 20px;
	margin-left: 290px;
}
#navi {
	width: 480px;
	height: 78px;
}
#naviLeft {
	width: 270px;
	height: 78px;
	text-align:right;
	float:left;
}
#naviRight {
	width: 190px;
	height: 78px;
	text-align:left;
	margin-left: 20px;
	float: left;
}
#galery {
	width: 460px;
	height: 285px;
	margin-left: 10px;
}
#galeryImg {
	position: absolute;
	width: 460px;
	height: 285px;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 1;
}
#galeryNavi {
	position:absolute;
	width: 230px;
	height: 23px;
	margin-left: 230px;
	margin-top: 262px;
	background-color: #ffffff;
	z-index: 2;
}
#galeryNaviHome {
	width: 50px;
	height: 15px;
	margin-top:8px;
	text-align:center;
	float: left;
}
#galeryNaviReferenzen {
	width: 61px;
	height: 10px;
	margin-top: 7px;
	float: left;
}
#galeryNaviBack {
	width: 5px;
	height: 9px;
	margin-top: 7px;
	margin-left: 20px;
	float:left;
}
#galeryNaviForward {
	width: 5px;
	height: 9px;
	margin-top: 7px;
	margin-left: 20px;
	float:left;
}
#news {
	width: 400px;
	height: 170px;
	margin: 50px 40px 0 40px;
}
#newsLeft {
	width: 70px;
	height: 170px;
	text-transform: uppercase;
	float: left;
}
#newsRight {
	width: 330px;
	height: 170px;
	float:left;
}
#footer {
	width: 480px;
	text-align:center;
}

/* navi-Elemente */
#navi1 {
	height:10px;
	width: 190px;
	background-image: url(../../images/corporate_01.jpg);
	background-position:left;
	background-repeat: no-repeat;
}
#navi1:hover {
	height:10px;
	width: 190px;
	background-image: url(../../images/corporate_02.jpg);
	background-position:left;
	background-repeat: no-repeat;
}
#navi2 {
	height:10px;
	width: 190px;
	background-image: url(../../images/print_01.jpg);
	background-position:left;
	background-repeat: no-repeat;
	margin-top: 7px;
}
#navi2:hover {
	height:10px;
	width: 190px;
	background-image: url(../../images/print_02.jpg);
	background-position:left;
	background-repeat: no-repeat;
	margin-top: 7px;
}
#navi3 {
	height:10px;
	width: 190px;
	background-image: url(../../images/webdesign_01.jpg);
	background-position:left;
	background-repeat: no-repeat;
	margin-top: 7px;
}
#navi3:hover {
	height:10px;
	width: 190px;
	background-image: url(../../images/webdesign_02.jpg);
	background-position:left;
	background-repeat: no-repeat;
	margin-top: 7px;
}
#navi4 {
	height:10px;
	width: 190px;
	background-image: url(../../images/foto_01.jpg);
	background-position:left;
	background-repeat: no-repeat;
	margin-top: 7px;
}
#navi4:hover {
	height:10px;
	width: 190px;
	background-image: url(../../images/foto_02.jpg);
	background-position:left;
	background-repeat: no-repeat;
	margin-top: 7px;
}
#navi1 #naviText1 {
	position: absolute;
	margin-left: -290px;
	margin-top: 10px;
	width: 270px;
	height: 10px;
	color: #5cc5ed;
	visibility:hidden; 
	text-align:right;
	line-height: 13.5px;
}
#navi1:hover #naviText1 {
	position: absolute;
	visibility:visible; 
}
#navi2 #naviText2 {
	position: absolute;
	margin-left: -290px;
	margin-top: -7px;
	width: 270px;
	height: 10px;
	color: #5cc5ed;
	visibility:hidden; 
	text-align:right;
	line-height: 13.5px;
}
#navi2:hover #naviText2 {
	position: absolute;
	visibility:visible; 
}
#navi3 #naviText3 {
	position: absolute;
	margin-left: -290px;
	margin-top: -24px;
	width: 270px;
	height: 10px;
	color: #5cc5ed;
	visibility:hidden; 
	text-align:right;
	line-height: 13.5px;
}
#navi3:hover #naviText3 {
	position: absolute;
	visibility:visible; 
}
#navi4 #naviText4 {
	position: absolute;
	margin-left: -290px;
	margin-top: -41px;
	width: 270px;
	height: 10px;
	color: #5cc5ed;
	visibility:hidden; 
	text-align:right;
	line-height: 13.5px;
}
#navi4:hover #naviText4 {
	position: absolute;
	visibility:visible; 
}

/* navigation */
a:link, a:visited, a:active {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #5cc5ed;
	text-decoration: none;
}