﻿/*
colors:

#333333 = dunkelgrau (primäre schriftfarbe)
#00417C = dunkelblau (hintergrund seite, link)
#C20008 = rot (link hover)
#666666 = mittelgrau ()
#FFFFFF = weiss (hintergrund inhalte)
#999999 = grau (ränder)
#E8E8E8 = hellgrau (hintergrund bereiche)

fonts:

Georgia, serif; 12px; (lauftext)
Arial, Helvetica, sans-serif; 12px; (navigation klein)


*/
* {
	margin:0;
	padding:0;
}
/*general*/
body {
	font-family: Georgia,serif;
	font-size:12px;
	color:#333333;
	line-height:normal;
}
td,p,div,tr {
	font-family: Georgia,serif;
	font-size:12px;
	color:#333333;
	line-height:normal;
}
p {
	margin:0 0 10px 0;
}
p.error {
	color:#C20008;
}
hr {
	border-top:1px solid #999999;
	margin: 10px 0 10px 0;
	height: 0px;
}
a:link {
	color: #00417C;
	text-decoration:underline;
}
a:visited {
	color: #00417C;
	text-decoration:underline;
}
a:hover {
	color: #C20008;
	text-decoration:underline;
}
form { 
	display:inline;
	margin:0; padding:0;
}
fieldset {
	border:none;
}
label {
}
input {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color:#333333;
	border:1px solid #999999;
}
select {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color:#333333;
	border:1px solid #999999;
}
option {
	padding: 3px 3px 0 3px;
}
textarea {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 11px;
	color:#333333;
	border:1px solid #999999;
}
h1 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	font-size:28px;
	margin:0 0 0.5em 0;
	line-height: 30px;
}
h2 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	font-size:18px;
	margin:0 0 0.5em 0;
}
h3 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	font-size:16px;
	margin:0 0 0.5em 0;
}
h4 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
}
h5 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
	font-size:10px;
}
ul {
	padding: 0;
	margin: 0 0 10px 15px;
}
* html ul {
	margin: 0 0 10px 17px;
}
li {
	list-style-image: url(/media/elemente/arrow_li.gif);
	margin: 0 0 6px 0;
}
ol {
	margin: 0 0 10px 15px;
	list-style-position:inherit;
}
img {
	border:none;
}
blockquote {
	margin: 10px;
}
blockquote div {

}
pre {
}
iframe {
	margin:0;
	padding:0;
}

/* form styles */
form br {
	clear: both;
}
form.contact {
	margin:0 10px 0 10px;
}
#main_section_inner label {
	clear: both;
	padding-top: 3px;
	width: 160px;
	float: left;
}
#main_section_inner input.inputlong {
	width: 250px;
	height: 17px;
	margin: 0 0 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
#main_section_inner input.inputmiddle{
	width: 181px;
	height: 17px;
	margin: 0 0 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
* html #main_section_inner select.inputmiddle,
*+html #main_section_inner select.inputmiddle {
	width: 187px;
}
#main_section_inner input.inputshort {
	width: 50px;
	height: 17px;
	margin: 0 10px 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
#main_section_inner select.inputselect {
	width: 257px;
	height: 22px;
	margin: 0 0 22px 0;
	float: left;
}
* html #main_section_inner select.inputselect,
*+html #main_section_inner select.inputselect {
	width: 250px;
}
#main_section_inner input.inputcheck {
	width: 20px;
	margin: 0 0 22px 0;
	float: left;
	border: none;
}
#main_section_inner input.inputradio {
	width: 20px;
	margin: 0 0 22px 0;
	float: left;
	border: none;
}
* html #main_section_inner input.inputcheck {
	margin-top: -3px;
}
*+html #main_section_inner input.inputcheck {
	margin-top: -3px;
}
* html #main_section_inner input.inputradio {
	margin-top: -3px;
}
*+html #main_section_inner input.inputradio {
	margin-top: -3px;
}
#main_section_inner span.inputchecktext {
	display: block;
	margin: 0 2px 13px 5px;
}
#main_section_inner span.inputradiotext {
	margin: 0 10px 0 5px;
	float:left;
}
#main_section_inner textarea.inputtext {
	width: 250px;
	height: 100px;
	padding: 2px 3px 0 3px;
	margin: 0 0 22px 0;
	float: left;
}
#main_section_inner input.inputfile {
	width: 430px;
	height: 17px;
	margin: 0 36px 22px 0;
	padding: 2px 3px 0 3px;
	float: left;
}
#main_section_inner input.buttonform {
	padding: 0 5px 0 5px;
	background-color: #E8E8E8;
}

/* other styles */
.clr {
	clear:both;
}
.noborder {
	border:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
