@charset "utf-8";
/* CSS Document */
html {
  overflow: -moz-scrollbars-vertical;
}
body {
	background-color: #E8F5FA;
	padding: 0;
	margin: 10px 0 10px 0;
}

/*Umschließt den gesamten Inhalt der Website*/
#frame {
	width:770px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	clear: both;
}

/*header Bereich*/
#header {
	margin: 0;
	padding: 0;
	height: 199px;
	width: 770px;
}

#huelle {
	float: left;
	border-left: 1px solid #5dc7f0;
	border-right: 1px solid #5dc7f0;
	background-color: #FFFFFF;
	width: 768px;
	background-image: url(img/bg_smiley.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	clear: both;
}


/*FRAU IM KOPF  -----------------------------------------------------------------------------------------------------------------*/

#kopfbild {
	float: left;
	background-color: #FFFFFF;
	height: auto;
	width: 150px;
	position: relative;
}




/*NAVI -----------------------------------------------------------------------------------------------------------------*/


/*Navigation*/
#navigation {
	height: 29px;
	padding: 0 0 0 514px;
	margin: 0;
	width: 255px;
	background-color: #C4E7F5;
	border-top: 6px solid #5dc7f0;
	text-align: right;
}
/*Navigation - Text */
.navtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00a8e9;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 7px 3px 7px;
	margin: 0;
	line-height: 29px;
}
/*Navigation - Text - hover*/
.navtext:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #00a8e9;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 7px 3px 7px;
	background-color: #FFFFFF;
}
/*Navigation - Text - ausgewählt*/
.navtext_choose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00a8e9;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 7px 3px 7px;
	margin: 0;
	line-height: 29px;
	background-color: #FFFFFF;
}

/* Navigation Liste */
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
	width: 100%;
	list-style: none;
	float: left;
}
/* Neue Navigation */
.nav li {
	float: left;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

/* Navigation Liste */
.nav_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
	width: 100%;
	list-style: none;
	float: left;
}
/* Neue Navigation */
.nav_sub li {
	float: left;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 0 3px 0;
	margin: 0;
}

/*Subnavigation*/
#subnav {
	height: auto;
	padding: 35px 0 0 0;
	margin: 0;
	width: 160px;
	background-color: #FFFFFF;
	float: left;
}

/*Navigation - Text */
.navtext_sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0099FF;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
	float: none;
}
/*Navigation - Text - hover*/
.navtext_sub:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #F7BA0A;
	text-decoration: none;
	font-weight: normal;
}
/*Navigation - Text - ausgewählt*/
.navtext_sub_choose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F7BA0A;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
}


/* Navigation Liste */
.nav_sub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
	float: none;
}
/* Neue Navigation */
.nav_sub2 li {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 1px 0 1px 20px;
	list-style-image: url(img/smiley_gelb.gif);
	float: left;
}

/* Navigation Liste */
.nav_sub3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
	float: none;
}
/* Neue Navigation */
.nav_sub3 li {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 2px 0 1px 20px;
	list-style-image: url(img/smiley_blau.gif);
	float: left;
}

/*Navigation - Text */
.navtext_sub2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: normal;
	float: none;
}
/*Navigation - Text - hover*/
.navtext_sub2:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #F7BA0A;
	text-decoration: none;
	font-weight: normal;
}
/*Navigation - Text - ausgewählt*/
.navtext_sub2_choose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F7BA0A;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	margin: 0px;
	line-height: normal;
}

table.subnav-border td {
	border-bottom: 2px solid #F7BA0A;
}

.no-bottom {
	border-bottom: 0;
}

/* Navigation Liste */
.navtext_sub-kl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 5px;
	margin: 0;
	line-height: normal;
}

/* Navigation Liste */
.navtext_sub-kl_choose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F7BA0A;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 0 5px;
	margin: 0;
	line-height: normal;
}


/*SIDE RIGHT -----------------------------------------------------------------------------------------------------------------*/

/*Seite mit Tesaser Rechts*/
#teaser {
	height: auto;
	float: right;
	margin: 0;
	width: 190px;
	padding: 36px 0 0 10px;
	background-color: #FFFFFF;
}
/*Tesaserrahmen oben*/
#teaser_oben {
	height: 9px;
	margin: 0;
	width: 173px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(img/bg_teaser_oben.gif);
	background-repeat: no-repeat;
	background-position: top left;
	clear: both;
}
/*Teaserrahmen unten*/
#teaser_unten {
	height: 9px;
	margin: 0;
	width: 173px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(img/bg_teaser_unten.gif);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
}
/*Teaser text*/
#teaser_text {
	height: auto;
	margin: 0;
	width: 171px;
	padding: 0;
	background-color: #FFFFFF;
	clear: both;
	border-left: 1px solid #ffa508;
	border-right: 1px solid #ffa508;
	position: relative;
}


