* -------------------------------------------------------------- 
liquid.css
* Sets up an easy-to-use grid of 24 columns that stretch
to the window width or can also be fixed width.
Liquid grid work by:
* Ben Listwon
* David Bedingfield
* Andrei Michael Herasimchuk
Involution Studios, http://www.involutionstudios.com
-----
grid.css
* Sets up an easy-to-use grid of 24 columns.
Based on work by:
* Nathan Borror [playgroundblues.com]
* Jeff Croft [jeffcroft.com]
* Christian Metts [mintchaos.com]
* Khoi Vinh [subtraction.com]
-----
By default, the grid is 80% of window width, with 24 columns.
To make the grid fixed, simply change the .container width
property to a pixel value. e.g., 960px.
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
ergibt zusammen:    liquid   grid.css
   *  24 Spalten.
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  
  RESET   * Setze alle Voreinstellungen der Browser zurück
   und default font settings. 
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input,textarea,p,blockquote,th,td
{ margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 76%;
  font-family: inherit; 
	line-height: 100%;
  vertical-align: baseline;
}
/* @group Reset */
 table{border-collapse:collapse;border-spacing:0;}
 address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#8138c2;}
a{outline:none;}
/* @end */

body { margin:2mm 0 0 0;   font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;  color: #222222;
text-align: left;margin: 0;padding: 0;font-size: 76%; /* Resets 1em to 10px */}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
select{width:140px; background:#ffffff}
select:active{background:#cceaac}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
 

/* Der container, der alles zusammenhält. */
.container #container{
min-width: 400px;
width: 97%;
margin: 0 auto;
overflow: hidden;
background:#999999;
}
/* A block should group all your columns per row stack. */
.block {overflow: hidden;}

/* Columns
-------------------------------------------------------------- */
/* Use this class together with the .span-x classes
to create any composition of columns in a layout. */
.column {float: left;}
/* The last column in a row needs this class. */
.last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1 { width: 4%; }
.span-2 { width: 8%; }
.span-3 { width: 12%; }
.span-4 { width: 16%; }
.span-5 { width: 20%; }
.span-6 { width: 25%; }
.span-7 { width: 29%; }
.span-8 { width: 33%; }
.span-9 { width: 37%; }
.span-10 { width: 41%; }
.span-11 { width: 45%; }
.span-12 { width: 50%; }
.span-13 { width: 54%; }
.span-14 { width: 58%; }
.span-15 { width: 62%; }
.span-16 { width: 66%; }
.span-17 { width: 70%; }
.span-18 { width: 75%; }
.span-19 { width: 79%; }
.span-20 { width: 83%; }
.span-21 { width: 87%; }
.span-22 { width: 91%; }
.span-23 { width: 95%; }
.span-24 { width: 100%; margin-right: 0; }
.span-1>div, .span-2>div, .span-3>div, .span-4>div, 
.span-5>div, .span-6>div, .span-7>div, .span-8>div, 
.span-9>div, .span-10>div, .span-11>div, .span-12>div,
.span-13>div, .span-14>div, .span-15>div, .span-16>div, 
.span-17>div, .span-18>div, .span-19>div, .span-20>div, 
.span-21>div, .span-22>div, .span-23>div, .span-24>div {
margin: 0 0.833em 0 0;
overflow: hidden;
}
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 4%; }
.append-2 { padding-right: 8%; }
.append-3 { padding-right: 12%; }
.append-4 { padding-right: 16%; }
.append-5 { padding-right: 20%; }
.append-6 { padding-right: 25%; } 
.append-7 { padding-right: 29%; } 
.append-8 { padding-right: 33%; }
.append-9 { padding-right: 37%; }
.append-10 { padding-right: 41%; }
.append-11 { padding-right: 45%; }
.append-12 { padding-right: 50%; }
.append-13 { padding-right: 54%; }
.append-14 { padding-right: 58%; }
.append-15 { padding-right: 62%; }
.append-16 { padding-right: 66%; }
.append-17 { padding-right: 70%; }
.append-18 { padding-right: 75%; }
.append-19 { padding-right: 79%; }
.append-20 { padding-right: 83%; }
.append-21 { padding-right: 87%; }
.append-22 { padding-right: 91%; }
.append-23 { padding-right: 95%; }
/* Add these to a column to prepend empty cols. */
.prepend-05 { padding-left: 2%; }
.prepend-1 { padding-left: 4%; }
.prepend-2 { padding-left: 8%; }
.prepend-3 { padding-left: 12%; } 
.prepend-4 { padding-left: 16%; } 
.prepend-5 { padding-left: 20%; } 
.prepend-6 { padding-left: 25%; } 
.prepend-7 { padding-left: 29%; } 
.prepend-8 { padding-left: 33%; } 
.prepend-9 { padding-left: 37%; } 
.prepend-10 { padding-left: 41%; } 
.prepend-11 { padding-left: 45%; } 
.prepend-12 { padding-left: 50%; } 
.prepend-13 { padding-left: 54%; } 
.prepend-14 { padding-left: 58%; } 
.prepend-15 { padding-left: 62%; } 
.prepend-16 { padding-left: 66%; } 
.prepend-17 { padding-left: 70%; } 
.prepend-18 { padding-left: 75%; } 
.prepend-19 { padding-left: 79%; } 
.prepend-20 { padding-left: 83%; } 
.prepend-21 { padding-left: 87%; } 
.prepend-22 { padding-left: 91%; } 
.prepend-23 { padding-left: 95%; } 
 
