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

/*
 * Project: "Flughafen Augsburg" 
 * File: basic.css
 *
 *
 * @copyright	Copyright 2009, Suzana Kötter
 * @author		Suzana Kötter
 * @link		http://www.id-script.de 
 *
 *
 */
/*----------- RESET ---------------------------------------
----------------------------------------------------------*/
* {padding: 0; margin: 0; font-size: 100%; font-weight: normal;}
ul, ol		{ list-style: none; }
b, strong	{ font-weight: bold; }
img, a img	{ border: none; }
/*----------- SCHRIFT / GRÖSSE -----------------------------
-----------------------------------------------------------*/
html { height:100%}
body { 
background: #fff url(../bg/bodyBg.png) left top repeat-x; 
font-size: 100%;
font-family: Arial, Helvetica, "Trebuchet MS", sans-serif !important;
color: #333;
text-align: left; 
line-height: 1em;
height:100%;
}
h1, h2, h3	{ margin: 0; line-height: 1em; }
h1		{ font-size: 1.8em; }
h2		{ font-size: 1.2em; color:#4583bf;}
h3 		{ font-size: 0.9em; margin:1em 0 0.5em 0; font-weight: bold;}
h4		{ font-size: 0.8em; font-weight: bold;}
p 		{ font-size:0.8em; line-height:1.5em; margin-bottom: 0.8em; }
/*----------- LINKS --------------------------------------
----------------------------------------------------------*/
a:link, 
a:visited { text-decoration:none; color:#2167b5; }
a:hover, 
a:focus,
a:active  { text-decoration:none; color:#369;}

/*------------ LISTE ---------------------------------------
-----------------------------------------------------------*/
ul li, ol li	{ padding-bottom: 0.5em; font-size:0.8em; line-height:1.5em;}
dt	{ font-size:0.8em; font-weight: bold; }
dd	{ font-size:0.8em; margin: 5px 0 8px 0; }
/*------------ LAYOUT---------------------------------------
-----------------------------------------------------------*/
#pageA, #pageB	{ background: #fff url(../bg/schatten.png) left top repeat-y; width:960px; margin:0 auto; height:auto; padding: 0 3px; }
#header		{ height:215px;}
#content	{ padding: 0 10px; position:relative;}
#footer		{ background:#4583bf; position:relative; color:#fff;  text-align:center;  margin-top: 15px; padding:5px 20px; clear:both;} 
#watchVideo 	{ position:relative; background:url(../bg/headerBild.png) left top no-repeat; height:172px; }
#logo		{ position:absolute; top:54px; left: 30px;}
#wrapper	{ margin-top:20px; }
#pageA #colLeft		{ float:left; margin-right: 20px; width:200px; min-height: 100%; } 
#pageA #colContent	{ float:left; width: 480px; margin-right: 20px;}
#pageA #colRight	{ float:left; width:220px; min-height: 100%; }

#pageB #colLeft		{ float:left; margin-right: 20px; width:200px; min-height: 100%; } 
#pageB #colContent	{ float:left; width: 700px; margin-right: 20px;}

/*------------ TopNavigation--------------------------------
-----------------------------------------------------------*/
#topNav			{ height: 30px; background:#4583bf; }
#topNav ul li 		{ display:inline;}
#topNav ul li a		{ float: left; color:#FFF; background:url(../bg/topNavBgLeft.png) no-repeat left top; padding:0 0 0 8px; margin-left: 2px; margin-top:3px;}
#topNav ul li a span	{ float:left; display:block; background:url(../bg/topNavBgRight.png) no-repeat right top; padding:6px 25px 3px 16px; }
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topNav a span {float:none;}
/* End IE5-Mac hack */
#topNav a:hover, #topNav a.active {background-position:0% -28px;}
#topNav a:hover span, #topNav a.active span {color:#FC3; background-position:100% -28px;}
/*------------ Navigation ----------------------------------
-----------------------------------------------------------*/
#navigation		{ position: relative; top: 142px; background:url(../bg/navBg.png) left top no-repeat; display:block; height:44px;}
#navigation ul		{ padding: 10px 20px;}
#navigation ul li	{ display:inline; padding:0; margin-right:20px; }
#navigation ul li a	{ background:url(../bg/pfeil.png) no-repeat left top; padding:0 20px 1px 20px; color:#2167b5;}
#navigation a:hover	{ background-position:0% -17px; color:#2167b5;} 
#navigation a.active	{ background-position:0% -17px; color:#666;}
/*------------ Navigation Links ----------------------------
-----------------------------------------------------------*/
#colLeft #navSec		{ }
#colLeft #navSec ul 		{ font-size: 0.9em; padding: 10px 0; background: url(../bg/bgNavSec.png) left bottom no-repeat;}
#colLeft #navSec ul li 		{  margin-bottom:2px;}
#colLeft #navSec ul li a	{ padding-left: 25px; background:url(../img/liNavSec.png) 13px 4px no-repeat; display:block; color:#000;}
#colLeft #navSec ul li a:hover,
#colLeft #navSec ul li a.active { color:#2167b5;}
#colLeft #navSec h2		{ font-size: 0.8em; font-weight:bold; background:url(../bg/bgTitelNavSec.png) left top no-repeat; padding: 10px 0; text-align:center; color:#000;}
/*------------ Box-A Links----------------------------------
-----------------------------------------------------------*/
#colLeft .boxA		{ background: url(../bg/bgBoxA.png) left bottom no-repeat; height:148px;margin-bottom:8px; }
#colLeft .boxA h2	{ background:url(../bg/titelBgLeft.png) left top no-repeat; margin:0; padding: 10px 0px 10px 20px; font-size:0.8em;}
#colLeft .boxA h2 a	{ background:url(../bg/pfeilB.png) 150px 0 no-repeat; padding-right: 115px;}
#colLeft .boxA h2 a:hover{ background:url(../bg/pfeilB.png) 150px -17px no-repeat; color:#000;}
#colLeft .boxA .plan	{ margin: 5px 10px;}
#colLeft .boxA p	{ text-align:center; font-size: 11px; font-weight: bold; color:#4583bf; }

/*------------ Box-B Links----------------------------------
-----------------------------------------------------------*/
#colLeft .boxB			{ background: url(../bg/bgBoxB.png) left top no-repeat;  margin: 8px 0 8px -4px; width:178px; padding: 10px 15px 0 15px; }
#colLeft .boxB p 		{ font-size: 0.76em; line-height:1.5em; color:#666; margin:0;}
#colLeft .boxB h2		{ font-weight:bold; font-size:0.8em; background:url(../bg/boxEnde.png) left top no-repeat; margin-left: -15px; margin-right: -15px; padding:17px 0 10px 25px; }
#colLeft .boxB img		{ margin-top:-6px; margin-left:-11px; }
#colLeft .boxB h4		{ margin-bottom:5px;}
#colLeft .boxB img.weather	{ margin:3px 8px 5px 0; float:left; padding:2px; border:1px solid #ccc; }
/*------------ Box-Wetter----------------------------------
-----------------------------------------------------------*/
#colLeft .wetter		{ background: url(../bg/wetter.png) left top no-repeat;  margin: 8px 0 8px -4px; width:110px; height:140px; padding: 30px 20px 30px 80px; }
/*------------ Box-A Mitte ---------------------------------
-----------------------------------------------------------*/
#colContent embed	{ margin-top:-2px;}
#colContent h1		{ padding:0 20px 8px 0; letter-spacing:-1px; }
#colContent h2		{ margin: 1em 0;}
#colContent .boxA   	{ margin-bottom: 10px; padding-bottom:10px;}
#colContent p	 	{ margin:8px 0; font-size:0.8em; color:#333;}
#colContent .datum 	{ font-size: 0.8em; color:#369; margin-top:12px; margin-left:10px;}
#colContent ul li 	{ background:url(../img/liContent.png) 13px 3px no-repeat; padding-left:30px; line-height:1.5em;}
#colContent a:hover	{ background:#fff3b2;}
#colContent a.nobg:hover{ background:none;}
/*------------ Box-A Mitte dl ------------------------------
-----------------------------------------------------------*/
#colContent .boxA dl.charter		{ float:left; width: 100%; margin-top:10px; padding:10px 0 0 0; display:inline; border-top:1px dotted #369; }
#colContent .boxA dl.charter dt		{ float:right; width: 310px; letter-spacing: 1px; color:#2167b5; margin-bottom:4px;}
#colContent .boxA dl.charter dd		{ font-size: 0.8em;}
#colContent .boxA dl.charter dd img	{ float:left; margin:0 8px 0 0; border:1px solid #ccc; }
#colContent #map_canvas			{ width: 480px; height: 300px; }
#colContent #directions			{ width: 480px; }
#colContent #reisebuero      		{ background:#fbfbfb; padding:8px 15px; margin-top:30px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
#colContent #reisebuero h2		{ margin:0; color:#454545;}
/*------------ Box-A Rechts----------------------------------
-----------------------------------------------------------*/
#colRight .boxA 	{ background:url(../../scripts/accordion/accimg/bodyBg.png) left bottom no-repeat; margin-bottom:10px; padding-bottom:10px;}
#colRight h4		{ margin: 20px 0 3px 0; color:#999;}
#colRight .boxA ul 	{ padding-top: 8px; }
#colRight .boxA ul li 	{ background:url(../img/ulli.png) 13px 2px no-repeat; padding-left:25px;  line-height:1em;} 
#colRight .boxA h4	{ background:url(../../scripts/accordion/accimg/headerBg.png) left top no-repeat; padding:1em; border-bottom:1px solid #ccc; color:#2167b5; margin:0; }
#colRight .boxA p	{ padding:8px 10px 0 10px;}
#colRight h2		{ margin: 10px 0;}
#colRight .boxA img	{ margin-left:10px;}
#colRight .boxA a:hover	{ background:#fff3b2;}
#colRight .boxA a.nobg:hover  	{ background:none;}
/*------------ Fußzeile - ---------------------------------
-----------------------------------------------------------*/
#footer a:link, 
#footer a:visited 	 { color:#ccc;}
#footer a:hover, 
#footer a:focus, 
#footer a:active	{ color:#FFCC33; background:none;}
#footer ul		{ font-size:0.9em;}
#footer ul li		{ line-height:1em; display:inline;}
#footer ul li a:link, 
#footer ul li a:visited	{ padding: 2px 4px;}
#footer ul li a:hover, 
#footer ul li a:focus, 
#footer ul li a:active,
#footer ul li a.active	{ color:#FFCC33; background:none;}
#footer p 		{ clear:both; margin:0; line-height:1em; padding-top:4px;}
/*------------ Allgemeine Classen --------------------------
-----------------------------------------------------------*/
.clear	{ clear:both}
.titel	{ background:url(../bg/titelBg.png) left top no-repeat;  font-size:1em; padding:10px 20px 8px 20px; }
.webcam { margin-top:-13px;}
a.active{ cursor:default;}
#colContent .wichtig { background:#fff3b2; padding: 2px 5px; border: 1px solid #fc3; color: #000; text-align:center; margin-bottom: 20px;} 
#colContent .hinweis { font-size: 11px; margin-bottom:20px;}
/*------------ Mitflugbörse Formular -----------------------
-----------------------------------------------------------*/
#colContent .tx-idsflightshare-pi2		{ font-size:12px; margin: 40px 0; }
#colContent .tx-idsflightshare-pi2 p		{ font-size:12px; padding:0 15px 0 0; color:#369; }
#colContent .tx-idsflightshare-pi2 a		{ padding: 7px 18px; background: url(../bg/buttonBg.gif) left top no-repeat; margin-right:20px; color:#fff;}
#colContent .tx-idsflightshare-pi2 a:hover	{ background: url(../bg/buttonBg.gif) left -40px no-repeat; color:#369;}
#colContent .tx-idsflightshare-pi2 p.warnung	{ color:red; }
#colContent .tx-idsflightshare-pi2 h4		{ font-size:14px; margin:0; padding:8px 0;}
#colContent .tx-idsflightshare-pi2 #formular	{ padding:0; margin:20px 0 40px 0; width:580px; border:1px solid #cfdaea; background: url(../bg/boerseBg.gif) top left repeat;}
#colContent .tx-idsflightshare-pi2 #formular h2 {font-size:1.2em; text-align:center; padding:6px 0; background:#cfdaea; margin:0; color:#4583BF; font-weight:bold; font-variant:small-caps; letter-spacing:1px;   }
#colContent .tx-idsflightshare-pi2 form 	{ margin:0; padding:0; margin-top:8px; padding-left:35px; }
#colContent .tx-idsflightshare-pi2 fieldset 	{ width:270px; margin-bottom:15px; text-align:left; border:none;}
#colContent .tx-idsflightshare-pi2 fieldset#daten 	{float:left;}
#colContent .tx-idsflightshare-pi2 fieldset#nachricht	{float:left; }
#colContent .tx-idsflightshare-pi2 label 	{ padding:2px; margin:0;}
#colContent .tx-idsflightshare-pi2 input 	{ padding:2px;margin:1px 0 6px 0; width:235px; background:#f4f4f4; border:1px solid #CFDAEA; color:#333;}
#colContent .tx-idsflightshare-pi2 input:focus 	{ border-color:#990000; background:#fff; color:#000;}
#colContent .tx-idsflightshare-pi2 select 	{ border:1px solid #ccc; padding-left:0.3em; margin-bottom:0.6em; background:#fff3b2; width:140px;}
#colContent .tx-idsflightshare-pi2 option 	{ color:#333;}
#colContent .tx-idsflightshare-pi2 textarea 	{ width:235px; border:1px solid #CFDAEA; margin:3px 0 6px 0; background:#f4f4f4;}
#colContent .tx-idsflightshare-pi2 textarea:focus { border-color:#990000; background:#fff; color:#000;}
#colContent .tx-idsflightshare-pi2 .medium 	{ width:158px;margin-right:5px;}
#colContent .tx-idsflightshare-pi2 .short 	{ width:66px;}
#colContent .tx-idsflightshare-pi2 .button 	{ clear:both; float:left; clear:right; width:246px; margin:3px 0 0 0;}
#colContent .tx-idsflightshare-pi2 .submitbtn 	{ width:115px; background:#eee; border:1px solid; border-color:#f8f8f8 #999 #999 #f8f8f8; color:#666; cursor:pointer; padding:2px 0; margin:0; font-size:.85em;}

#colContent .tx-idsflightshare-pi2 .submitbtn:hover { background:#4583BF; border:1px solid; border-color:#999 #333 #333 #999; color:#fff;}

/*------------ Google Formular -----------------------------
-----------------------------------------------------------*/
#colRight form #getDir			{ border: 1px solid #ccc; margin:10px 0; padding:10px;font-size:12px; }
#colRight form #getDir select#dirSelect	{ margin-bottom:10px; width:180px; }
#colRight form #getDir select#locale	{ margin-bottom:10px; width:100px; }
#colRight form #getDir label		{ margin-bottom: 2px; margin-right:5px; display:block; float:left; }
#colRight form #getDir input		{ margin-bottom: 5px; border:1px solid #ccc; background:#ededed; width:140px;}
#colRight form #getDir textarea		{ margin-bottom: 5px; width:195px; height:80px; border:1px solid #ccc; background:#ededed;}
#colRight form #getDir input #submit 	{ margin-top:10px; width:65px;} 

/*------------ LAYOUT #pageB---- --------------------------
-----------------------------------------------------------*/
#pageB #colContent dl		{ float:left; width: 100%; margin-top:10px; padding:10px 0 0 0; display:inline; border-top:1px dotted #369; }
#pageB #colContent dl dt	{ float:right; width: 540px; letter-spacing: 1px; color:#2167b5; margin:5px 0;}
#pageB #colContent dl dd	{ font-size: 100%;}
#pageB #colContent dl dd img	{ float:left; margin:0 8px 0 0; border:1px solid #ccc; }


table.alf 		{ width:480px; background-color:#fbfbfb; border-collapse:collapse; margin: 10px 0; font-size:0.8em; color:#000;}
table.alf th 		{ border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;  font-weight:bold; padding:10px 5px; text-align:left; }
table.alf td 		{ border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:3px 4px; text-align:left; font-size:90%;}
table.alf tr.hell 	{ background-color:#f4f4f4; margin:0; padding:0; }
table.alf td.red, #colContent p.red	{ color: red;}