/* Styles for artigniter */



/* BROWSER RESET
----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
fieldset,img { border:0; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 {
  font-size:1em;
  font-weight:normal;
}
a, a:link, a:active, a:visited, a:hover {
  color:#423d3d;
  text-decoration:none;
  font-style:normal; font-weight:normal;
}
a:hover {
	text-decoration:none; color:#000;
 }
a img { border:none; }




/* -------------------------------------------------------------------------+
|
|                MAIN STRUCTURE
|
+--------------------------------------------------------------------------*/


html, body {
  font:normal 13px/18px Trebuchet, sans-serif;
  color:#585a5c;
  background:url(../images/bg_site.gif);
  height:100%; margin:0; padding:0;
}

#balance {
	width:1px; height:50%;
	margin-bottom:-300px; /* Hälfte der Containerhöhe */
	float:left;
}

#container {
	width:1068px; height:600px;
	margin:0 auto;
	padding:11px 11px 12px 10px;
	background:url(../images/shadow-frame.gif) no-repeat;
	visibility: visible;
	clear:left;
}


#top {
	width:963px; height:81px;
	background:url(../images/bg_top.gif) repeat-x;
	padding:2px 60px 0 45px;
}
#centre {
	width:1068px; height:434px;
	background:url(../images/bg_centre.jpg) repeat-x;
}
#bottom {
	width:1008px; height:52px;
	background:url(../images/bg_bottom.gif) repeat-x;
	padding:31px 60px 0 0;
}



/* -------------------------------------------------------------------------+
|
|                TYPO
|
+--------------------------------------------------------------------------*/

h2, h3 {
	font-size:16px; font-weight:bold;
	color:#80a312;
	margin:15px 0 15px 0;
}
h2.italic { font-size:15px; font-style:italic; letter-spacing:0.1em; color:#585a5c; }


#centre ul { width:280px; padding:0 0 25px 0; }
#centre ul li {
	margin:0 0 10px 15px;
	text-indent:-11px;
}
#centre ul li:before { content:'» '; }




#bottom ul{ float:right; }
#bottom ul li { float:left; }
#bottom ul li a {
	display:block; float:left;
	height:52px;
	margin-left:20px;
}

#bottom ul li a.work, #bottom ul li a.work:visited, #bottom ul li a.work:focus {
	width:46px;	background:url(../images/menu-work.gif) 0 top;
}
#bottom ul li a.work:hover, #bottom ul li a.work-active {
	width:46px;	background:url(../images/menu-work.gif) 46px top;
}


#bottom ul li a.about, #bottom ul li a.about:visited, #bottom ul li a.about:focus {
	width:50px;	background:url(../images/menu-about.gif) 0 top;
}
#bottom ul li a.about:hover, #bottom ul li a.about-active {
	width:50px;	background:url(../images/menu-about.gif) 50px top;
}


#bottom ul li a.current, #bottom ul li a.current:visited, #bottom ul li a.current:focus {
	width:65px;	background:url(../images/menu-current.gif) 0 top;
}
#bottom ul li a.current:hover, #bottom ul li a.current-active {
	width:65px;	background:url(../images/menu-current.gif) 65px top;
}


#bottom ul li a.contact, #bottom ul li a.contact:visited, #bottom ul li a.contact:focus {
	width:67px;	background:url(../images/menu-contact.gif) 0 top;
}
#bottom ul li a.contact:hover, #bottom ul li a.contact-active {
	width:67px;	background:url(../images/menu-contact.gif) 67px top;
}


div.text {
	width:420px; float:left;
	padding:75px 10px 0 77px;
}
div.text p, div.right p { padding:0 0 7px 0; }
div.text em { font-size:11px; font-style:italic; }


/* -------------------------------------------------------------------------+
|
|                IMAGES
|
+--------------------------------------------------------------------------*/

img.logo { margin:0; }

div.claim {
	float:right;
	padding-top:43px;
}



/* -------------------------------------------------------------------------+
|
|                PAGES
|
+--------------------------------------------------------------------------*/

div.start {
	width:700px; height:393px;
	padding:41px 0 0 368px;
	background:url(../images/bg_start.jpg) no-repeat;
}

