/** ====================== Allgemeine Typoscript Deklarationen ====================== **/

@import url(typostyle.css);


/** ========================= Allgemeine HTML Deklarationen ========================= **/
body {
	background:#f3faf8 url('../images/body_bg.png') repeat-x fixed;
	margin:0;
	padding:0;
	font-family:Arial,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
}

td, p, div { font-family:Arial,Tahoma,Verdana; }

a img { border:none; }

/** ========================= Allgemeine Kurz-Deklarationen ========================= **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.line-through { text-decoration:line-through; }

.halfSpace { height:5px; font-size:0px; overflow:hidden; }
.fullSpace { height:10px; font-size:0px; overflow:hidden; }


/** ======================= Allgemeine Formular Deklarationen ======================= **/
form {
	padding:0px;
	margin:0px;
}

textarea {
	overflow:auto;
}

.tfield {
    font-family:Verdana;
	font-size:11px;
	width:200px;
	border:1px solid #666666;
	background-color:#fff;
	padding:1px;
	margin:0px;
}

.err { background-color:#fcc; border:1px solid #666666; }
.errText { color:#990000; }
textarea { overflow:auto; }


/** ========================= Allgemeine Link Deklarationen ========================= **/
a:link, a:active, a:visited {
	color:#009864;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#73d1b7;
	font-weight:normal;
	text-decoration:underline;
	outline:none;
}


/** ======================== Allgemeine Layout Deklarationen ======================== **/
#weave {
	background:transparent url('../images/weave_bg.png') no-repeat fixed;
	margin:0px;
	padding:10px 0px;
}

#layout {
	margin:0px auto;
	padding:0px;
	width:920px;
}

.top_header {
	margin:0px;
	padding:0px;
}

html>body #header { background: transparent url('../images/header_bg.png') repeat-y; }
*html #header { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header_bg.png', sizingMethod='scale'); }
#header {
	margin:0px;
	padding:0px 15px 15px 15px;
	width:890px;
}

#header #logo {
	background:#ffffff;
	margin:0px;
	padding:15px;
	height:60px;
}

#header #topcontent {
	margin:0px;
	padding:15px 0px 0px 0px;
}


/** ======================== Allgemeine Navigation Deklarationen ======================== **/
#navigation {
	background: #059965 url('../images/navigation_bg.png') repeat-x;
	margin:0px;
	padding:0px 0px 0px 0px;
	border-top:1px #007a50 solid;
	border-bottom:1px #007a50 solid;
}

#navigation td { padding:0px; }

#navigation td a:link, 
#navigation td a:active, 
#navigation td a:visited, 
#navigation td a:hover {
	margin:0px;
	padding:7px 16px 7px 16px;
	display:block;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	position:relative;
}


#navigation td a:hover, 
#navigation td a.on:link, 
#navigation td a.on:active, 
#navigation td a.on:visited, 
#navigation td a.on:hover {
	background:#44b38c url('../images/navigation_bg_on.png') repeat-x;
	margin:0px;
	padding:7px 16px 7px 16px;
	display:block;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	position:relative;
}


/** ======================== Allgemeine Maincontainer Deklarationen ======================== **/
html>body #maincontainer { background: transparent url('../images/maincontainer_bg.png') repeat-y; }
*html #maincontainer { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/maincontainer_bg.png', sizingMethod='scale'); }
#maincontainer {
	margin:0px;
	padding:0px 15px 1px 15px;
	width:890px;
}


/** ======================== Allgemeine Sidebar Deklarationen ======================== **/
#sidebar {
	margin:0px;
	padding:0px;
	width:185px;
}

#sidebar .box {
	margin:0px;
	padding:15px 0px 0px 0px;
}

#sidebar .firstbox{
	margin:0px;
	padding:0px;
}

#sidebar .box div.title {
	background:#9ad6c2 url('../images/sidebar_title_bg.gif') repeat-x;
	margin:0px;
	padding:8px 20px 7px 20px;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

