body {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background: url( '../../_images/bg.gif' ) repeat-x #78acdc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #666666;
}

body.pflege, body.pflege table, body.pflege tr, body.pflege td	{
	margin: 0px;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #666666;
	background-image: none;
	background: #ffffff;
	height: auto;
}
body.pflege table, body.pflege tr, body.pflege td {
	padding: 0px;
}

/*****************************************************
	wichtige Elemente 
*****************************************************/
#header {
	position: relative;
	top: 0px;
	width: 965px;
	height: 155px;
	margin: 0px auto;
}

#site {
	width: 965px;
	margin: 0px auto;
}

#logo {
	position: absolute;
	left: 0px;
	bottom: 37px;
}

#navigation_meta {
	position: absolute;
	left: 605px;
	top: 7px;
}
#navigation {
	position: absolute;
	text-align: right;
	right: 365px;
	top: 33px;
}
#navigation_sub {
	position: absolute;
	left: 605px;
	top: 33px;
}

div.content {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width: 965px; /* Breite gesamt 740px (Padding) */
	float: left;
}

div.content_schmal {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-left: 10px;
	width: 520px;
	border-left: 1px solid #666666;
	float: left;
	overflow-x: hidden;
}

div.box {
	background: #ffffff;
	float: left;
	padding: 20px;
	height: 320px; /* effektive Höhe: 360px (Padding) */
	width: 320px; /* effektive Breite: 360px (Padding) */
}

div.box_breit {
	margin: 20px 20px 20px 0px;
	padding-left: 20px;
	width: 725px;
	border-left: 1px solid #AAAAAA;
	float: left;
	position: relative;
	left: -1px;
}

#crossbar {
	margin: 20px 0px;
	padding: 0px 20px;
	float: left;
	width: 157px;
	border-right: 1px solid #AAAAAA;
}
#crossbar div {
	margin: 0px 0px 40px 0px;
}
#crossbar p {
	margin: 0px;
}

/* TEASERBAR - zB auf der Startseite unten */
#teaserbar {
	color: #ffffff;
	padding-top: 20px;
	clear: both;
}
#teaserbar div {
	float: left;
}
#teaserbar h1 {
	color: #ffffff;
}
#teaserbar .box1 {
	margin: 0px 20px 20px 0px;
	width: 283px;
}
#teaserbar .box2 {
	margin: 0px 20px 20px 0px;
	width: 282px;
}
#teaserbar .box3 {
	margin: 0px 0px 20px 0px;
	width: 360px;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #78acdc;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #78acdc;
	margin: 20px 0px 5px 0px;
}

p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div.content_gadgets h2 {
	margin: 0px;
}

h1.weiss, h2.weiss {
	color: #ffffff;
}

.bg_weiss {
	background-color: #ffffff;
	color: #666666 !important;
}

.no_margin {
	margin: 0px;
}

.rechts {
	text-align: rechts;
}

.fehlermeldung {
	font-weight: bold;
	color: #AC5317;
}

.klein {
	font-size: 10px;
}

.text {
	padding:20px;
}

img.head, div.head {
	border: 5px solid #ffffff;
	margin-bottom: 10px;
}

div.box_breit img.head, div.box_breit div.head {
	border: 5px solid #666666;
	margin-right: 20px;
}

div#flashcontent {
	float: left;
	width: auto;
	display: inline;
}

ul {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	list-style-image: url( '../../_images/list-item.gif' );
	*list-style-image: url( '../../_images/list-item-ie.gif' );
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	width: auto;
}

div.box_breit ul {
	margin-left: 386px;
	*margin-left: 5px;
	*float: left;
	
}

div.box_breit li, div.box_breit ol {
	margin-left: 0px;
}

ul.projektpartner li, ul.projektpartner ol {
	margin-left: 0px;
}

hr {
	clear: both;
	height: 1px;
	margin: 10px auto;
	padding: 0px;
	border: 0px;
	border-top: solid 1px #78ACDC;
	border-bottom: transparent;
	width: 100%;
}


table, tr, th, td {
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.6em;
	color: #666666;
}

td {
	padding: 2px 0px;
	*padding: 1px 0px;
}

th {
	font-weight: bold;
	padding: 2px 0px;
	width: 180px;
}

td.form {
	padding: 0px;
}

td.fehlermeldung {
	padding-bottom: 10px;
}

td.error {
	color: #78ACDC;
	font-weight: bold;
	padding-left: 5px;
}

table.projekthistorie th, table.projekthistorie td {
	padding-bottom: 5px;
}

table.projekthistorie tr.inaktiv td, table.projekthistorie tr.inaktiv th {
	color: #BBBBBB;
}
table.projekthistorie tr:hover, table.downloads tr:hover {
	background: #EEEEEE;
}

table.downloads {
	width: 600px;
}

table.downloads td {
	vertical-align: middle;
}

table.programm {
	border: 1px solid #cccccc;
	border-width: 1px 0px;
}

