@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	text-align: center;
	background-image: url(../images/hint_001.jpg);
	background-color: #90B2D5;
	background-repeat: repeat-x;
}

#header {
	width: 565px;
	height: 249px;
	background-image: url(../images/adv_001.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	float: right;
}

#wrapper {
	position: absolute;
	left: 18%;
	text-align: left;
	width: 970px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size: 13px;
	margin-top: 1.53em;
	margin-bottom: 0.75em;
}

a:link {
	color: #2E4C6B;
	font-weight: 400;
	text-decoration: none;
}

a:visited {
	color: #333;
}

#logo {
	width: 385px;
	height: 294px;
	background-image: url(../images/logo_001.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	float: left;
}

#header1 {
	width: 565px;
	height: 249px;
	background-image: url(../images/adv_001.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	float: right;
}

#headertrenn_left {
	width: 10px;
	padding: 0;
	margin: 0;
	float: left;
	height: 240px;
}

#headertrenn {
	width: 10px;
	padding: 0;
	margin: 0;
	float: right;
	height: 240px;
}

#navtrenn {
	width: 10px;
	padding: 0;
	margin: 0;
	float: right;
	height: 45px;
}

#navtrenn_left {
	width: 10px;
	padding: 0;
	margin: 0;
	float: left;
	height: 45px;
}

#navigation {
	background: #4D6680;
	float: left;
	margin: 0;
	width: 565px;
	height: 45px;
	padding: 0;
}

#navigation li {
	float: left;
	list-style: none;
}

#navigation li a, #navigation li a:visited {
	background-image: url(images/hintnav.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: "Times New Roman", Times, serif;
	font-size: 19px;
	color: #FFF;
	float: left;
	text-align: center;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 27px;
	padding-bottom: 4px;
	padding-left: 35px;
	text-decoration: none;
	height: 20px;
}

#navigation li a:hover {
	background-image: url(images/hintnav_button.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFF;
	text-decoration: underline;
	height: 20px;
}

#navigation li a.active {
	background-image: url(images/hintnav_button.png);
	background-position: left bottom;
	color: #FFF;
	background-repeat: repeat-x;
}


/*<--------------nav_left-------------------*/

#navigation_left {
	float: right;
	margin: 0;
	width: 300px;
	height: auto;
	padding: 0;
	text-decoration: none;
}

#navigation_left li {
	float: right;
	display: block;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
	margin: 0px;
	border-bottom-style: dotted;
	width: 300px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-color: #4D6680;
	text-decoration: none;
}

#navigation_left li a, #navigation li a:visited {
	text-decoration: none;
}

#navigation_left li a:hover {
	color: #B3CCE6;
	text-decoration: none;
}

#navigation_left li a.active {
	color: #B3CCE6;
	background-repeat: repeat-x;
	text-decoration: none;
}

/*<--------------nav_left-------------------*/


#content_left {
	width: 380px;
	float: left;
	margin: 0;
	padding: 0;
}

#content {
	width: 585px;
	background-image: url(../images/hint_002.jpg);
	background-repeat: repeat-x;
	float: right;
	background-color: #E2EAF3;
	padding: 0;
	margin: 0;
	height: auto;
}

#shadow1 {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: auto;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_index_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 760px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_best_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 750px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_at001_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 665px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_at002_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 760px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_at003_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 778px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_at004_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 598px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_at005_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 645px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_at006_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 748px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_imp_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 620px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_kon_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 259px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_no001_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 1080px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_no002_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 330px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_soft001_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 1143px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_soft002_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 297px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow_da_l {
	width: 10px;
	background-image: url(../images/shadow_l.png);
	background-repeat: no-repeat;
	float: left;
	padding: 0;
	margin: 0;
	height: 320px;
	right: 575px;
	background-color: #90B2D5;
}

#shadow2 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 700px;
}

#shadow_index {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 760px;
}

#shadow_best {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 750px;
}

#shadow_at001 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 665px;
}

#shadow_at002 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 760px;
}

#shadow_at003 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 778px;
}

#shadow_at004 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 598px;
}

#shadow_at005 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 645px;
}

#shadow_at006 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 748px;
}

#shadow_imp {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 620px;
}

#shadow_kon {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 259px;
}

#shadow_no_001 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 1080px;
}

#shadow_no_002 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 330px;
}

#shadow_so_001 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 1143px;
}
#shadow_so_002 {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 297px;
}

#shadow_da {
	width: 10px;
	background-image: url(../images/shadow_r.png);
	background-repeat: no-repeat;
	float: right;
	background-color: #90B2D5;
	padding: 0;
	margin: 0;
	height: 320px;
}

#navigation2 {
	float: right;
	width: 395px;
	height: 55px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 190px;
	padding-bottom: 0px;
	padding-left: 0;
	background-image: url(../images/hintfooter.png);
	background-repeat: no-repeat;
}

#navigation2 li {
	float: right;
	list-style: none;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	height: 20px;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin: 0px;
}

#navigation2 li a, #navigation li a:visited {
	color: #FFF;
}

#navigation2 li a:hover {
	background-image: url(images/hintnav_button.png);
	background-repeat: repeat-x;
	background-position: right bottom;
	color: #FFF;
	text-decoration: underline;
	height: 20px;
}

#navigation2 li a.active {
	background-image: url(images/hintnav_button.png);
	background-position: right bottom;
	color: #FFF;
	background-repeat: repeat-x;
}

#footer {
	width: 565px;
	height: 55px;
	padding: 0;
	margin: 0;
	float: right;
}

#trenner {
	height: 30px;
	width: 437px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	background-image: url(../images/trenn.png);
	background-repeat: no-repeat;
}
.intro-t {
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	margin: 0px;
	border-bottom-style: dotted;
	width: 300px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-color: #4D6680;
}

.intro-t2 {
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	margin: 0px;
	border-bottom-style: dotted;
	width: 300px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-color: #4D6680;
}

.intro-l {
	float: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	margin: 0px;
	border-bottom-style: dotted;
	width: 300px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-color: #4D6680;
}

.intro-s {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	margin: 0;
	border-bottom-style: none;
	width: 485px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 55px;
	height: auto;
}

.intro-s2 {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	margin: 0;
	border-bottom-style: none;
	width: 485px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 55px;
	height: auto;
}

.intro-b {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333;
	margin: 0;
	border-bottom-style: none;
	width: 475px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 55px;
	height: auto;
}

.foto1 {
	margin: 0;
	float: left;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 15px;
	padding-left: 0;
}

.foto_trenn {
	float: left;
	margin: 0px;
	padding: 0px;
}

.foto_trenn1 {
	float: left;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 55px;
	margin: 0px;
}

.ueberschrift {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 31px;
	color: #2D4C6B;
	width: 465px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 55px;
	margin: 0px;
}

h1 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 29px;
	font-weight: normal;
	color: #2D4C6B;
	font-style: normal;
}

h2 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: normal;
	color: #2D4C6B;
	font-style: normal;
}

h3 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #2D4C6B;
	font-style: normal;
}

h4 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	font-style: normal;
}

h5 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: normal;
	color: #B3CCE6;
	font-style: normal;
}

h6 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	color: #2D4C6B;
	font-style: normal;
}

hr {
	background: url(images/trenn.jpg) no-repeat;
	height: 20px;
	clear: both;
	padding: 10px;
}

div.trenner {
	background: url(images/trenn.jpg) no-repeat;
	height: 20px;
	clear: both;
	padding: 10px;
}

div.trenner hr {
	display: none;
}