/* 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: 16px; color: #fff; }

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

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

/* 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: #663016; border-bottom: solid 5px #eda400; 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 #663016; }

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

/* 1. Navigation */
#firstNavigation { float: left; padding: 20px; margin-top: 65px; background-image: url('/grafik/layout/trans_content.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: 5px 30px 5px 70px; 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.png'); }
#content.start { font-size: 150%; line-height: 130%; padding-top: 0px; }
#content.start h2 { font-size: 200%; line-height: 130%; }

/*
------------------------------
 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: 3px 3px 0px 3px; border: 1px solid #663016; background-color: #fff; }
.gallery .pic img { width: 175px !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%;}