/* -------------------------------------------------------------
   ASV Fladungen - Stylesheet
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   .autor         Tobias Liegl (www.tobiasliegl.de)
   .version       1.0
   .url           asv-fladungen.de
   .timestamp     27/02/2010
   -------------------------------------------------------------	*/
/* -------------------------------------------------------------
   Table of Contents
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   1. RESET, FONTS, BODY, HTML
   2. HELPER
      2.1  Clearfix
      2.2  Divider
   3. STRUCTURE
   4. CONTENT STYLES
   5. NAVIGATIONS
      5.1  Main navigation
   6. ELEMENTS
      6.1  Header
      6.2  Parallax Background
      6.3  Footer
   -------------------------------------------------------------	*/

/* -------------------------------------------------------------
   1. Reset, fonts, body, html
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* ------ Reset part ------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
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,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;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------ Custom Styles ------ */

html { background: #000001 url(../_img/background.png); overflow-y: scroll; }
body { color: #fff; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 22px; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

a { text-decoration: none; }

/* -------------------------------------------------------------
   2. Helper
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 2.1 Clearfix */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

/* 2.2 Divider */
div.divider { background: url(../_img/content/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; }

/* -------------------------------------------------------------
   3. Structure
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrap { margin: 0 auto; width: 950px; position: relative;  }
#header { background: url(../_img/bg-head.png); position: relative; height: 220px; margin-bottom: 16px; }
#contentWrapper { background: url(../_img/bg-content.png); padding: 36px 40px 24px 40px; }
#contentAfter { padding-bottom: 260px; }
#footer { background: url(../_img/bg-footer-seabed.png) bottom no-repeat; color: #fff; height: 240px; margin-top: -240px; clear: both; position: relative; }

/* -------------------------------------------------------------
   4. Content styles
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contentWrapper h1 { color: #c8951b; font-size: 24px; line-height: 28px; margin-bottom: 18px; }
#contentWrapper h2 { color: #c8951b; font-size: 18px; line-height: 24px; /* font-size: 15px; line-height: 19px; */ margin-bottom: 18px; }
#contentWrapper h3 { color: #c8951b; font-size: 14px; line-height: 18px; margin-bottom: 12px; font-weight: bold; }
#contentWrapper p { margin-bottom: 16px; }

#footer a,
#contentWrapper a { color: #2d95ca; }
#footer a:hover,
#contentWrapper a:hover { color: #2d95ca; text-decoration: underline; }

/*
#contentWrapper ul { margin-bottom: 16px; }
#contentWrapper ul li { background: url(../_img/li-point.png) 1px 7px no-repeat; padding-left: 12px; }
#contentWrapper ul ul { margin-bottom: 0; }
#contentWrapper ul li li { background: url(../_img/li-point.png) 1px 7px no-repeat; }
*/

.contenttable { margin-bottom: 16px; }
.contenttable th { background: #05192e; font-size: 16px; font-weight: bold; }
.contenttable th,
.contenttable td { padding: 4px 8px; }
.contenttable td { background: #2b4164; border-bottom: 1px solid #002051; }

.termine .td-0 { width: 160px; }


/* -------------------------------------------------------------
   5. Navigations
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 5.1 Main navigation */
#navMain { position: absolute; left: 14px; top: 166px; }
#navMain li { background: url(../_img/bg-navpoint.png) right no-repeat; float: left; font-size: 16px; }
#navMain li.last { background: none; }
#navMain a {  color: #fff; display: block; float: left; padding: 12px 26px; text-transform: uppercase; }
#navMain a.active,
#navMain a:hover { color: #c8951b; }


/* -------------------------------------------------------------
   6. Elements
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 6.1 Logo */
#logo { background: url(../_img/asv-fladungen.png); position: absolute; left: 40px; top: 24px; width: 94px; height: 100px; }
#logo img { display: none; }

/* 6.2 Parallax Background */
#parallax { position: absolute; top: 0; z-index: -1; overflow: hidden; width: 100%; height: 650px; }
.spotlight { background: url(../_img/bg-p-spotlight.png) top center no-repeat; height: 650px; width: 1205px; }
.water { background: url(../_img/bg-p-water.png) top center no-repeat; height: 650px; width: 2000px; }
/* .rays { background: url(../_img/bg-p-rays.png) top center no-repeat; height: 650px; width: 1500px; } */
.bubbles { background: url(../_img/bg-p-bubbles.png) top center no-repeat; height: 650px; width: 1500px; }

/* 6.3 Footer */
#footerContent { background: url(../_img/bg-footer.png); height: 86px; margin: 0 auto; width: 950px; padding-top: 24px; text-align: center; font-size: 13px; }
#footerContent p {  font-size: 12px; }
#footerContent ul { margin-left: 352px; }
#footerContent ul li { list-style-type: none; float: left; }
#footerContent ul a { display: block; float: left; padding: 1px 6px 0 6px; }

/* 6.4 Two Columns */
.twoColumnContent .firstCol { float: left; width: 560px; }
.twoColumnContent .secondCol { float: right; width: 250px; }