/* ----------------- Hauptformat --------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

body   {
		margin: 0px;
		margin-bottom: 30px;
		font-family: Arial, Tahoma, Sans-Serif; 
		color: #353535; 
		font-size: 10pt;
		background-color: #F0F0F0;
		height: 100%;
		min-height: 100%;
		background-image:url('../bilder/seite/body.png');
		background-repeat: repeat-x;
		}

/* ----------------- Container ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

#bgblack {
left: 0;
top: 0;
z-index: 105;
position: fixed;
width: 100%;
min-height: 100%; 
background-color: #000;
filter:alpha(opacity=60); 
-moz-opacity: 0.60; 
opacity: 0.60;
min-height: 100%;
}
* html #bgblack {
height: 100%;
position: absolute;
}

#alle-staedte{
z-index: 115;
position: fixed;
width: 780px;
height: 560px;
top: 50%;
left: 50%;
margin-left: -440px;
margin-top: -330px;
padding: 50px;
background-image:url('../bilder/seite/bg-alle-staedte.png');
background-repeat: no-repeat;
}
* html #alle-staedte{
position: absolute;
}

#staedte-close{
z-index: 116;
position: fixed;
width: 36px;
height: 36px;
top: 50%;
left: 50%;
margin-left: 400px;
margin-top: -330px;
}
* html #staedte-close{
position: absolute;
}

#werbebanner{
z-index: 101;
position: absolute;
top: 15px;
left: 390px;
font-size: 85%;
}


#werbeprogramm_rechts{
z-index: 101;
position: absolute;
top: 45px;
left: 970px;
}


#logo{
z-index: 101;
position: absolute;
width: 226px; 
top: 15px;
left: 15px;
font-size: 85%;
}

#logo-unterseiten{
z-index: 100;
position: absolute;
width: 226px; 
top: 15px;
left: 5px;
font-size: 85%;
}

#inhalt-kopf {
clear:both;
float:left;
width: 955px;
line-height: 140%;
background-image:url('../bilder/seite/bgkopf.png');
background-repeat: repeat-x;
border-right: 4px solid #e4e4e4;
background-color: #ffffff;
height: 170px;
}

#inhalt-kopf-klein {
clear:both;
float:left;
width: 955px;
line-height: 140%;
background-image:url('../bilder/seite/bgkopf.png');
background-repeat: repeat-x;
border-right: 4px solid #e4e4e4;
background-color: #ffffff;
height: 190px;
}

#navigation {
clear:both;
float:left;
width: 955px;
margin-bottom: 1px;
margin-top: 102px;
margin-left: 15px;
}


#ort {
clear:both;
padding: 10px;
padding-bottom: 0px;
padding-left: 10px;
padding-top: 30px;
width: 920px;
margin-bottom: 1px;
font-size: 85%;
}
* +html #ort{
padding-top: 5px;
}

#inhalt {
clear:both;
float:left;
width: 955px;
line-height: 140%;
border-right: 4px solid #e4e4e4;
border-bottom: 4px solid #e4e4e4;
margin-bottom: 25px;
background-color: #ffffff;
}

#inhalt-index {
clear:both;
float:left;
width: 955px;
line-height: 140%;
border-right: 4px solid #e4e4e4;
border-bottom: 4px solid #e4e4e4;
margin-bottom: 25px;
background-color: #ffffff;
}

.newsbox-headline{
float:left;
width: 190px;
height: 20px;
border-right: 1px solid #eee;
background-color: #444;
color: #fff;
font-size: 85%;
}

.newsbox{
float:left;
width: 190px;
height: 310px;
border-right: 1px solid #eee;
font-size: 8pt;
line-height: 160%;
background-color: #fff;
}

.newsbox:hover{
background-color: #f9f9f9;
}

.newsbox-headline-lang{
float:left;
width: 381px;
height: 20px;
border-right: 1px solid #eee;
background-color: #444;
color: #fff;
font-size: 85%;
}

.newsbox-lang{
float:left;
width: 381px;
height: 310px;
border-right: 1px solid #eee;
font-size: 8pt;
line-height: 160%;
background-color: #fff;
}

#linke-seite {
clear:both;
float:left;
width: 560px;
line-height: 140%;
margin-right: 50px;
padding-left: 15px;
}

#rechte-seite {
float:left;
width: 290px;
padding-left: 20px;
line-height: 150%;
background-image:url('../bilder/seite/rechts-bg.png');
background-repeat: repeat-y;
}

.werbung {
clear:both;
float:left;
width: 560px;
line-height: 150%;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff; 
border: 1px solid #fff;
}

.werbung-ueber {
clear:both;
float:left;
width: 530px;
margin: 0px;
margin-bottom: -15px;
font-size: 75%;
padding: 3px;
text-transform:	uppercase;
}

.schwarz{
clear:both;
float:left;
padding: 15px;
width: 440px;
line-height: 160%;
background-color: #222;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);
-moz-opacity: 90;
opacity: 90;
color: #fff;
margin: 15px;
margin-top: 145px;
}

#startbox{
float:left;
width: 353px;
height: 111px;
padding: 15px;
background-color: #fff;
font-size: 8pt;
}

.adressbox{
float:left;
width: 270px;
padding: 10px;
margin: 1px;
background-color: #fff;
border: 1px solid #e1e1e1;
line-height: 110%;
margin-bottom: 10px;
}

.adressbox-line{
float:left;
width: 270px;
padding: 10px;
margin: 1px;
background-color: #fff;
border: 1px solid #e1e1e1;
line-height: 140%;
margin-bottom: 10px;
}

.stadtbox{
float:left;
width: 540px;
padding: 10px;
padding-left: 0px;
margin: 1px;
background-color: #fff;
border-bottom: 1px solid #e1e1e1;
line-height: 140%;
cursor: pointer;
}

.stadtbox:hover{
background-color: #fbfbfb; 
}
.werbung-rechts {
clear:both;
float:left;
width: 290px;
line-height: 150%;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #fff; 
border: 1px solid #fff;
}

.werbung-ueber-rechts {
clear:both;
float:left;
width: 280px;
margin: 0px;
margin-bottom: -15px;
font-size: 75%;
padding: 3px;
text-transform:	uppercase;
}

#inhalt-fuss {
clear:both;
float:left;
width: 1007px;
height: 65px;
}

.fuss-innen {
clear:both;
float:left;
width: 970px;
padding: 15px;
padding-top: 10px;
padding-bottom: 0px;
font-size: 85%;
line-height: 160%;
text-align:left;
}

.clear{
clear:both;
float:left;
width: 760px;
padding: 10px;
border-bottom: 1px solid #e1e1e1;
line-height: 140%;
margin-bottom: 10px;
}

.clear-inhalte{
clear:both;
float:left;
width: 540px;
padding: 10px;
padding-left: 0px;
border-bottom: 1px solid #e1e1e1;
line-height: 140%;
}

/* ----------------- Subdivs   ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/		

#sub-themen {
position: absolute;
z-index: 110;
left:50%;
margin-left: -400px;
top: 40px;
width: 170px;
height: 374px;
padding: 15px;
padding-top: 11px;
background-image:url('../bilder/seite/sub-laender.png');
background-repeat: no-repeat;
}

#sub-staedte {
position: absolute;
z-index: 110;
left:50%;
margin-left: -234px;
top: 60px;
width: 170px;
height: 374px;
padding: 15px;
padding-top: 11px;
background-image:url('../bilder/seite/sub-laender.png');
background-repeat: no-repeat;
}

#sub-laender {
position: absolute;
z-index: 110;
left:50%;
margin-left: -55px;
top: 60px;
width: 170px;
height: 374px;
padding: 15px;
padding-top: 11px;
background-image:url('../bilder/seite/sub-laender.png');
background-repeat: no-repeat;
}

#sub-ausfluglaender {
position: absolute;
z-index: 110;
left: 0px;
top: 113px;
padding: 15px;
width: 955px;
}

#sub-bundeslaender {
position: absolute;
z-index: 109;
left:50%;
margin-left: 113px;
top: 120px;
width: 220px;
height: 300px;
padding: 25px;
background-image:url('../bilder/seite/sub-bundeslaender.png');
background-repeat: no-repeat;
}

#sub-redaktion {
position: absolute;
z-index: 110;
left: 0px;
top: 113px;
padding: 15px;
width: 955px;
}

#sub-service {
position: absolute;
z-index: 110;
left: 0px;
top: 113px;
padding: 15px;
width: 955px;
}
						

#siegel-info {
position: absolute;
z-index: 109;
width: 270px;
height: 200px;
padding: 35px;
padding-right: 45px;
background-image:url('../bilder/seite/bg-siegel.png');
background-repeat: no-repeat;
font-size: 85%; color: #333;
line-height: 160%;
margin-top: 6px;
}

#bundeslaender-select {
z-index: 110;
position:absolute; 
width: 287px; 
border: 1px solid #e1e1e1; 
margin-top: 23px; 
margin-left: 150px; 
height: 200px; 
overflow:auto; 
padding: 10px; 
background-color: #fff; 
}
*+html #bundeslaender-select {
margin-left: 0px; 
}
						

#kategorie-select {
z-index: 110;
position:absolute; 
width: 287px; 
border: 1px solid #e1e1e1; 
margin-top: 23px; 
margin-left: 150px; 
height: 200px; 
overflow:auto; 
padding: 10px; 
background-color: #fff; 
}
*+html #kategorie-select {
margin-left: 0px; 
}

#werbeform-select {
z-index: 110;
position:absolute; 
width: 380px; 
border: 1px solid #e1e1e1; 
margin-top: 23px; 
margin-left: 150px; 
padding: 10px; 
background-color: #fff; 
}
*+html #werbeform-select {
margin-left: 0px; 
}

#laufzeit-select {
z-index: 110;
position:absolute; 
width: 400px; 
border: 1px solid #e1e1e1; 
margin-top: 23px; 
margin-left: 150px; 
padding: 10px; 
background-color: #fff; 
}
*+html #laufzeit-select {
margin-left: 0px; 
}

#preisgruppe-select {
z-index: 110;
position:absolute; 
width: 400px; 
border: 1px solid #e1e1e1; 
margin-top: 23px; 
margin-left: 150px; 
padding: 10px; 
background-color: #fff; 
}
*+html #preisgruppe-select {
margin-left: 0px; 
}

#so-funktionierts {
z-index: 115;
position:fixed;
padding: 0px;
padding-top: 28px; 
width: 760px; 
height: 422px;
top: 50%;
left: 50%;
margin-top: -225px; 
margin-left: -380px; 
background-image:url('../bilder/seite/bg-video-player.png');
background-repeat: no-repeat;
text-align:center;
}
*html #so-funktionierts {
position:absolute; 
}

/* ----------------- Hyperlinks ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

a, a:visited    		{
color:#333; 
text-decoration: none;
}
a:hover, a:active 		{
color:#333; 
text-decoration: none; 
}

a.text, a.text:visited  {
color: #206C91;
text-decoration: underline;
}
a.text:hover, a.text:active 		{
text-decoration: none; 
color: #206C91; 
background-color: #EAF5FB; 
}

a.text_deak, a.text_deak:visited  {
color: #cccccc;
text-decoration: none;
}
a.text_deak:hover, a.text_deak:active 		{
text-decoration: none; 
color: #206C91; 
background-color: #EAF5FB; 
}

a.text2, a.text2:visited  {
color: #777;
text-decoration: none;
padding: 2px;
}
a.text2:hover, a.text2:active 		{
text-decoration: none; 
color: #343434;
background-color: #EAF5FB; 
}

a.titel, a.titel:visited  {
color: #1A5673;
text-decoration: none;
font-size: 110%;
font-weight: bold;
}
a.titel:hover, a.titel:active 		{
text-decoration: underline; 
color: #1A5673; 
}

a.ortlink, a.ortlink:visited  {
color: #206C91;
text-decoration: underline;
padding: 2px;
}
a.ortlink:hover, a.ortlink:active 		{
text-decoration: none; 
color: #206C91; 
background-color: #EAF5FB; 
}

a.navilink, a.navilink:visited  {
color:#424242; 
text-decoration: none;
display:block;
padding: 3px;
padding-left: 14px;
padding-right: 14px;
border-right: 1px solid #EDEDED;
float:left;
font-weight:bold;
font-family: tahoma;
font-size: 85%;
text-transform: uppercase;
}
a.navilink:hover, a.navilink:active {
color: #424242;
text-decoration: underline;
}

a.navi-sub, a.navi-sub:visited  {
font-size: 85%;
color:#444; 
text-decoration: none;
display:block;
float:left;
padding: 5px;
padding-right: 8px;
padding-left: 8px;
border-right: 1px solid #f4f4f4;
}
a.navi-sub:hover, a.navi-sub:active {
color: #222;
text-decoration: underline;
}

a.navi-text, a.navi-text:visited  {
font-size: 85%;
font-weight: bold;
color:#444; 
text-decoration: none;
display:block;
padding: 5px;
padding-left: 20px;
border-bottom: 1px solid #eee;
background-image:url('../bilder/seite/arrow.gif');
background-repeat: no-repeat;
background-position: 5px 50%;
}
a.navi-text:hover, a.navi-text:active {
color: #222;
text-decoration: none;
background-color: #fbfbfb; 
}

a.fusslink, a.fusslink:visited  {
color: #555;
text-decoration: none;
padding: 2px;
}
a.fusslink:hover, a.fusslink:active 		{
text-decoration: underline; 
color: #555; 
}


/* ----------------- Grafiken ---------------------------------------------------------------|
----------------------------------------------------------------------------------------------*/								

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

