@charset "utf-8";
/* 
** 00 Reset standard html styling 
** 01 General Declarations & Typography
** 02 Global Class Declerations & Combinations
** 03 Top Menus
**    03.1 bigMenu (große Navigation im Top-Menü)
**    03.2 smallMenu (kleine Navigation im Top-Menü)
** 04 Banner
** 05 Content
**	  05.1 Left Area
**    05.2 Center Area
** 06 Footer
*/

/* 
** 00 Reset standard html styling 
**--------------------------------------------------------------------------------------------------------------------------------*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* 
** 01 General Declarations & Typography
**--------------------------------------------------------------------------------------------------------------------------------*/
*{
        margin: 0;
        padding: 0; 
        font-size: 1em;
}
html{
        font-size: 1em;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 0.8em;
}
	
h1,h2,h3,h4,h5,h6{color:#3a5496}
h1{margin:0;}
h2{font-family:Arial, Charcoal, sans-serif; font-size:1.8em; font-weight:normal;  margin: 0 0 0.8em 0; }
h3{font-weight:bold; font-size:1.2em; margin:0.6em 0;}
h4{font-size:1.2em;}
	
p{ padding-bottom:1.4em;}

strong { font-weight:bold; }
em, i { font-style:italic }
	
a:link, a:visited{ color:#3a5496; text-decoration:none;}
a:hover, a:active { color:#ac0026; text-decoration:underline;}
a:focus { background:#ac0026; color:#fff; text-decoration:underline;}

/* 
** 02 Global Class Declerations & Combinations
**--------------------------------------------------------------------------------------------------------------------------------*/

.clear{
	clear:both;
	height:0;
	width:100%;
}
.floatLeft{float:left;}
.floatRight{float:right;}

.white {
	background:#fff;
}

.grey {
	color:#666666;
}

.printlink {display:none;}

a.whiteArrow{
			background:url(images/menu_arrow.png) no-repeat 0.55em 0.3em;
			padding-left:14px;
			margin-left:3px;
			color:#fff;
		}
		
	          a.pdf, a.audio, a.zip, a.blank, a.img  { display:block;padding:1px;text-decoration:none !important;padding-left:1.72em; }
              a.pdf{ background:url(images/icon/page_white_acrobat.png) no-repeat left center;}
              a.audio{ background:url(images/icon/page_white_cd.png) no-repeat left center;}
              a.zip{ background:url(images/icon/page_white_compressed.png) no-repeat left center;}
              a.blank{ background:url(images/icon/page_white_blank.png) no-repeat left center;}
              a.img{ background:url(images/icon/page_white_img.png) no-repeat left center;}
              a.pdf:focus, a:focus.audio, a:focus.zip, a:focus.blank, a:focus.img  { background:#ac0026; color:#fff; }
             
              .options { border-top:1px dotted #ccc; padding-top:10px; margin-top:1.56em; }
              a.options 
	          {
	              float:right;
	              display:block;
	              width:1.25em;
	              height:1.17em;
	              text-indent:-9999px;
	              margin:0 0.4em;
	              border:0;
	          }
              a.optionstwitter { background:url(images/icon/twitt.png) no-repeat 0px 0px; }
	          a.optionstwitter:hover { background:url(images/icon/twitt_over.png) no-repeat 0px 0px; }
	          a.optionsfacebook { background:url(images/icon/fb.png) no-repeat 0px 0px; }
	          a.optionsfacebook:hover { background:url(images/icon/fb_over.png) no-repeat 0px 0px; }
	          a.optionsdigg { background:url(images/icon/digg.png) no-repeat 0px 0px; }
	          a.optionsdigg:hover { background:url(images/icon/digg_over.png) no-repeat 0px 0px; }
	          a.optionsdelicious { background:url(images/icon/del.png) no-repeat 0px 0px; }
	          a.optionsdelicious:hover { background:url(images/icon/del_over.png) no-repeat 0px 0px; }
	          a.optionswong { background:url(images/icon/wong.png) no-repeat 0px 0px; }
	          a.optionswong:hover { background:url(images/icon/wong_over.png) no-repeat 0px 0px; }
	          a.optionsgoogle { background:url(images/icon/google.png) no-repeat 0px 0px; }
	          a.optionsgoogle:hover { background:url(images/icon/google_over.png) no-repeat 0px 0px; }
	          a.optionsprint { background:url(images/icon/drucken.png) no-repeat 0px 2px; }
	          a.optionsprint:hover { background:url(images/icon/drucken2.png) no-repeat 0px 2px; }
		      a.optionsversenden { background:url(images/icon/versenden.png) no-repeat 0px 3px; }
		      a.optionsversenden:hover { background:url(images/icon/versenden2.png) no-repeat 0px 3px; }
		      
		      a.oben  { padding:0.1em;text-decoration:none !important;padding-left:0.93em;background:url(images/arrow_blue3.png) no-repeat 2px 0.5em; }
              a.oben:focus  { background:#ac0026; color:#fff; }

		      a.back  { padding:0.1em;margin-right:1em; text-decoration:none !important;padding-left:0.93em;background:url(images/arrow_blue3.png) no-repeat 2px 0.5em; }
              a.back:focus  { background:#ac0026; color:#fff; }
              
             a.link{ display:block;padding:0.1em;text-decoration:none !important;padding-left:12px; background:url(images/arrow_blue.png) no-repeat 2px 0.5em;}
             a.link:focus  { background:#ac0026; color:#fff; }                 

	
div.bild1 { width:11.72em;text-align:right;float:left; margin: 0 0.8em 0.4em 0; padding:0.8em; background:#fff; }    
div.bild1 a { border:1px solid #fff; display:block;margin:0;padding:0 }   
div.bild1 a:focus { border:1px solid #ac0026 }   
div.bild2 { clear:both; margin: 0 0.8em 0.8em 0; background:#f0f0f0; width:41.4em;text-align:center; }     
div.trenner { padding:0.6em 0 0 0; margin:  0 0 0.6em 0; border-bottom: 1px dotted #405894;}

    .liste 
    {
        clear:both;
        overflow:hidden;
        padding:0.6em 0 0.6em 0; margin:  0 0 0.6em 0; border-bottom: 1px dotted #405894;
    }

	.paging
	{
	    clear:both;
		display:block; text-align:center;
		margin:0.8em 0 0 0 ;
		}
		.paging li{
			display:inline;
			margin:0 0.1em;
			padding:0;
			background:0;
			}
		.paging li a,
		.paging li span{
			text-decoration:none !important;
			padding: 0.4em 0.8em;
		}
		.paging li span{ color:#fff;background:#809fd8; width:100% }
		
		.paging li a.vor { padding:0 0.8em; background:url(images/arrow_blue2.png) no-repeat right 0.4em; }
		.paging li.vor { color:#999; padding:0 0.8em; background:url(images/arrow_grey.png) no-repeat right 0.4em; }
		.paging li a.zuruck { padding:0 0.8em; background:url(images/arrow_blue3.png) no-repeat 2px 0.4em; }
		.paging li.zuruck { color:#999;padding:0 0.8em; background:url(images/arrow_grey2.png) no-repeat 2px 0.4em; }

/* 
** 04 Banner
**--------------------------------------------------------------------------------------------------------------------------------*/
h1 a 
{
	display:block;
	position:absolute;
	width:44.4em;
	padding: 1.8em 0 0 12.6em;
	height:13.85em;
	margin-left:2.343em;
	filter:none !important;
}
h1 a:focus {background:#fff !important; }
h1 a:hover {}
/* 
** 05 Content
**--------------------------------------------------------------------------------------------------------------------------------*/

#background_image { width:75em;position:absolute;z-index:0 }

.tabulator {
	margin:0;

	position:relative;
	padding:0;
	z-index:1;
}
.tabulator li{
	display:inline;
}
.tabulator a{
	position: absolute; left: -10000px; color:#000;background:#d7e7fa;
}
.tabulator a:focus, .tabulator a:active
{
    padding:0.5em 0.5em 0.5em 2.34em;
	position:static;
	font-size:1.4em;
	display:block;
	margin:0;
}

div#top_wrapper 
{
    background:#5d75ad url(images/bg/bg.png) repeat-x bottom;
    width:75em;overflow:hidden;z-index:1;position:relative;
    }          
ul#top 
{
    padding:5em 1em 0 0;
    height:3.5em;
    color:#fff;
    font-size:0.9em;
    width:65em;
    float:left;
    text-align:right;
    }
    ul#top li
    {
        display:inline;
        margin:0 0.3em;
    }
    #top  a
    {
        color:#fff;
        letter-spacing:normal;
        display:inline;
        }
        
		a.font-smaller {font-size:0.9em;padding:0 0.1em 0 0;} 
		a.font-bigger {font-size:1.5em;padding:0 0 0 0.1em;}
    
        a.de, a.en 
	          {
	              display:inline;
	              width:3.8em;
	              border:0;
	              padding: 0.1em 0 0.1em 28px;
	              text-align:left;
	          }
              a.de { margin:0 0 0 18px; background:url(images/icon/de.png) no-repeat 0px -3px; }
	          a.de:hover, a.de_act { color:#a2b9e3;background:url(images/icon/de.png) no-repeat 0px -28px; }
              a.en { margin:0 5px 0 0px; background:url(images/icon/en.png) no-repeat 0px -3px; }
	          a.en:hover, a.en_act { color:#a2b9e3;background:url(images/icon/en.png) no-repeat 0px -28px; }
	          
	     a#facebook { padding: 0.1em 0 0.1em 18px;display:inline; background:url(images/icon/fb.png) no-repeat 0px 1px; width:3.8em;  }
	     a#facebook:hover { background:url(images/icon/fb_over2.png) no-repeat 0px 1px; }

        #Suche 
        {
            padding:4.3em 1em 0 0;
            width:14.4em;
            float:left;
            height:3.6em;
        }
        #Suche input
        {
            margin:0px;
            width:10em;
            color:#000;
            font-weight:bold;
            font-size:0.9em; 
            padding: 0.4em 0.4em;
            line-height: normal !important;
            background: #fff;
            border:1px solid #405894;
        }
        #Suche input:hover{ background:#ac0026; color:#fff}
        #Suche button
        {
            letter-spacing:normal;
            border:0;
            background: url(images/arrow_white.png) no-repeat 0.4em 0.7em;
            color:#fff;
            height:1.8em;
            padding: 0 0 0 0.93em;
            margin:0;
            text-align:left;
            cursor:pointer;
        }
        #Suche button.active, #Suche button:hover, #Suche button:focus { color:#405894;background: url(images/arrow_blue.png) no-repeat 0.4em 0.7em; }
    

#printheader { display:none; }

#wrapper{
	width:75em;
	margin:0;
	clear:both;
	position:relative;
	overflow:hidden;
}

#header { clear:both;border-left:2.343em solid #809fd8; width:57.1em; text-align:right;background:#809fd8 }

.lefter  
{
    width:60.3125em;
    float:left; 
    position:relative;
    background: url(images/bg/schatten.png) repeat-y 59.4em 0;
          }
          
/* 05.1 Left Area*/
.left
{
    clear:left;
    float:left;
	width:15.625em;
	padding: 0;
	margin:0;
	position:relative;
	z-index:2;
	/*background: #5d77ad url(images/bg/bg_menu_normal.png) repeat-y !important;*/
}

    .media 
    {
        clear:left;
        float:left;
        width:14.4em;
        overflow:hidden;
        padding:1.5em 0 2em 1.2em;
        }
    .media a 
    {
        background:none !important;
        }
    .media a img
    {
        margin-right:0.55em;
        border:1px solid #fff;
        }
    .media a:focus img
    {
        border:1px solid #ac0026;
        }
    a#ktnmobil { display:block;width:13.2em;height:7.4em;margin:0 0 1.6em 0;}
    a#ktnmobil img { width:13.2em;height:7.4em;border:1px solid #fff;}
    a#ktnmobil:focus img { border:1px solid #ac0026;}

#umsteigeverb { clear:both;  overflow:hidden; width:59.375em; background:#f20034 url(images/bg/umsteig2.png) bottom repeat-x; height:3.7em; }
#umsteigeverb h2 { margin:0; padding: 1.08em 0 1.2em 1em; width:13.22em; height:auto; background:#510011 url(images/bg/umsteig1.png) repeat-x;  float:left; line-height:normal; font-size:1.1em; color:#fff; }
#umsteigeverb li {  float:left; }
#umsteigeverb a { display:block; padding:0 6.3em 0 0 ;min-height:2.1em; line-height:3.7em; font-size:1em; color:#fff;  }
#umsteigeverb img { float:left;margin-right:0.5em; width:3.7em}

/* 05.2 Center Area*/ 
.center {
	/*width:560px;*/
	width:43.75em;
	float:left;
}
   #timetable { width:auto;background:#000;position:relative;padding:3.5em 0 0 0 }
   #timetable caption { display:none }

   #timetable .tabs a { position:absolute;text-decoration:none;color:#fff;font-size:0.8em; background: #c0cfec url(images/icon/tt_inactive.png) repeat-x bottom; width:50%; line-height:3.2em; }
   #timetable .tabs a:hover, #timetable .tabs a:focus { text-decoration:none;background: #4761a2 url(images/icon/tt_hover.png) repeat-x bottom; } 
   #timetable .tabs a span { color:#fff; float:left; font-size:1.4em; font-weight:normal; margin:0 0.8em 0 0.2em}
   #timetable .plane { padding:0.5em 0.5em 0.5em 1em;float:left; width:3.8em }
   
   #tabankunft {top:0em;left:0em;}
   #tababflug {top:0em;right:0em;}
   
   #timetable .tabs a.current  
   {
       background:#000 url(images/icon/tt_active.png) repeat-x top;
       top:-0.7em; 
       padding-top:0.7em;
       } 
   
   #timetable .pane { background:#000000; color:#fff; width:100%; min-height:15em;}
   #timetable .pane table {  width:99.5%;clear:left; color:#fff;font-size:0.9em; }
   #timetable .pane table th { padding:0.3em 0.3em 0.3em 3em; text-align:left }
   #timetable .pane table td { padding:0.3em 0.3em 0.3em 3em; background: url(images/bg/timetable.png) repeat-x; border-right:0.2em solid #000 }
   #timetable .pane table tr.cancelled { color:#dacd5a; }
   #timetable .pane h5 { display:none; }
   
   #timetable a.timetableprint { background:url(images/icon/drucken3.png) no-repeat right; 
                                 display:block; 
                                 text-align:right ;
                                 color:#bababa;
                                 font-size:0.8em;
                                 padding: 0.2em 1.3em 0.2em 0;
                                 margin-right:1em;
                                 }
   #timetable a.timetableprint:hover { background:url(images/icon/drucken4.png) no-repeat right;   color:#fff; }
   
   #news {border-right: 1px dotted #405894;margin: 1em 0.4em 0  0.4em;width:33.4em;position:relative;float:left;}
   #news h2 { color:#e20031; font-size:1.3em; margin:0.4em 1em;}
   #news h3 {color:#e20031; font-size:1em; font-weight:normal;  margin:0 1em 0 0.5em}
   #news h3 a { line-height:normal; display:block; padding: 0.7em 0 0.7em 0.8em; background:url(images/arrow_blue2.png) no-repeat 0 1em;border-bottom: 1px dotted #405894; }
   #news h3 a:focus {background:#ac0026; color:#fff; text-decoration:underline; }
   #news a.archiv { font-size:0.8em; position:absolute; top:0; right:2em; padding: 0.4em 0 0.4em 1em; background:url(images/arrow_blue2.png) no-repeat 0 0.7em; }
   #news a.archiv:focus { background:#ac0026; color:#fff; text-decoration:underline;}
   
   #content 
   {
       width:41.41em;
       padding:1.172em;
       }
   
	.gallery { overflow:hidden; width:43.75em; margin: 0 0 1.56em 0; }
	.galleryimage 
		  {
		      display:block;
		      float:left;
		      height:5.1em;
		      margin:0.46em 0.46em 0 0;
		      overflow:hidden;
		       border:1px solid #fff; 
		      }
		.galleryimage img
		  {
		      height:4.8em;
		     width:7.5em;
		      }
		      
		      
    .galleryimage:focus { border:1px solid #ac0026; }
		      
	ul.article { width:15.625em; float:left; }
	
		
#right
{
    float:left;
	width:15.625em;
	/*width:200px;*/
	padding: 0;
	margin:0 0 0 -0.9375em;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#right h3 
{
    clear:both;
    color:#fff;
    margin:0;
    padding:0 0.8em 0 1em;
    line-height:1.8em;
    min-height:1.8em;
    font-size:1.3em;
    position:relative;
    background: #e20737 url(images/bg/h3.png) repeat-x bottom; 
    }
    
    .wetter { color:#fff; font-size:0.8em; clear:both;padding:0.4em;overflow:hidden;background:#5c77ad url(images/bg/wetter.png) repeat-y }
    .wetterjetzt { width:13em;float:left; }
    .wetterjetztimg {float:left;margin:0 0.4em 0 0.7em;width:3.9em }
    .wettervorschau { width:7.5em;float:left;padding:0.3em;margin:0.4em 0.4em 0.4em 0.6em;text-align:center; background:#5D77AD }
    .wettervorschau img { float:right; width:3.5em;}
    .wetter a { background:url(images/menu_arrow.png) no-repeat 0.55em 0.3em; color:#fff; display:block; clear:both; padding-left:1.5em; }
    .wwo {display:block;clear:left;font-size:0.9em;margin-left:0.5em;color:#5d77ad}
    .wwo a{display:inline;padding:0;color:#748bbb;background:none}
    
    #right h4
    {
        z-index:2 !important;
        position:absolute;
        top:3.55em;clear:both;
        display:block;
        background:#fff;
        font-size:1.6em;
        padding-left:0.8em;
        height:1.6em;
        line-height:1.5em;
        width:14.8em;
        background: url(images/bg/white.png); 
        }
        #right h4 a    { color:#e20031; }
        #right h4 a:hover, #right h4 a:focus    { color:#fff;text-decoration:none }

    .fluglinied 
    {
         width:6em;
         text-align:center;
         padding:1em 0 0 1.2em;
         float:left;
         line-height:normal;
        }
    .fluglinie 
    {
         background: #fff ; 
         width:6.3em;
         height:3.5em;
         line-height:3.5em !important;
         text-align:center;
         font-size:1em;
        }
     .fluglinie img  {vertical-align:middle; }

    
        
/* 
** 06 Footer
**--------------------------------------------------------------------------------------------------------------------------------*/
#footer
{
	padding: 1.5em 0;
	overflow:hidden;
	color:#fff;
	width:75em;
	background:#405894;
	z-index:1;position:relative;
	height:5em; 
}
    a.nachoben {color:#fff;position:absolute;right:1em;top:1.2em}
    .footer_copy { clear:left;width:57.4em;float:left; font-size:0.8em;margin:0  1.5em 0 0.5em;padding:0 2.343em}
    #footer img { float:left;width:8.1em;margin:0 }

/* 
** 06a sitemap
**--------------------------------------------------------------------------------------------------------------------------------*/
#sitemap{
	padding: 0;margin:0;
	overflow:hidden;
	color:#fff;
	width:75em;
	background:#223973;
	z-index:1;position:relative;
}
#sitemap li {
	float:left;width:15.5em;
	padding:1em 0.5em 1em 2.343em;
}

#sitemap li ul li {
	padding:0em;
	float:none;
}
    #sitemap a {text-decoration:none;color:#fff;display:block}
    #sitemap a:hover, #sitemap a:focus  {text-decoration:underline;}
    #sitemap li a {font-weight:bold;}
    #sitemap li ul a {font-weight:normal;font-size:0.9em}
    #sitemap li ul li ul a {padding-left:1em;}
    
    
/* 
** 07 jquery und solche sachen
**--------------------------------------------------------------------------------------------------------------------------------*/

	#gallery{
		padding:4em 0.8em  2.34em;
		background:#fff;
		display:none;
		overflow:hidden;
	}
	
	#sitesend{
		padding:0.8em  0.8em  2.34em;
		width:25.78em;
		height:25.78em;
		background:#fff;
		display:none;
		overflow:hidden;
	}
	#sitesend label, #sitesend input {
		width:12.58em;
		float:left;
		margin:0.55em 0;
	}
	#sitesend textarea {
		width:25.16em;
	}
	#sitesend fieldset {
		margin:0.55em 0;
	}
	#sitesend div { clear:both;background: #e20737 url(images/bg/h3.png) repeat-x bottom;padding:0.4em;margin:0 0 0.95em 0}
    #sitesend legend { font-weight:bold; font-size:1em; margin:0;color:#809fd8; padding:0;}
	/*div.info{ !important; padding:10px 0;}*/
	
	#gallery .next, #gallery .prev { 
		line-height:normal;
		font-size:1.3em;
	    position:absolute; 
	    top:0; 
	    cursor:pointer;
	    display:block !important
	} 
	#gallery .next span, #gallery .prev span { 
		display:block;clear:left;font-size:1em;
	} 
	#gallery .prev{left:0; padding:0.4em  1.56em 0.8em  0.8em;}
	#gallery .next{right:0; padding:0.4em  0.8em 0.8em  1.56em;}
	#gallery .disabled{cursor:default;}
	#gallery .info{display:block !important}
	#gallery a.close{right:0.8em ;position:absolute; bottom:0.8em;display:block !important }
	#gallery .progress { 
	    position:absolute; 
	    top:45%; 
	    left:50%; 
	    display:none; 
	} 
	
	#exposeMask{
	  		background:#294a7a;
	  	}
	  	
	  	
	  	
/* FORMULAR
---------------------------------------------------------------------------------------*/
.forms { clear:both;width:41.4em; margin:1.17em; }
.forms fieldset{ border:1px solid #c0c0c0;  padding:0.4em;  margin-bottom:0.8em;position:relative;}   
.forms legend { font-weight:bold; font-size:1.2em; margin:0.6em 0;color:#809fd8; padding:0 0.8em;}
.forms fieldset br{clear:both;}
.forms input, .forms select { width:15.625em;height:1.562em;padding:0.2em;
		margin:0.2em;
		border:1px solid #a9b7cc; 
		background:#fff; } 
 .forms select { height:2.19em;} 
.forms input:hover, .forms select:hover, .forms textarea:hover{ background:#f0f0f0; } 
.forms input:focus, .forms select:focus, .forms textarea:focus{ background:#fff; border:1px solid #fa5a04; }
.forms label{ float:left; width:9.38em; padding:0.6em 0 0 0;  text-align:right; margin:0 0.5em 0.5em 0; }
.forms label.checkboxen{ clear:both; cursor:pointer; font-size:0.8em; line-height:normal; float:left; width:39.06em; padding:0; text-align:left; margin:0 0 0.8em 0; }
.forms input.checkbox{ width:2.34em; float:left; display:inline; vertical-align:middle;display:block; }
.forms input.radio{ width:1.56em; float:none; display:inline;}
.forms textarea { border:0;clear:left;width:39.06em;height:6.25em; border:1px solid #fff}
.forms .inputDate { width:7.81em;}
.forms label.error {
  width: 15.625em;
  position:absolute;
  float: left;
  color: red;
  padding-left: 0.8em;
  font-size:0.8em;
  text-align:left;
  line-height:normal;
}
.submitten { clear:both;background: #e20737 url(images/bg/h3.png) repeat-x bottom;padding:0.4em;margin:0 0 1.87em 0 }

#PLZ {width:4.37em;}