/* Allgemeine Definitionen */

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #181512;
	background-image: url('/fileadmin/img/base/bg_bg.gif');
}

th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

td {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

div {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #908E8D;
	font-weight: bold;
	text-decoration: none;
	line-height: 15px;
}

a:hover {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	/*color: #181512;*/
	text-decoration: underline;
	font-weight: bold;
}

h1 {
	font-size: 14px;
	line-height: 24px;
	color: #181512;
	font-weight: bold;
	padding-left: 5px;
	
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	display: block;
}
h2 {
	font-size: 14px;
	font-weight: bold;
}

.adv {
	height: 150px;
}
.adv_border {
	color: #989797;
	font-style: italic;
	font-family: verdana;
}
.raquo {
	font-size: 14px;
}

/*
.adv_border {
	width: 600px;
	height: 150px;
	border: 1px solid #FFCAAB; 
	background-image: url('/fileadmin/img/base/adv_bg.gif');
	line-height: 27px;
	font-size: 24px;
	color: #808080;
	padding-left: 5px;
	padding-right: 5px;
}
*/

.h16{
	font-size: 16px;
	font-weight: bold;
}

.left20{
	margin-left: 25px;
}

.imgborder {
	border: 1px solid #808080;
}

/* ID Definition Main (Grundaufbau)*/



/* DIV-Header der Seite */

#head {
	width: 880px;
	border-bottom: 2px solid #FF6600;
}

/* DIV-Navigation der Seite */

#nav {
	width: 220px;
	height: 100%;
}

/* DIV-Navigator Damit man immer weiß wo man sich auf der Seite befindet */

#navigator {
	height: 32px;
	text-align: left;
	padding-top: 2px;
	padding-left: 24px;
	font-size: 12px;
	color: #908E8D;
}


#navigator a {
	color: #FF6600;
}

#navigator a:hover {
	color: #181512;
	text-decoration: underline;
}


/* DIV-Container für die Seiten-Inhalte */
#container {
	width: 660px;
	text-align: left;
	vertical-align: top;
}

#container a {
	color: #FF6600;
}

#container a:hover {
	color: #181512;
	text-decoration: underline;
}

/* DIV-Fuß der Seite */

#footer {
	height: 28px;
	width: 880px;
	text-align: center;
	
	font-size: 12px;
	color: #908E8D;
	padding-top: 3px;
	border-top: 1px solid #FF6600;
}

#footer a {
	color: #FF6600;
}

#footer a:hover {
	color: #181512;
	text-decoration: underline;
}



/* -------------- Tabelle für den Header -------------- */



table.header {
	width: 880px;
	height: 150px;
}


/* ---------- Haupttabelle Container -------------*/

table.main_content {
	width: 650px;
	vertical-align: top;
}

table.main_content td.spacer {
	width: 23px;
}

table.main_content td.spacer_left {
	width: 23px;
}

table.main_content td {
	text-align: left;
	vertical-align: top;
}

/* ---------- Navigationstable -------------*/

table.nav_main {
	width: 200px;
	text-align: left;
}
table.nav_main td.spacer {
	height: 20px;
}
table.nav_main td.spacer_top {
	height: 12px;
}


table.nav_main td {
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 3px;
	text-indent: 15px;
	text-align: left;
	color: #908E8D;
}





/* Spezielle Definition für die zweite Ebene des Menüs, denke die kannst du in Typo3 Dir wohl schenken, da das Menü da ja anders gesteuert wird
Hiervon brauchst du wohl nur die Textformatierungen.  */

.nav_child {
	font-size: 10;
	font-weight: normal;
	padding-left: 15px;

}

.nav_child a {
	font-size: 10;
	font-weight: normal;
	padding-left: 15px;
}

.nav_child a:hover{
	font-size: 10;
	font-weight: normal;
	padding-left: 15px;
	text-decoration: underline;
}


/* Head steht für Headline */

.head {
	font-size: 13px;
	line-height: 20px;
	color: #181512;
	font-weight: bold;
	text-indent: 5px;
	
	border-bottom: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	display: block;
	
}

.head a{
	font-size: 15px;
	color: #181512;
	font-weight: bold;
}

.head a:hover{
	font-size: 15px;
	color: #181512;
	font-weight: bold;
	text-decoration: underline;
}

/* Sub steht für Subline, in diesem Fall in zwei Varinaten für die verschiedenen Farben */

.sub {
	font-size: 13px;
	color: #181512;
	font-weight: bold;
}

.sub a{
	font-size: 13px;
	color: #181512;
	font-weight: bold;
}

.sub a:hover {
	font-size: 13px;
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
}

.sub_02 {
	font-size: 13px;
	color: #FF6600;
	font-weight: bold;
}

.sub_02 a{
	font-size: 13px;
	color: #FF6600;
	font-weight: bold;
}
.sub_02 a:hover {
	font-size: 13px;
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
}

/*   Mag steht für Marginalien oder in dem Fall auch Auszeichnung, eine Definition um einen gewissen Teil im Text hervorzuheben, der keine Headline ist */
.mag {
	font-size: 12px;
	color: #181512;
	font-weight: bold;
}

.mag a {
	font-size: 12px;
	color: #181512;

	font-weight: normal;	
}

.mag a:hover {
	font-size: 12px;
	color: #FF6600;
	font-weight: normal;
	text-decoration: underline;
}

a.mainlevel:link, a.mainlevel:visited {
	color: #908E8D;
	font-size: 12px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}

a.mainlevel:hover {
	color: #181512;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 15px;
	display: block;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	background-color: #ffffff;
	background-image: url('/fileadmin/img/base/bg_nav.gif');
}


a.mainlevel_act:link, a.mainlevel_act:visited, a.mainlevel_act:hover {
	color: #181512;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 15px;
	
	display: block;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	background-color: #ffffff;
	background-image: url('/fileadmin/img/base/bg_nav.gif');
}


a.sublevel2:link, a.sublevel2:visited {
	color: #908E8D;
	font-size: 12px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	text-indent: 32px;
}
a.sublevel2:hover {
	color: #181512;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 32px;
	display: block;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	background-color: #ffffff;
	background-image: url('/fileadmin/img/base/bg_nav.gif');
}

a.sublevel2_act:link, a.sublevel2_act:visited , a.sublevel2_act:hover {
	color: #181512;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 32px;
	
	display: block;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	background-color: #ffffff;
	background-image: url('/fileadmin/img/base/bg_nav.gif');
}


a.sublevel3:link, a.sublevel3:visited {
	color: #908E8D;
	font-size: 12px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
	text-indent: 50px;
}
a.sublevel3:hover {
	color: #181512;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 50px;
	display: block;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	background-color: #ffffff;
	background-image: url('/fileadmin/img/base/bg_nav.gif');
}

a.sublevel3_act:link, a.sublevel3_act:visited , a.sublevel3_act:hover {
	color: #181512;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 50px;
	
	display: block;
	border-right: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	background-color: #ffffff;
	background-image: url('/fileadmin/img/base/bg_nav.gif');
}

.imgborder {
	border: 1px solid #808080;
}

.click2phone {
	padding-left: 15px;
	text-align: left;
}

.input {
	border: 1px solid #808080;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.submit {
	background-color: #ffffff;
	border: 1px solid #808080;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.error {color: red;}
.success {color: green;}