/*
	CSS-Framework
	------------------------------
	http://www.wohnenleben.de
	
	Copyright (c) 2011 Wohnen & Leben
	
	@author:	Michael Fleischmann
	@version	v0.1
	@date: 		01-01-2011
	@modified:	01-13-2011
	@package:	css/framework
	
	
	GRID SYSTEM
	------------------------------
	based on 960gs Gridsystem
	License: Licensed under GPL and MIT
	
	Columns: 12
	Column width: 60px
	Gutter width: 20px
	Full width: 960px
	Content width: 940px
	
	
	CSS RESET
	------------------------------
	based on YUI 2 Reset
	License: http://developer.yahoo.com/yui/license.html
	Version: 2.8.1
	
	
	FRAMEWORK
	------------------------------
	based on BlueprintCSS Framework
	License: http://wiki.github.com/joshuaclayton/blueprint-css/license
	Version: 0.8
	
*/

/*	GRID GLOBAL
	------------------------ */
.c_12 {margin-left: auto; margin-right: auto; width: 960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {display:inline;float: left;position: relative;margin-left: 10px;margin-right: 10px;}

/*	GRID FIRST AND LAST COLUMN
	------------------------ */
.first {margin-left: 0;}
.last {margin-right: 0;}

/*	GRID COLUMNS
	------------------------ */
.c_12 .grid_1{width:60px}
.c_12 .grid_2{width:140px}
.c_12 .grid_3{width:220px}
.c_12 .grid_4{width:300px}
.c_12 .grid_5{width:380px}
.c_12 .grid_6{width:460px}
.c_12 .grid_7{width:540px}
.c_12 .grid_8{width:620px}
.c_12 .grid_9{width:700px}
.c_12 .grid_10{width:780px}
.c_12 .grid_11{width:860px}
.c_12 .grid_12{width:940px}

/*	PREFIX EXTRA SPACE
	------------------------ */
.c_12 .prefix_1{padding-left:80px}
.c_12 .prefix_2{padding-left:160px}
.c_12 .prefix_3{padding-left:240px}
.c_12 .prefix_4{padding-left:320px}
.c_12 .prefix_5{padding-left:400px}
.c_12 .prefix_6{padding-left:480px}
.c_12 .prefix_7{padding-left:560px}
.c_12 .prefix_8{padding-left:640px}
.c_12 .prefix_9{padding-left:720px}
.c_12 .prefix_10{padding-left:800px}
.c_12 .prefix_11{padding-left:880px}

.c_12 .suffix_1{padding-right:80px}
.c_12 .suffix_2{padding-right:160px}
.c_12 .suffix_3{padding-right:240px}
.c_12 .suffix_4{padding-right:320px}
.c_12 .suffix_5{padding-right:400px}
.c_12 .suffix_6{padding-right:480px}
.c_12 .suffix_7{padding-right:560px}
.c_12 .suffix_8{padding-right:640px}
.c_12 .suffix_9{padding-right:720px}
.c_12 .suffix_10{padding-right:800px}
.c_12 .suffix_11{padding-right:880px}


/*	PUSH SPACE
	------------------------ */
.c_12 .push_1{left:80px}
.c_12 .push_2{left:160px}
.c_12 .push_3{left:240px}
.c_12 .push_4{left:320px}
.c_12 .push_5{left:400px}
.c_12 .push_6{left:480px}
.c_12 .push_7{left:560px}
.c_12 .push_8{left:640px}
.c_12 .push_9{left:720px}
.c_12 .push_10{left:800px}
.c_12 .push_11{left:880px}

/*	PULL SPACE
	------------------------ */
.c_12 .pull_1{left:-80px}
.c_12 .pull_2{left:-160px}
.c_12 .pull_3{left:-240px}
.c_12 .pull_4{left:-320px}
.c_12 .pull_5{left:-400px}
.c_12 .pull_6{left:-480px}
.c_12 .pull_7{left:-560px}
.c_12 .pull_8{left:-640px}
.c_12 .pull_9{left:-720px}
.c_12 .pull_10{left:-800px}
.c_12 .pull_11{left:-880px}

/*	CLEAR FLOATED ELEMENTS
	------------------------ */
.clear{clear:both;display:block;width:0;height:1px;float:none;font-size:0;line-height:0;padding:0 !important;margin: 0 !important;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
hr.space {background:#fff;color:#fff;}

/*	GENERAL & TYPOGRAPHY
	------------------------ */
/* html{font: 11px/1.3em "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;color: #333;} */
html {color: #fff; font-family: "Trebuchet MS",Tahoma,Arial,Sans-serif; /*letter-spacing: -0.05em;*/}
p {margin:0 0 10px;}
/*img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
img.right {float:right;margin:1.5em 0 1.5em 1.5em;}*/
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;}

.smallsize {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.alt {color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic;font-weight: normal;}
.hide {display: none; visibility: hidden; height: 0px; width: 0px;}
.none {padding: 0; margin: 0; clear:both}
.uppercase {text-transform: uppercase}
.lowercase {text-transform: lowercase}
.hidden {text-indent: -9999em; display: none;}
.bold {font-weight:bold;}
.italic {font-style: italic;}
.left {float: left;}
.center {text-align: center;}
.right {float: right;}
.textright {text-align:right}
.textleft {text-align:left}
.displaynone {display:none;}

/*	HORIZONTAL LINES
	------------------------ */
hr {background:#858782;color:#000;clear:both;float:none;width:100%;height:2px; margin-top: 30px; margin-bottom: 30px;border:none;/*position:static;*/}
.space, .doublespace {background:transparent;border:0 none;height:10px;clear:both; float:none;}
.doublespace {height: 40px;}
hr.line {background: #dedede;width: 100%; height: 10px;visibility: visible; border: 0 none;}
hr.smallline {width: 100%; height: 1px;visibility: visible;background: #ebebeb;border: 0 none;position: static;line-height:0;font-size:0;}

/*	Box Borders
	------------------------ */
.border_dashed {
border : 1px dashed #555555;
}