/**
* CSS FILE FOR AUSKAS
* LAYOUT: browser reset, layout, general layout-classes
*/

/**
* AUTHOR & COPYRIGHT INFORMATIONS
*
* @author		Joe Ginciauskas
* @copyright	Joe Ginciauskas
* @date			2011-07-20
*/

/**
* VERSIONS
*
* @version		3.0
* @lastmodified	2011-10-31
* @todo			check HTML-bhaviour for margins
*/

/**
*
* @section browser reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, big {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
}

/* workaround for Gecko */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}

:focus {outline:0;}

body {line-height:1; width:100%; font-size:62.5%;}

/**
*
* @LAYOUT
*/

#page-area {margin:0 auto; width:960px;}

#container {margin:50px 0 0 0; width:960px; height:auto;}

/**
* CLASSES 
*/

.left {float:left;}

.right {float:right;}

.clearboth {clear:both;}


/*
* HEADER 
*/

#page-header  {position:relative; margin-top:50px; width:960px;}

.header-image {position:relative; margin:0; width:960px; height:100px;}

/*
* NAVIGATION
*/

#main-navigation {position:relative; margin-top:-36px; width:960px; height:30px;}

/*
* CONTENT AREA 
*/

/* basic window */

/* root element for scrollable items */

#stage {margin-top:10px; width:960px; overflow:hidden; position:relative; height:400px;}

#stage .cover {width:3840px; /*------- width of 4 content stages (960 * 4 = 3840)---------- */ position:absolute; height:400px;}

#stage .content-container {width:960px; float:left;}

.headline {padding:10px 10px 10px 20px; margin-bottom:10px;}

/* webseiten, netzwerk, kontakt */

.left-col {float:left; width:480px; height:400px;}

.right-col {float:right; width:480px; height:400px;}

.icons {text-align:right; margin:15px 0 0 63px;}

/* portfolio */

.main-col {float:left; width:960px; height:400px;}

/* kontakt */

.number {text-align:center;}

/* impressum */

.imprint {float:left; margin-top: 10px; width:960px; height:455px;}

/*
* FOOTER 
*/

footer {position:relative; margin-top:55px; width:960px; height:30px; line-height:30px;}