/**
 * Basic layout
 * @project Webgo24
 * @version 1.0
 * @author Peter Kröner
 * @copyright 2009
 */


/**
 * Basic structure
 * @section layout
 */
.wrapper { width:976px; margin: auto auto -19px; }
#header { position:relative; }
	#header #quicklinks { position:absolute; top:0; left:0; right:0; }
		#header #quicklinks li { display:inline; }
#main { width:736px; }
	.intern #main { float:right; }
#side { float:right; width:224px; padding-left:16px; }
	.intern #side { float:left; padding-left:0; }
#content { text-align:left; }
.rowwrapper { clear:both; }
#footer { float:left; width:720px; }
	.intern #footer { float:right; }


/**
 * Box classes
 * @section boxes
 */
.full { width:960px; }
.huge { width:720px; }
.wide { width:640px; }
.half { width:480px; }
.medium { width:360px; }
.medium-imp{ width:687px; }
.small { width:320px; }
.mini { width:240px; }
.micro { width:192px; }
.microangaben {width: 256px; }
.nano { width:160px; }
.piko { width:120px; }
.pikoplus { width:88px; }
.femto { width:80px; }
.atto { width:40px; }
.full, .huge, .wide, .half, .medium, .small, .mini, .micro, .nano, .piko, .femto, .atto { float:left; }


/**
 * Navigation
 * @subsection navigation
 */
#nav { float:left; position:relative; }
	#nav li { display:inline; }
	#nav ul { position:absolute; top:1em; left:0; width:200%; }


/**
 * Footer
 * @subsection footer
 */
#footer { width:736px; margin:12px 0; }
	#footer ul {  }
		#footer ul li { display:inline; }


/**
 * Layout classes
 * @subsection layout-classes
 */
.clearfix:after { content:"."; display:block; width:100%; clear:both; height:0; visibility:hidden; }
.clear { display:block; clear:both; }
.cl { display:block; clear:left; }
.cr { display:block; clear:right; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.fc { float:none; margin:0 auto; }
.fl-margin { float:left; margin:0 36px 0 12px; }
.fr-margin { float:right; margin:0 12px 0 36px; }
.fv-margin { float:right; margin: 0 12px 0 50px !important;}