@charset "UTF-8";



/**
 * Reset
 * 
 * @section Reset
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
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 ;
}
input, textarea, select {
	font-family: inherit;
	font-size: 100%;
	font-weight: normal;
}








/**
 * Typography
 * 
 * @section Typographie
 */

html {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 85%;
	line-height: 125%;
	letter-spacing: 0.02em;
	background-color: white;
	color: black;
}

p, ul, ol, dl, table, blockquote, code, address, iframe { 
	margin: 1em 0; 
}

h1, h2, h3, h4, h5, h6 { 
	margin: 1.5em 0 0em 0; 
	line-height: 1em; 
}

h1 { 
	font-size: 1.8em; 
	font-weight: bold; 
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	font-style: italic;
}

strong { font-weight: bold; }
em { font-style: italic; }
strong em, em strong { font-weight: bold !important; font-style: italic !important; }

ul, ol { padding: 0 0 0 2em; }
li { margin: 0.3em 0; }

dl { margin: 1em 0; }
dl > dd { padding: 0 0 0 3em; }

abbr { }

acronym { font-variant: small-caps; }
address { display: block; border-left: 1px dotted; padding: 0 0 0 1em; font-style: italic; }

pre { white-space: pre; max-height: 50%; overflow: scroll; }

code { font-family: "Courier New", monospace; }

kbd { text-transform: uppercase; }
kbd:before { content: "["; }
kbd:after { content: "]"; }

blockquote { background-color: silver; padding: 0.4em 0.5em; font-family: 'Cambria', 'Times New Roman', serif; font-style: italic; }
blockquote p { margin: 0.2em 0; }

iframe { border: 0; }

q { font-style: italic; }
q:before { content: '"'; }
q:after { content: '"'; }

a { text-decoration: underline; }
a:not([href]) { text-decoration: none; }
a:hover { text-decoration: none; }








/**
 * Tabellen
 * 
 * @section Tabellen
 */
table {
	width: 100%;
	margin: 1em 0;
	border: 1px solid;
}

caption {
	text-align: center;
	caption-side: top;
}

/**
 * @workaround
 * @affected IE7
 * @valid yes
 */
*+html caption {
	padding-bottom: 0.5em;
}

thead { border: inherit; }
tfoot { border: inherit; }
tbody { border: inherit; }

tr {
	vertical-align: inherit;
	border: inherit;
}

td, th {
	vertical-align: inherit;
	text-align: inherit; 
	padding: 0.15em 0.5em;
	border: inherit;
}

th {
	font-weight: bold;
	text-align: center;
}

tfoot td {
	text-align: center;
}

tbody tr:hover {
	background-color: #EEE;
}

td.minimal,
th.minimal {
	width: 1%;
	white-space: nowrap;
}








/**
 * Formulare
 * 
 * @section Formulare
 */
form {
	margin: 1em 0;
	border: 1px solid;
	padding: 0 2em;
}

form p {
	margin: -1px -2em;
	background-color: #EEE;
	padding: 0.5em 2em;
	border: 1px solid;
	border-width: 1px 0;
}

form p.submit {
	text-align: center;
}

form p input,
form p button {
	padding: 0 1em;
}

form p em,
form dt em,
form legend em {
	color: red;
}

form fieldset {
	margin: 1em -1.5em;
	border: 1px solid;
	padding: 0 1.5em;
}

form fieldset legend {
	margin: 0 -0.5em;
	padding: 0 1em;
	cursor: default;
	font-weight: bold;
}

form ul {
	list-style: none;
	padding: 0 0 0.3em;
	margin: 1em 0 0;
}

form ul li {
	margin: 0.5em 0;
	padding: 0.5em 0.5em;
	clear: both;
}

form li fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

form li dl {
	margin: 0;
	padding: 0 0 0 9em;
	overflow: hidden;
	font-weight: normal;
}

form li dl dt {
	display: block;
	width: 8em;
	float: left;
	margin: 0 0 0 -9em;
	padding: 1px 0 0;
	text-align: right;
}

* html form li dl dt { margin-left: -4.5em; }

form.narrowLabels li dl { padding-left: 7em; }
form.narrowLabels li dl dt { width: 6em; margin-left: -7em; }

form.wideLabels li dl { padding-left: 11em; }
form.wideLabels li dl dt { width: 10em; margin-left: -11em; }

form li dl dd {
	margin: 0;
	padding: 0;
}

* html form li dl dd textarea { margin-top: -1em; }

form li dl dd span {
	position: relative;
	top: 1px;
	line-height: 130%;
}



form li dl dd.error {
	margin-top: 0.25em;
	color: red;
}

form li dl dd.hint {
	margin-top: 0.25em;
	color: #666;
	font-style: italic;
	font-size: 90%;
}
form dd input,
form dd textarea,
form dd select,
form dd button {
	max-width: 100%;
	font-family: inherit;
	font-size: 95%;
}

form dd textarea {
	width: 99%;
}