/* Border on right hand side of a column. */
div.border, border {
  padding-right: 0px;
  margin-right: 0px;
  border-right: 1px solid #808080;
}


/* Border with more whitespace, spans one column. */
.colborder {
padding-right: 2%;
margin-right: 2%;
border-right: 1px solid #808080;
}
.colborder>div {
margin: 0;
}
/* Use these classes on an element to push it into the 
next column, or to pull it into the previous column. */
.pull-1 { margin-left: -3.333em; }
.pull-2 { margin-left: -6.666em; }
.pull-3 { margin-left: -10em; }
.pull-4 { margin-left: -13.333em; }
.pull-5 { margin-left: -16.666em; }
.pull-6 { margin-left: -20em; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 { float:left;	position:relative;}


.push-0 { margin: 0 0 0 1.5em; }
.push-1 { margin: 0 -3.333em 0 1.5em; }
.push-2 { margin: 0 -6.666em 0 1.5em; }
.push-3 { margin: 0 -10em 0 1.5em; }
.push-4 { margin: 0 -13.333em 0 1.5em; }
.push-5 { margin: 0 -16.666em 0 1.5em; }
.push-6 { margin: 0 -20em 0 1.5em; }
.push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6 {position:relative; float: right; }



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Zeilen einfügen: Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }
/* Misc classes and elements
-------------------------------------------------------------- */

  
/* Use a .box to create a padded box inside a column. */ 
.box { 
padding: 1.5em; 
margin-bottom: 1.5em; 
background: #eee; 
}
/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd; 
color: #999999;
width: 100%; 
height: 0.083em;
margin: 0 0 0 0;
border: none; 
float: none; 
}

hr.space {background: #fff;color: #fff;}

.showgrid{background:#999999;}

#buttons {padding: 0;margin: 0;border: 0;}

#buttons li {list-style:none;}





/* In case you need to add a gutter above/below an element */
.prepend-top { 
	margin-top:1.5em; 
}
.append-bottom { 
	margin-bottom:1.5em; 
}


 /* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */




/* Überschriften-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 2mm; padding:0mm; }

h1 { font-size: 2.0em; line-height: 2.6em;  }
h2 { font-size: 1.0em; line-height: 1.8em;  }
h3 { font-size: 0.9em; line-height: 1.6em;   }
h4 { font-size: 0.8em; line-height: 1.25em;   }
h5 { font-size: 0.76em; font-weight: bold;   }
h6 { font-size: 0.76em; font-weight: bold; }

h1 img, h2 img, h3 img,h4 img, h5 img, h6 img {  margin: 0;}


/* Text elements
-------------------------------------------------------------- */

p           {margin: 0 0 1.5em;font-size: 1.3em;line-height: 1.5em;padding:0 0 2cm 0;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,a:hover     { color: #FF0000; }
a        { color: #68532b; text-decoration: underline; border: none; }
a:link {color:#aeaeae;text-decoration: underline;}
a:visited {color:#914b1e; text-decoration:underline;}
a:active {color:#fd6464;}
a:hover	{color:#c72333;}

strong {font-size: 1.4em;	line-height:1.6em;font-weight:bold;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
 
i ,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:#666666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 0em 1.5em; }

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;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { 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: #666666; }
.loud       { color: #000000; }
.highlight  { background:#ff0000; }
.added      { background:#cceaac; color: #aeaeae; }
.removed    { background:#fa9814; color: #aeaeae; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* sIFR classes
-------------------------------------------------------------- */


.sIFR-flash {
	MARGIN: 0px; VISIBILITY: visible !important
}
.sIFR-replaced {
	VISIBILITY: visible !important
}
SPAN.sIFR-alternate {
	POSITION: absolute; WIDTH: 0px; DISPLAY: block; HEIGHT: 0px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.sIFR-hasFlash H1 {
	VISIBILITY: hidden
}
.sIFR-hasFlash H3 {
	LETTER-SPACING: -6px; VISIBILITY: hidden; FONT-SIZE: 22px
}
.sIFR-hasFlash H4 {
	PADDING-BOTTOM: 0px; MARGIN: 6px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LETTER-SPACING: 0px; VISIBILITY: hidden; FONT-SIZE: 46px; PADDING-TOP: 0px
}
.sIFR-hasFlash H5#pullquote {
	LETTER-SPACING: -4px; VISIBILITY: hidden; FONT-SIZE: 24px
}
DL#sifrFonts DD {
	MARGIN: 0px; PADDING-LEFT: 0px
}
DL#sifrFonts DD.href {
	MARGIN-BOTTOM: 16px; MARGIN-LEFT: 16px
}
DL#sifrFonts DD A {
	PADDING-LEFT: 16px; BACKGROUND: url(../../../../images/qbullets/disk.gif) no-repeat left center; COLOR: #999; TEXT-DECORATION: none
}
DL#sifrFonts DD H4 {
	LINE-HEIGHT: 46px; LETTER-SPACING: -4px; FONT-SIZE: 46px
}