/*******************************************************************************
 Domain:     http://www.tobias-angerer.de/
 Datei:      framework.css
 Funktion:   Tripoli und Framework-Komponenten

 Erstellt:   06.10.2009
 Version:    06.10.2009
 Media:      all

 Autor:      Benjamin Hofmann
 copyright:  Benjamin Hofmann
*******************************************************************************/

/*******************************************************************************
 Struktur-Layout:
 =A. Reset
 =B. Framework
*******************************************************************************/

/*******************************************************************************
 =A. Reset
*******************************************************************************/
* {
	text-decoration: none;
	font-size: 1em;
	outline: none;
	margin: 0;
	padding: 0;
}

code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext {
	font: inherit;
	white-space: normal;
}

a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym {
	border-width: 0;
}

caption, th, td {
	text-align: left;
}

html {
	background: white;
	color: black;
	line-height: 1;
	font-family: Arial, sans-serif;
	font-size: 125%;
}

body {
	font-size: 50%;
	background-color: transparent;
}

q {
	quotes: "\201C""\201D""\2018""\2019";
}

ul, ol, dir, menu {
	list-style: none;
}

sub, sup {
	vertical-align: baseline;
}

a {
	color: inherit;
}

img {
	border: none;
	margin: 0;
}

ol {
	list-style-type: decimal;
}

tr, th, td {
	width: auto;
	height: auto;
	background-color: transparent;
	vertical-align: inherit;
	border: none;
}

table[border], .content table[border] {
	border-collapse: separate;
	border-spacing: 0;
}

a {
	text-decoration: underline;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {
	font-weight: bold;
}

cite, em, dfn {
	font-style: italic;
}

code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
	font-size: 100%;
	font-family: mono-space, monospace;
}

pre {
	white-space: pre;
}

pre * {
	font-size: 100%;
	white-space: pre;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid black;
}

sup, sub {
	font-size: 85%;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
}

abbr, acronym, dfn {
	cursor: help;
	border-bottom: 1px dotted black;
}

blockquote {
	padding-left: 2.2em;
}

:lang(af), :lang(nl), :lang(pl) {
	quotes: '\201E' '\201D' '\201A' '\2019';
}

:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) {
	quotes: '\201E' '\201C' '\201A' '\2018';
}

:lang(da), :lang(hr) {
	quotes: '\00BB' '\00AB' '\203A' '\2039';
}

:lang(el), :lang(es), :lang(sq), :lang(tr) {
	quotes: '\00AB' '\00BB' '\2039' '\203A';
}

:lang(en-GB) {
	quotes: '\2018' '\2019' '\201C' '\201D';
}

:lang(fi), :lang(sv) {
	quotes: '\201D' '\201D' '\2019' '\2019';
}

:lang(fr) {
	quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';
}

*[lang|='en'] q:before {
	content: '\201C';
}

*[lang|='en'] q:after {
	content: '\201D';
}

*[lang|='en'] q q:before {
	content: '\2018';
}

*[lang|='en'] q q:after {
	content: '\2019';
}

input, select, button {
	cursor: pointer;
}

input[type='hidden'] {
	display: none;
}

/*******************************************************************************
 =B. Framework
*******************************************************************************/
.hide {
	position: absolute;
	left: -10000em;
}

.left { float: left; }
.right { float: right; }
.none { float: none; }
.clear { clear: both; }

.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.ajustify { text-align: justify; }

.relative{ position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }

.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w67 { width: 67%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w33 { width: 33%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w10 { width: 10%; }