/* Used for: Normal for pages (incl. NAvigation)! */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.blueblock{
width: 148px;
position: relative;
left: 0px;
/* border-right: 1px solid #000; */
padding: 2px 0 2px 0;
/* margin-bottom: 1em; */
/* font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; */
/* font-size: 90%; */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%; 
background-color: #90bade;
color: #333;
}

* html .blueblock{ /*IE 6 only */
width: 112px; /*Box model bug: 180px minus all left and right paddings for .blueblock */
}

.blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.blueblock li {
border-bottom: 1px solid #90bade;
font-size: 11px;
margin: 0;
}

.blueblock li a{
display: block;
padding: 4px 5px 4px 8px;
font-size: 11px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body .blueblock li a{ /*Non IE6 width*/
width: auto;
}

.blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}




body, html, #navigation, #container, #inhalt {
           margin:0;
           padding:0;
}

body {
           	font: 100.01% Arial, sans-serif; 
           	background-color: #307791; 
           	/* background-color: #FDB822; */
           	text-align: center;
}

#container {
           	width: 50em;
           	text-align: left;
           	margin: 0 auto;
		margin-top: 0.4em;


		/* 1. ohne Topangebote, zentriert, ohne Angabe von margin-left */
		/* 2. mit Topangebote schmal (120px), nach links verschoben, margin-left: 11em; */
		/* 3. mit Topangebote breit (260px), nach links verschoben, margin-left: em; */
		/* 4. Links zentiert */

		/* 2. Topangebote SCHMAL */
		/* margin-left: 11em; */

		/* 3. Topangebote BREIT */
 		/* margin-left: 7em; */

		/* 4. Nicht zentriert, linksbündig */
		margin-left: 0.4em; 

           	background-color:#70B5CE; 
		border-style: solid;
		/* background-color: #FFFFFF; */
		border-color: #3054BF; 
		border-width: 1px;
}
#kopf {
           background-color: #70B5CE; 
	     /* background-color: #90BADE; */
	     height: 114px;
           color: #E6DCCF;
           padding: 0px;
           text-align: left;
}

#hpos1 {
		/* background-color: #90BADE; */
            background-color: #70B5CE; 
		height: 70px;
	      width: 17em;
		float: left;
}

#hpos2 {
	      /* background-color: #90BADE; */
		position: relative;
		top: 5px; 
		height: 70px;
	      width: 15em;
		float: left;
}

#hpos3 {
		background-color: #70B5CE; 
		height: 70px;
	      width: 2em;
		float: left;
}

#hpos4 {
		background-color:  #70B5CE;
		height: 70px;
	      width: 16.0em;
		float: left; 
}

#addthis {
		position: absolute;
		top: 60px;
		left: 710px;
}

#navigation_h {
		background-color: white;
		margin-top: 3px; 
		height: 40px;
	      width: 50em;
		float: left; 
}

#topof_navigation{
		/*background-color: #FFFFFF; */
		height: 129px;
		margin-top: 1px; 
		margin-left: 2px; 
}

#titel_video {

		background-color: #FFFFFF; 
		height: 10px;
		margin-top: 1px; 
		margin-left: 1px;
		margin-right: 1px;
		padding: 1px 1px 2px 18px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px; 
		font-weight: normal;
		color: #0087CA;
}

#titel_navigation {

		background-color: #FDB822; 
		height: 15px;
		margin-top: 2px; 
		margin-left: 1px;
		margin-right: 1px;
		padding: 2px 1px 2px 18px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		font-weight: bold;
		color: #FFFFFF;
}

#titel_navigation2 {

		background-color: #FDB822; 
		/* background-color: #D5D5D7; */
		/* background-color: #70B5CE; */
		height: 15px;
		margin-top: 1px; 
		margin-left: 1px;
		margin-right: 1px;
		padding: 2px 1px 2px 18px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		font-weight: bold;
		color: #FFFFFF;
}

#info_bild {
		margin-top: 1px;
		border-style: solid;
		border-color: #FDB822;
		border-width: 2px;
		
}

#navigation {
           width: 148px;
           float: left;
           background-color:#70B5CE;
           color: #3054BF;
}

#bilder {
            background-color: white; 
		height: 131px;
	      width: 649px;
		margin-top: 0px;
		margin-left: 2px;
		margin-bottom: 0px; 
		float: left;
}

#bild1 {
		/* background-color: blue; */
		height: 131px;
	      width: 163px;
		float: left;
}

#bild2 {
		/* background-color: orange; */
		height: 131px;
	      width: 163px;
		float: left;
}

#bild3 {
		/* background-color: green; */
		height: 131px;
	      width: 163px;
		float: left;
}

#bild4 {
		background-color: #FFFFFF; 
		height: 131px;
	      width: 160px;
		float: left;
}

.rahmen_bilder {
		border-style: solid;
		border-color: #2175BC;
		border-width: 1px;
}


#inhalt {
           	background-color: #fff;
           	color: #023A9A;
           	margin-left: 9.25em;
		padding-left: 0px;
		padding-top: 8px;
}

#inhalt2 {
           	background-color: #fff;
           	color: #023A9A;
           	margin-left: 9.25em;
		padding-left: 12px;
		padding-top: 8px;
}

