/* Allgemeine HTML-Elemente */

html, body { width: 100%; height: 100%; font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif; }
body { margin: 0; padding: 0; font-size: 14px; color: #fff; }

p { padding: 5px 0 5px 0; margin: 0;}
a, a:link, a:visited, a:hover { color: #fff; }
a:hover { color: #ccc; text-decoration: none; }

h1 { display: none;}
h1, h2, h3,h6,h4 { clear: left;font-family:'PT Sans Narrow', arial, serif;font-weight:100;}
h2 {font-size:25px;margin:21px 0;line-height:25px;}
h3 {font-size:22px;margin:21px 0;line-height:22px;}
h4 {font-size:18px;margin:21px 0;line-height:18px;}

hr { float: left; clear: left; width: 100%; margin: 20px 0 20px 0; border: 0px; border-top: 1px dotted #fff; border-bottom: transparent; height:1px; }

/* Bilder */
img { border: 0px; margin: 0;}

/* Aufbau der Seite */
#background { position: fixed; width: 100%; height: 100%; margin: 0; padding: 0; }
img.bg { position:fixed; top:0; left:0; width:100%; min-height: 100%; height: auto !important; height:100%; overflow:hidden; margin:0 auto;}
#main { position: absolute; z-index: 2; width: 100%; height: 100%; }
#layer { position: absolute; z-index: 3; width: 100%; height: 40px; background-color: #b4b4b4; border-bottom: solid 5px #1f4a99; text-align: right; }
#layer2 { position: absolute; z-index: 3; top: 45px; width: 100%; height: 180px; background-color: #fff; opacity: .8; filter:Alpha(Opacity=80); border-bottom: solid 1px #1f4a99; }

#page { position: relative; z-index: 3; width: 990px; height: 100%; margin: 0 auto 0 auto; }
#logo { float: left; width: 100%; padding-top: 60px; }

/* 1. Navigation */
#firstNavigation { float: left; padding: 20px; margin-top: 65px; background-image: url('/grafik/layout/trans_content_dark.png'); }
#firstNavigation ul { padding: 0; margin: 0 0 0 0; width: auto; list-style-type: none; font-size: 25px; }
#firstNavigation ul li { float: left; list-style-type: none; }
#firstNavigation ul li.right { float: right; }
#firstNavigation ul a { background-image: url('/grafik/layout/link.png'); background-repeat: no-repeat; padding: 0px 30px 5px 50px; font-weight: normal; display: block; color: #fff; text-decoration: none; }
#firstNavigation ul li:hover a, #firstNavigation ul a:hover, #firstNavigation ul a.activ { color: #ccc;}

/* 2. Navigation */
#secondNavigation { float: right; padding-top: 10px; }
#secondNavigation ul { padding: 0; margin: 0 0 0 0; list-style-type: none; }
#secondNavigation ul li { float: left; list-style-type: none; margin-right: 1px; }
#secondNavigation ul a { padding: 0 10px 0 10px; font-weight: normal; display: block; color: #fff; text-decoration: none; }
#secondNavigation ul li:hover a, #secondNavigation ul a:hover, #secondNavigation ul a.activ { color: #ccc; }

/* Content */
#content { position:absolute; z-index: 1000; width: 950px; padding: 20px; top: 350px; bottom: 20px; overflow: auto; background-image: url('/grafik/layout/trans_content_dark.png'); }
#content.start { font-size: 150%; line-height: 130%; padding-top: 0px; }
#content.start h2 { font-size: 200%; line-height: 130%; }

.team { float: left; width: 33%; text-align: center; padding-bottom: 30px; }
.team img { padding: 3px; background-color: #fff; }

/* Galerie */

.gallery { clear: left; float: left; margin-left: -5px; padding: 0; }
.gallery .text { display: none; float: left; width: 100%; font-size: 120%; color: #ff0000; text-transform: uppercase; font-weight: bold;}
.gallery .navi { display: none; float: left; width: 100%; padding: 5px 0 5px 0; color: #000; font-size: 90%; text-transform: none; font-weight: normal;}

a.gal, a.gal:link, a.gal:visited {color: #333; text-decoration: none; font-weight: normal;}
a.gal:hover, a.galon { color: #ff0000; font-weight: normal;}

.gallery .pic { float: left; padding: 0px; border: 1px solid #d4d4d4; background-color: #fff; min-height: 120px; }
.gallery .pic img { width: 145px !important; }

.gallery .viewList { float: left; width: 99%; padding: 3px; margin-bottom: 10px; border: 1px solid #999; }
.gallery .viewList .pic { padding: 0px; border: none; }
.gallery .viewBlock { float: left; /*height: 200px;*/ margin: 0 0 5px 5px; }

.gallery .textList { float: left; padding: 2px 2px 2px 10px;}
.gallery .info { clear: both; position: relative; padding: 2% 2% 2% 0; font-size: 90%;}