#sidebar .box .content {
	background:#ffffff;
	margin:0px;
	padding:14px;
	font-size:11px;
}



/** Subnavigation **/
ul#subnavigation, 
ul#subnavigation li, 
ul#subnavigation li ul#subsubnavigation, 
ul#subnavigation li ul#subsubnavigation li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}

ul#subnavigation li { padding:3px 0px 3px 0px; }

ul#subnavigation li a:link, 
ul#subnavigation li a:visited, 
ul#subnavigation li a:active {
	background: transparent url('../images/arrow.gif') no-repeat 0px 4px;
	margin:0px;
	padding:3px 0px 3px 22px;
	font-size:12px;
	color:#70d0b5;
	font-weight:normal;
	display:block;	
}

ul#subnavigation li a:hover, 
ul#subnavigation li a.on:link, 
ul#subnavigation li a.on:visited, 
ul#subnavigation li a.on:active, 
ul#subnavigation li a.on:hover {
	background: transparent url('../images/arrow_on.gif') no-repeat 0px 4px;
	margin:0px;
	padding:3px 0px 3px 22px;
	font-size:12px;
	color:#009762;
	font-weight:normal;
	display:block;	
}


ul#subnavigation li ul#subsubnavigation { padding:3px 0px 5px 22px; }

ul#subnavigation li ul#subsubnavigation li { padding:3px 0px 3px 0px; }

ul#subnavigation li ul#subsubnavigation li a:link, 
ul#subnavigation li ul#subsubnavigation li a:visited, 
ul#subnavigation li ul#subsubnavigation li a:active {
	background: none;
	margin:0px;
	padding:1px 0px 1px 0px;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	display:block;	
}

ul#subnavigation li ul#subsubnavigation li a:hover, 
ul#subnavigation li ul#subsubnavigation li a.on:link, 
ul#subnavigation li ul#subsubnavigation li a.on:visited, 
ul#subnavigation li ul#subsubnavigation li a.on:active, 
ul#subnavigation li ul#subsubnavigation li a.on:hover {
	background: none;
	margin:0px;
	padding:1px 0px 1px 0px;
	font-size:12px;
	color:#009762;
	font-weight:normal;
	display:block;
	text-decoration:underline;
}



/** ======================== Allgemeine Content Deklarationen ======================== **/
#maincontent {
	margin:0px;
	padding:28px;
	width:644px;
	line-height:20px;
}

#maincontent .leftcontent {
	margin:0px;
	padding:0px;
	width:400px;
}

#maincontent .rightcontent {
	margin:0px;
	padding:0px;
	width:200px;
}




/** ======================== Allgemeine Foooter Deklarationen ======================== **/
#footer {
	margin:0px;
	padding:0px;
}

/** ======================== Startseiten Divs ======================== **/
#startbox {
	background:white;
	width:890px;
}
#startbox_left {
	background:grey;
	width:660px;
}
#startbox_left td {
	width:165px;
	height:25px;
	padding:0px;
	margin:0px;
}
#startbox_left td a:link,
#startbox_left td a:visited,
#startbox_left td a:active {
	text-align:center;
	display:block;
	padding:0px;
	margin:0px;
	line-height:25px;
	font-size:12px;
	height:25px;
	width:165px;
	text-decoration:none;
	background:blue;
}
#startbox_left td a:hover {
	background:grey;
}

#startbox_right {
	background:grey;
	width:224px;
}
#startbox_right td {
	width:112px;
	height:25px;
	padding:0px;
	margin:0px;
}
#startbox_right td a:link,
#startbox_right td a:visited,
#startbox_right td a:active {
	text-align:center;
	text-decoration:none;
	display:block;
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:25px;
	height:25px;
	width:112px;
	background:blue;
}
#startbox_right td a:hover {
	background:grey;
	text-decoration:none;
}