#inhalt3 {
           	background-color: #fff;
           	color: #023A9A;
           	margin-left: 9.25em;
		padding-left: 0px;
		padding-top: 8px;
}

#extraline {
		padding-top: 30px;
		margin-top: 30px;
}

#inhaltstext {
		font-size: 13px;
		margin: 11px 11px 0px 11px; 
}


#inhaltstext2 {
		font-size: 13px;
		color: black;
		margin: 11px 15px 0px 3px; 
}

#inhaltstext_ohneFrame {
		font-size: 13px;
		margin-left: 11px;
		margin-right: 11px;
}

#inhaltstext_ohneFrame2 {
		font-size: 13px;
		margin-left: 11px;
		margin-right: 11px;
		padding-left: 120px;
		padding-right: 80px;
}

#inhaltstext_ohneFrame3 {
		font-size: 13px;
		margin-left: 11px;
		margin-right: 11px;
		padding-left: 120px;
		padding-right: 80px;
}

#inhaltstext_ohneFrame3 a {
		color: #0D4595;
}

#inhaltstext_ohneFrame4 {
		font-size: 13px;
		margin-left: 11px;
		margin-right: 11px;
		padding-left: 120px;
		padding-right: 80px;
}

#inhaltstext_ohneFrame4 a {
		color: #0D4595;
}



#footer {
		background-color: #105B9A;
           	color: #E6DCCF;
		font-size: 12px;
           	padding: 10px;
           	text-align: center;

}

#footer a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none; 
}

#footer a:focus, a:hover {
	color: #FFFFFF; 
	text-decoration: underline; 
}

#footer a:active {
	color: #FFFFFF;
	text-decoration: none; 
}

#box_obenrechts_120 {
           	background-color: #3054BF;
		width: 120px;
		height: 114px;
		position: absolute;
		top: 0.4em;
		left: 50.6em;
}

#topangebote_120 {
		background-color: #D5D5D7;
		width: 120px;
		position: absolute;
		top: 122px;
		left: 50.6em;
}

#box_obenrechts_260 {
           	background-color: #3054BF;
		width: 260px;
		height: 114px;
		position: absolute;
		top: 0.4em;
		left: 50.6em;
}

#topangebote_260 {
		/* background-color: #D5D5D7; */
		background-color: #FFFFFF;
		border-color: #3054BF;
		border-style: solid;
		border-width: 1px;
		width: 198px;
		/* width: 260px; */
		position: absolute;
		/*top: 122px; */
		top: 0.4em;
		left: 50.6em;
}

#topveranstalter_260 {
		background-color: #FFFFFF;
		border-color: #307791;
		border-style: solid;
		border-width: 1px;
		width: 100px;
		position: absolute;
		top: 0.4em;
		left: 50.6em;
}

#topveranstalter_under_260 {
		background-color: #FFFFFF;
		border-color: #307791;
		border-style: solid;
		border-width: 1px;
		width: 100px;
		position: absolute;
		top: 34.93em;
		left: 50.6em;
}

#bild_topangebote {
		margin-left: 3px;
		margin-top: 3px;
}

#frame_topangebote {

}


p {
           /* margin: 25px 25px 0 25px; */
           /* margin: 12px 12px 12px 12px; */
}

h1 {
           /*margin: 0 25px; */
           padding: 0px; 
           font-size: 14px;
}

#videofilm, #videofilm2 {
		margin-right: 5px;
		margin-bottom: 4px;
		width: 250px;
		height: 192px;
		position: relative; 
		top: 4px;
		float: left; 
}


#maps, #maps2 {
		border-style: solid;
		border-color: #2175BC;
		border-width: 1px;
		margin-right: 7px;
		margin-bottom: 12px;
		width: 268px;
		height: 190px;
		position: relative; 
		top: 4px;
		float: left; 
}

#polo	{
		text-align: right;	
		margin-right: 20px;
}

.textbildL {
		margin-top: 10px;
		margin-bottom: 5px;
		width: 215px;
		float: left;
}

.textbildR {
		width: 215px;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 5px;
		float: right;
}

.textbildHR {
		width: 170px;
		height: 235px;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 5px;
		float: right;
}

.textbildHHR {
		width: 320px;
		height: 460px;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 5px;
		float: right;
}

.textbildHL {
		margin-top: 10px;
		margin-bottom: 5px;
		width: 170px;
		height: 235px;
		float: left;
}

.textbildHHL {
		margin-top: 10px;
		margin-bottom: 5px;
		width: 320px;
		height: 460px;
		float: left;
}

.textbildLG {
		margin-top: 15px;
		margin-bottom: 5px;
		width: 410px;
		float: left;
}

.tit		{
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 14px; 
}

.tit2		{
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 12px; 
}

.tit3		{
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 18px;
}

.tit4		{
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		color: #E29F0D;
		font-size: 13px;
}

.pfeil_in2 {
	margin-left: 24px;
}

.video_in2 {
	margin-left: 0px;
}

.col-white {
		color:#FFFFFF;
		display: inline;
}


.logo_tpg {
		position: absolute;
		top: 334px;
		left: 184px;
}

.textBi   {
		width: 25px;
		vertical-align:top;
}

.textBo   {
		width: 210px;
		vertical-align:top;
}

.orangetext {
		color: #C18107;
}