div.about {
	width:1068px; height:434px;
	background:url(../images/cp-about.png) 345px 50px no-repeat;
}




/* --- work */

div.work {
	width:968px; height:384px;
	padding:50px 50px 0 50px;
}
div.work div.left {
	width:345px; height:140px; margin:210px 0 0 0;
	float:left;
}
div.work div.right {
	width:350px;
	float:left;
	padding:0 10px 0 0;
}
div.work div.right img {
	float:right;
}

div.work div.left a.choose1 {
	display:block; width:120px; height:140px;
	float:left; position:relative;
	background:url(../images/choose-work1.png) top no-repeat;
	z-index:1;
	
}
div.work div.left a:hover.choose1 {
	background:url(../images/choose-work1.png) bottom no-repeat;
	z-index:5;
	
}
div.work div.left a.choose2 {
	display:block; width:120px; height:140px;
	margin-left:-40px; float:left; position:relative;
	background:url(../images/choose-work22.png) top no-repeat;
	z-index:2;
}
div.work div.left a:hover.choose2 {
	background:url(../images/choose-work22.png) bottom no-repeat;
	z-index:5;
}
div.work div.left a.choose3 {
	display:block; width:120px; height:140px;
	margin-left:-40px; float:left; position:relative;
	background:url(../images/choose-work3.png) top no-repeat;
	z-index:1;
}
div.work div.left a:hover.choose3 {
	background:url(../images/choose-work3.png) bottom no-repeat;
	z-index:5;
}

div.work div.left a.active { z-index:3; background-position:bottom; }





/* --- current */

div.current {
	width:968px; height:384px;
	padding:50px 50px 0 50px;
}
div.current div.left {
	width:345px; height:140px; margin:210px 0 0 0;
	float:left;
}
div.current div.right {
	width:350px;
	float:left;
	padding:0 10px 0 0;
}
div.current div.right img {
	float:right;
}

div.current div.left a.choose1 {
	display:block; width:120px; height:140px;
	float:left; position:relative;
	background:url(../images/choose-current1.png) top no-repeat;
	z-index:1;
	
}
div.current div.left a:hover.choose1 {
	background:url(../images/choose-current1.png) bottom no-repeat;
	z-index:5;
	
}
div.current div.left a.choose2 {
	display:block; width:120px; height:140px;
	margin-left:-40px; float:left; position:relative;
	background:url(../images/choose-current2.png) top no-repeat;
	z-index:2;
}
div.current div.left a:hover.choose2 {
	background:url(../images/choose-current2.png) bottom no-repeat;
	z-index:5;
}
div.current div.left a.choose3 {
	display:block; width:120px; height:140px;
	margin-left:-40px; float:left; position:relative;
	background:url(../images/choose-current3.png) top no-repeat;
	z-index:1;
}
div.current div.left a:hover.choose3 {
	background:url(../images/choose-current3.png) bottom no-repeat;
	z-index:5;
}



div.current div.left a.active { z-index:3; background-position:bottom; }









div.mwork a {
	width:286px; height:322px; float:left;
	background:url(../images/menu-work.png) 0 0 no-repeat;
	margin:45px 0 0 0;
	position:relative; z-index:3;
}
div.mwork a:hover {
	background:url(../images/menu-work.png) 0px -322px no-repeat;
}

div.mabout a {
	width:237px; height:284px; float:left;
	background:url(../images/menu-about.png) 0 0 no-repeat;
	margin:0 -75px 0 -75px;
	position:relative; z-index:2;
}
div.mabout a:hover {
	background:url(../images/menu-about.png) 0px -284px no-repeat;
	z-index:3;
}

div.mcurrent a {
	width:271px; height:312px; float:left;
	background:url(../images/menu-current.png) 0 0 no-repeat;
	margin:20px 0 0 0;
	position:relative; z-index:1;
}
div.mcurrent a:hover {
	background:url(../images/menu-current.png) 0 -312px no-repeat;
	z-index:3;
}

/*div.mwork a, div.mabout a, div.mcurrent a {
	display:block;
}*/