img.galerie{
clear:both;
padding: 2px;
background-color: #fff;
border: 1px solid #ccc;
}
img.trans { behavior: url(./iepngfix.htc) }


/* Ueberschriften
----------------------------------------------- */

h1.weiss {
	font-size:					190%;
	color: #fff;
	}
	
h1 {
	font-size:					180%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 150%;
}

h2 {
	font-size:					150%;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 150%;
	color: #E44E1B;
}
h3 {
	color:						#333;
	font-size:					140%;
	margin: 0;
	padding: 0;
	font-weight:				normal;
}
h4 {
	color:						#222;
	font-size:					130%;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight:				normal;
	border-bottom: 1px solid #eee;
}

h5 {
	font-size:					14px;
	text-transform:				uppercase;
	margin: 0;
	padding: 0;
}


span.formular {font-size: 95%; clear:both; font-weight: bold; margin: 3px; width: 100px; display: block; float: left;}
span.ueber {font-weight: bold; font-size: 110%; display: block;}
span.ueberschrift {font-weight: bold; display: block; margin-bottom: 12px;}
span.small {font-family: "georgia"; font-weight: bold; color: #999; font-size: 85%;}
span.padd {clear:both; font-weight: bold; width: 100px; display: block; float: left;}
span.padd2 {clear:both; font-weight: bold; width: 100px; display: block; float: left; padding: 2px;}
span.editor {color: #999; font-size: 85%; font-style:italic;}
label {color: #575757; clear:both; width: 150px; display: block; float: left;}
label.zwei {color: #333; width: 800px; float: left;}
span.untertitel {color: #777; font-size: 85%;display: block;}
span.grau {color: #999; font-size: 85%;}


/* Sonstiges
----------------------------------------------- */
p{margin: 0px; padding: 0px;}

ul{padding: 0; margin: 0;}
li{padding: 2px; margin: 0;}
ul.stil {
color: #555;
margin-left: 0px;
margin-top: 3px;
list-style-type: square;
list-style-position:inside;
padding: 0px;
}

ul.blank {
margin-left: 0px;
margin-top: 3px;
list-style-type: none;
list-style-position:inside;
padding: 0px;
}

*+html .blank li {
margin-left: -20px;
}

input, form, textarea {margin: 0px; padding: 0px; font-family:  Arial, Tahoma, Sans-Serif; font-size: 95%;}

input{padding: 3px;}
input.big{
padding: 3px; 
width: 300px; 
border: 1px solid #e4e4e4;
background-image:url('../bilder/seite/bg-input.jpg');
background-repeat: repeat-x;
background-position: 0 0;
margin-bottom: 5px;
}
input.big-select{
padding: 3px; 
width: 275px; 
border: 1px solid #e4e4e4;
background-image:url('../bilder/seite/bg-input-select.jpg');
background-repeat: no-repeat;
background-position: fixed;
margin-bottom: 5px;
padding-right: 25px;
}

input.formgrau{
width: 150px; 
border: 1px solid #FBFAF8;
background-color: #FBFAF8;
}

textarea.stil{
padding: 3px; 
width: 300px; 
height: 200px;
border: 1px solid #e4e4e4;
background-image:url('../bilder/seite/bg-input.jpg');
background-repeat: repeat-x;
background-position: 0 0;
margin-bottom: 5px;
}


div#popupinfo {
	display: block;
}