a:link   	{ color: #60ac46; text-decoration: none }
a:visited   {
	color: #60ac46;
	text-decoration: none
}
a:active   	{ color: #545757; text-decoration: underline;}
a:hover    	{ color: #545757; text-decoration: none;
}

a.wiki:link		{ color: #545757; text-decoration: none }
a.wiki:visited	{ color: #545757; text-decoration: none }
a.wiki:active	{ color: #545757; text-decoration: none }
a.wiki:hover	{ color: #545757; text-decoration: none }



div			{ color: #545757; font-size: 10px; line-height: 16px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }

.copyminibold { color: #545757; font-size: 10px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.copymini 	{ color: #545757; font-size: 9px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; }
.copyweiss 	{ color: #FFFFFF; font-size: 10px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; }
.copyminiweiss 	{ color: #FFFFFF; font-size: 8px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; }
.copyminigruen { color: #60ac46; font-size: 10px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; }
.copyminiboldgruen { color: #60ac46; font-size: 10px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

p 		{
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 8px;
}
h1 		{
	color: #60ac46;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding-bottom: 5px;
}

h2 {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}



body {
	background-image: url(../navi/HG.gif);
	background-repeat: repeat-x;
}

#logoPOS {
	position:absolute;
	left:60px;
	top:0px;
	z-index:1;
}
/*Fliesstext Rahmen*/
#copy {
	position:absolute;
	left:253px;
	top:200px;
	z-index:1;
	width:600px;
	height:auto;
	float:left;
}

#foot {
	position:absolute;
	left:253px;
	top:690px;
	z-index:10;
}

#foot-zwei {
	position:absolute;
	left:253px;
	margin-top:1090px;
	z-index:10;
}


#Navi {
	position:absolute;
	left:550px;
	top:0px;
	width:240px;
	height:90px;
	z-index:2;
}

/*Info Rahmen*/
#navINFO {
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
	height: 74px;
	width: 33px;
	display: block;
	background: url("../navi/nav_info.gif") 0px -74px no-repeat;
}
#navINFO a {
	height: 74px;
	width: 33px;
	display: block;
	background: url("../navi/nav_info.gif") 0px 0px no-repeat;
		}
#navINFO a:hover {
		background-position: 0px -74px;
		}

/*Portfolio Rahmen*/
#navPORTFOLIO {
	position:absolute;
	left:53px;
	top:0px;
	z-index:3;
	height: 74px;
	width: 60px;
	display: block;
	background: url("../navi/nav_portfolio.gif") 0px -74px no-repeat;
}
#navPORTFOLIO a {
	height: 74px;
	width: 60px;
	display: block;
	background: url("../navi/nav_portfolio.gif") 0px 0px no-repeat;
		}

#navPORTFOLIO a:hover {
		background-position: 0px -74px;
		}

/*Kontakt Rahmen	*/
#navKONTAKT {
	position:absolute;
	left:133px;
	top:0px;
	z-index:3;
	height: 74px;
	width: 53px;
	display: block;
	background: url("../navi/nav_kontakt.gif") 0px -74px no-repeat;
}
#navKONTAKT a {
	height: 74px;
	width: 53px;
	display: block;
	background: url("../navi/nav_kontakt.gif") 0px 0px no-repeat;
		}

#navKONTAKT a:hover {
		background-position: 0px -74px;
		}
/*SubHead Rahmen	*/
#SubHead {
	position:absolute;
	left:135px;
	top:140px;
	width:225px;
	height:70px;
	z-index:1;
}


/*Schmuck Rahmen	*/
#SchmuckLinks {
	position:absolute;
	left:0px;
	top:70px;
	z-index:0;
}

/*PortfolioInhalt Rahmen	*/
#portInhalt {
	position:absolute;
	left:122px;
	top:111px;
	width:790px;
	height:555px;
	z-index:2;
}

/*PortfolioText Rahmen	*/
#portText {
	position:absolute;
	left:130px;
	top:580px;
	width:500px;
	height:100px;
	z-index:3;
}



/*VOR Rahmen*/
#vor {
	position:absolute;
	left:905px;
	top:96px;
	z-index:3;
	height: 24px;
	width: 25px;
	display: block;
	background: url("../img/pfeil_next.jpg") 0px -24px no-repeat;
}
#vor a {
	height: 24px;
	width: 25px;
	display: block;
	background: url("../img/pfeil_next.jpg") 0px 0px no-repeat;
		}
#vor a:hover {
		background-position: 0px -24px;
		}

/*BACK Rahmen*/
#back {
	position:absolute;
	left:106px;
	top:96px;
	z-index:3;
	height: 24px;
	width: 25px;
	display: block;
	background: url("../img/pfeil_back.jpg") 0px -24px no-repeat;
}
#back a {
	height: 24px;
	width: 25px;
	display: block;
	background: url("../img/pfeil_back.jpg") 0px 0px no-repeat;
		}
#back a:hover {
		background-position: 0px -24px;
		}


/*Styles für grafik-design*/

#grafik-design {
	position:absolute;
	left:65px;
	top: 90px;
	width:800px;
	font-family:"Droid Sans", sans-serif, Arial, Verdana;
	font-size:12px;
	line-height:16px;
}

#grafik-design h2 {
	font-size:16px;
	margin: 25px 0 10px 0;
	color:#999;
	font-weight:normal;
	letter-spacing:1px;
	}

#grafik-design .copy {}

#grafik-design .bildersub {
	font-style:italic;
	color:#CCCCCC;
	font-size:11px;	
}

#grafik-design .bild {
	margin: 10px 0 15px 0;
	border:thin solid #000;
	}
	
#grafik-design .foot {
	text-align:center;
}



#teaser  {
	background-color:#FFFFFF;
	height:250px;
	width:350px;
	float: right;
	margin-top: 62px;
	margin-right: 20px;
	visibility: visible;
	-webkit-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
} 

#teaser:hover {
	visibility: hidden;
}


/*Styles für GA Box*/
/* jquery.cookiebar */

#cookie-bar {background:#818181; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:10px 6px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:12px;}
#cookie-bar .cb-enable {background:#60ac46;}
#cookie-bar .cb-enable:hover {background:#686b69;}
#cookie-bar .cb-disable {background:#424542;}
#cookie-bar .cb-disable:hover {background:#686b69;}
#cookie-bar a:link.cb-policy, #cookie-bar a:visited.cb-policy {background:none; color:#000; }
#cookie-bar .cb-policy:hover {background:none;}