/*****************************************************
	Formulare 
*****************************************************/
form {
	display: inline;
}
input, textarea, button, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc !important;
	font-size: 11px;
	padding: 2px;
	color: #666666;
	background: #ffffff;
	margin-bottom: 5px;
	width: 194px;
}

select {
	width: 200px;
	height: 19px;
	vertical-align: center;
	border: 1px solid #cccccc !important;
	*height: 20px;
	*margin-top: 1px;
}

select.praemie {
	width: 330px;
}

input.nosize {
	width: auto;
	border-width: 0px !important;
	border: 0px !important;
	margin-top: 5px;
	*margin-top: 2px;
}

input.two_digit {
	width: 16px;
}

input.four_digit {
	width: 30px;
}

input.five_digit {
	width: 35px;
}

input.plz {
	float: left;
	width: 35px;
}

input.strasse, input.ort {
	float: left;
	margin-right: 5px;
	width: 148px;
}

input.ort {
	margin-right: 0px;
	margin-left: 5px;
}

#login input {
	width: 97px;
}

input.submit {
	width: auto !important;
	border: 1px solid #78acdc;
	color: #000000;
	text-align: center;
	font-size: 11px;
}

input:focus, textarea:focus, button:focus, select:focus {	
	background: #ecf3f9 !important;
	color: #666666 !important;
}

* html input.image {
	margin-bottom: 1px;
}

#login label {
	width: 105px;
	float: left;
	color: #666666;
}

input.disabled {
	background: #dddddd;
	color: #000000;
}
/*******************************************************
 Links
*******************************************************/
a, body.pflege a {
	text-decoration: none;
	color: #006d47;
}
a:hover, a:active, body.pflege a:hover {
	color: #000000;
}

body.pflege a {
	text-decoration: none !important;
	color: #006d47 !important;
}
 body.pflege a:hover {
	color: #000000 !important;
}

a.arrow {
	text-decoration: none;
	padding-left: 9px;
	background: url( '../../_images/arrow_right.gif' ) no-repeat 0px 4px;
}
a.arrow:hover {
	color: #008560;
}

a.arrow_green {
	color: #008560;
	padding-left: 8px;
	background: url( '../../_images/list-item.gif' ) no-repeat 0px 3px;
}
a.arrow_green:hover {
	text-decoration: underline;
}

#navigation div {
	margin: 0px 0px 6px 0px;
}

#navigation a {
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 15px;
	text-transform: uppercase;
}

#navigation_meta a {
	margin: 0px 15px 0px 0px;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

#navigation_sub a {
	font-size: 9px;
	color: #666666;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation a:hover, #navigation_meta a:hover, #navigation_sub a:hover, #navigation a.active, #navigation_meta a.active, #navigation_sub a.active {
	color: #78acdc;
}

div.content_gadgets h2 a, div.content_gadgets h2 a:hover {
	color: #78acdc;
	background: none;
	padding: 0px;
	text-decoration: none;
	display: block;
}
/*******************************************************
 Contentspezifische Dinge...
*******************************************************/
div.visual {
	float: left;
	width: 575px;
	height: 350px;
	border: 5px solid #ffffff;
	background: #EDF4FA;
	margin-right: 20px;
}

div.aktuelles {
	position: relative;
	float: left;
	background: url( '../../_images/bg_box_home.gif' ) no-repeat #ffffff;
	padding: 20px;
	height: 320px; /* effektive Höhe: 360px (Padding) */
	width: 320px; /* effektive Breite: 360px (Padding) */
}
div.aktuelles p.date {
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 38px 0px;
}

div.aktuelles #control, div.galerie #control {
	position: absolute;
	bottom: 10px;
	left: 115px;
	width: 130px;
	text-align: center;
}

div.galerie #control {
	left: 240px;
}
#control #next {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#control #prev {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.galerie #control a {
	float: none;
	margin: 0px;
	background: none;
}

div.galerie {
	float: left;
	height: 320px; /* effektive Höhe: 360px (Padding) */
	width: 585px; /* effektive Breite: 605px (Padding) */
	padding: 20px 0px 20px 20px;
}

div.galerie a {
	float: left;
	margin: 0px 10px 10px 0px;
	background-color: #EDF3F9;
}

ul.galerie_liste {
	margin-top: 30px;
	list-style-image: url( '../../_images/list-item.gif' );
	*list-style-image: url( '../../_images/list-item-ie.gif' );
	color: #666666;
	margin-left: 0px;
}
ul.galerie_liste li {
	line-height: 1.4em;
	padding: 0px;
	margin-bottom: 4px;
}
ul.galerie_liste li a {
	margin-top: 0px;
	padding-top: 0px;
}

table.projekthistorie th p, table.projekthistorie td p {
	margin: 0px;
}
div.filme {
	width:106px;
	float:left;
	margin:0 0 25px 0;
}
div.filme a.arrow{
	padding-left: 6px;
}