/*
  ======================================================

	MAINCSS FILE FOR DISENO.AT

	Developed by IQ2.AT SEPTEMBER 2009
	Copyright by IQ2.AT SEPTEMBER 2009
		
	diseno.at is a webproject maintained and
	developed by IQ2.AT. Graphic-Design evolved by 
	sternenklar.at.
	
	Projectfacts: 
	
	Main-Release: September, 2009
    Version 1.1, August 2010
	
	Have fun!
  ======================================================
*/


/*
  ======================================================
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
  ======================================================
*/
html, body { /*Scroll fix for Opera & Firefox */
	width: 100%;
    height: 100%; 
	margin: 0;
    padding: 0;
    overflow: hidden;
}


body {
	margin: 0;
	padding: 0;
    border: 0;
	background-color: #FFF;
    font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #330033; 
	text-align: left;
	line-height: 14px;
}

#background img { position:absolute; z-index:1; width:100%; height:100%; }

#contentwrapper {
  	margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
}

/**
  ======================================================
    COMMON STYLES FOR LINKS
  ======================================================
*/ 
a { 
	outline-width: 0; 
	display: inline;
} 

a:link, a:visited, a:hover, a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;	
	color: #330033;
}

a:link, a:visited, a:hover, a:active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-decoration: underline;	
	color: #FFF;
}

/**
  ======================================================
	CONTENTAREA + GRIDS
  ======================================================
*/
#contentarea {
	width: 951px;
    height: 586px;
    background: transparent url("../img/as/bg-container.png") no-repeat top left;
 	padding: 0;
	border: 0;
	margin: 0 auto;
	float: left;
    z-index: 100;
    position: absolute;
    margin-top: -293px;
    margin-left: -475px;
    top: 50%; 
    left: 50%;
    float: left;
}

#ca1c { /** Content Area 2 Columns - small left, big right */
	width: 854px;
    height: 566px;
    background: transparent url("../img/as/bg-gutter.png") no-repeat top left;     
 	padding: 0;
	margin: 0;
	float: left;	
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 200;
}

#a3 {
    position: absolute;
    top: 4px;
    left: 4px;
}
#a2 {
    position: absolute;
    top: 188px;
    left: 4px;
}

#a1 {
    position: absolute;
    top: 372px;
    left: 4px;
}

#b3 {
    position: absolute;
    top: 4px;
    left: 188px;
}
#b2 {
    position: absolute;
    top: 188px;
    left: 188px;
}

#b1 {
    position: absolute;
    top: 372px;
    left: 188px;
}

#c3 {
    position: absolute;
    top: 4px;
    left: 372px;
}

#c2 {
    position: absolute;
    top: 188px;
    left: 372px;
}

#c1 {
    position: absolute;
    top: 372px;
    left: 372px;
}

#d3 {
    position: absolute;
    top: 4px;
    left: 556px;
}
#d2 {
    position: absolute;
    top: 188px;
    left: 556px;
}

#a1 {
    position: absolute;
    top: 372px;
    left: 556px;
}

#e3 {
    position: absolute;
    top: 4px;
    left: 740px;
}
#e2 {
    position: absolute;
    top: 188px;
    left: 740px;
}

#e1 {
    position: absolute;
    top: 372px;
    left: 740px;
}


/**
  ======================================================
	FOOTER
  ======================================================
*/	
#footer {
	width: 951px;
	height: 50;
	margin: 0;
	padding: 0;
	border: 0;
    float: left;
    position: absolute;
    top: 570px;
    left: 20px;
}

#content-footer.white, #content-footer.white a:link, #content-footer.white a:hover  {
	color: #FFF;
}

#content-footer .black, #content-footer.black a:link, #content-footer.black a:hover {
	color: #330033;
}