/* CONTENT -----------------------------------------------------------------------------------------------------------------*/

/*Content mit Inhalt*/
#content {
	width: 406px;
	height: auto;
	float: left;
	margin: 35px 0 35px 0;
	padding: 0;
	background-color: #FFFFFF;
	position: relative;
	border-right: 1px solid #00A8E9;
	border-left: 1px solid #00A8E9;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding-right: 20px;
}

/*Text*/
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0 20px 0 20px;
	text-align: left;
	line-height: normal;
}

/*Text im Impressum - Haftungsauschluss, Disclaimer etc.*/
p.imp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0 20px 0 20px;
	text-align: left;
	line-height: normal;
}
/*Text im Teaser*/
.text_teaser {
	font-size: 12px;
	padding: 4px 10px 4px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	margin: 0;
}
/*H1*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #0099FF;
	text-decoration: none;
	line-height: normal;
	text-align: left;
	padding: 0 20px 10px 20px;
	margin: 0;
}

/*Klasse für die Fußzeilen-Keywords*/
.fuss {
	font-size: 10px;
	text-align: center;
}

/*Klasse für die Zwischenüberschriften H1*/
.text {
	padding: 15px 20px 0 20px;
	margin: 0;
	line-height: normal;

}

/*H2*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #F89F03;
	text-decoration: none;
	line-height: normal;
	text-align: left;
	padding: 5px 20px 5px 20px;
	margin: 0;
}
/*H3*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: normal;
	text-align: left;
	padding: 0;
	margin: 0;
}

/*Links*/
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #00A8E9;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
}
/*Link - hover*/
a:hover {
	color: #F89F03;
	text-decoration: none;
	font-weight: normal;
}

/*Tabelle*/
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	text-align: left;
	margin: 0 20px 0 20px;
}

hr {
	border: 1px solid #F7BA0A;
	float: left;
	width: 122px;
	margin: 0 0 0 20px;
}
hr.norm {
	border: 1px solid #F7BA0A;
	margin: 0 20px 0 20px;
	float: none;
	width: auto;
}

.nopad {
	padding: 0;
	margin: 0;
}

.mitte {
	text-align: center;
	line-height: 16px;
}


/* FOOTER -----------------------------------------------------------------------------------------------------------------*/

#footer {
	height: 26px;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0;
	margin-bottom: 30px;
	background-image: url(img/bg_footer.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
}


/* PICTURES -----------------------------------------------------------------------------------------------------------------*/

/*Bilder*/
img {
	padding: 0;
	margin: 0;
	border: 0;
}
/*Bild rechts fließend*/
img.right {
	padding: 0 0 0 5px;
	margin: 0;
	border: 0;
	float: right;
}
/*Bild links fließend*/
img.left {
	margin: 0;
	padding: 0 10px 3px 0;
	float: left;
}
/*Bild im Teaser*/
img.teaser {
	border: 1px solid #6F061D;
	padding: 0;
	margin: 0;
}
/*Bild Logo*/
img.logo {
	border: 0;
	padding: 0;
	margin: 50px 0 0 20px;
	float: none;
}

/* NEWS --------------------------------------------------------------------------- */

#news-pad {
	margin: 0 20px 0 20px;
}

.news-rahmen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #C4E7F5;
	margin: 0 0 20px 0;
}

.news-header {
	background-color: #C4E7F5;
	height: auto;
}
.news-title {
	float: left;
	font-size: 14px;
	margin: 3px;
}
.news-date {
	float: right;
	font-size: 14px;
	margin: 3px;
}
.news-content {
	background-color: #FFFFFF;
	clear: both;
	line-height: 1.5em;
	padding:  5px 0 20px 0;
}
form {
	padding: 0;
	margin: 0;
	float: none;
	clear: both;
}

.big-news {
	font-size: 14px;
	font-weight: bold;
}
.small-news {
	font-size: 10px;
	font-weight: normal;
}

#bookmarks {
	width: 100px;
	padding: 40px 20px 0 20px;
}