/*Style Sheet for Version 5 Browsers */
/*The Body Background */
body {
	background-color : #ffffff;
	background-image : url(/pics/gw3_pgbg.gif);
	background-repeat : repeat-x
}

#LayerLogo {
           position:absolute;
           left:0px;
           right:0px;
           top:0px;
           width:560px;
           z-index:1;

}

#LayerBanner {
             position:absolute;
              left:18px;
               top:82px;
                z-index:2;
                 width: 487px ;
}

#LayerMain {
 position:absolute; left:250px; top:156px; z-index:4;
}

#LayerSidebar {
 position:absolute;
  left:36px;
   top:156px;
   width:160px;
    z-index:3;
}
/*Styles for the Main Content Layer */
.maindiv {
	border-left : 1px dotted #CCCCCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	padding-left : 48px;
	padding-right : 10px ;
	width:490px;
}

.maindiv p { line-height : 180%; margin-top : 6px; color:#333}

.maindiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 18px;
	margin-bottom : 12px;
	margin-top : 0px;
	color:#666;
	font-weight: 600;
}

.maindiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-bottom : 12px;
	margin-top : 30px;
	color:#333;
	font-weight: 600;
}

.maindiv a:link { color : #9999CC }

.maindiv a:visited { color : #996633 }

.maindiv a:hover { color : #7D7EBD }

/* Lists*/
li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 14px;
	margin-bottom : 12px;
	margin-right : 48px;
	margin-top : 12px
}

ol { color : #99CC66 }

ul { color : #666 }

/*Style for The Little Icon Layers */
.icondiv {
	border-bottom : 1px solid #CCCCCC;
	border-left : 0px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-top : 1px solid #CCCCCC
}

.icondivL {
	border-bottom : 1px solid #CCCCCC;
	border-left : 1px solid #CCCCCC;
	border-right : 0px solid #CCCCCC;
	border-top : 1px solid #CCCCCC
}

/*Style Applied to the Sidebar Layer */
.navDiv {
	color : #999999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 12px
	}

.navDiv p { margin-bottom : 12px; margin-top : 6px }

.navDiv h1 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-left : 0px;
	margin-top : 0px
}

.navDiv h2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 16px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-top : 24px
}

/*Style Applied to the Paragraphs for Main Section Links */
p.navButts {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 4px;
	margin-top : 6px
}
p.navActive {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 4px;
	margin-top : 6px
}

.navButts a {
	background-color : #B8C7AB; /* #F4F4F4;*/
	border : 1px solid #999999;
	color : #333333;
	display : block;
	padding-bottom : 2px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%

}
.navButts a {
	background-color : #B8C7AB; /* #F4F4F4;*/
	border : 1px solid #999999;
	color : #333333;
	display : block;
	padding-bottom : 2px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%

}

.navButts a:hover {
	background-color : #FAE4A5;/*#992111;#CDC9D8; */
	border : 1px solid #999;
	color : #333;
	text-decoration : none
}

.navActive {
	background-color : #FAE4A5;
	border : 1px solid #999999;
	color : #333333;
	display : block;
	padding-bottom : 2px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%
}


/*Style Applied to the Paragraphs for the Sub-Section Links */
p.navSubs {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs a {
	background-color : #FFFFFF;
	color : #333333;
	display : block;
	padding-left : 14px;
	text-decoration : none;
	width : 100%
}

.navSubs a:hover {
	background-color : #F4F4F4;
	color : #999999;
	text-decoration : none
}

/*Style Applied to the Paragraphs for Static Down-State Main Section Links */
p.navViz {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px
}

.navViz a {
	background-color : #b8c7ab;
	border : 1px solid #999999;
	color : #FFFFFF;
	display : block;
	padding-bottom : 2px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%
}

/*Style Applied to the Paragraphs for Copyright-Small-Text */
p.copyrights {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : normal;
	margin-bottom : 12px;
	margin-top : 60px
}

p.footer {
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height : normal;
	margin-top : 6px
}

/*Turns off Borders around Hyperlinked Images*/
img { border : 0px; display : block }

.inlinimg { display : inline }





/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}



/*Styles Applied to Form Elements */
/*
form {
	border : 1px dotted #CCCCCC;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin-right : 36px;
	margin-top : 0px;
	padding : 12px
}

input { background-color : #CDC9D8; border : 1px solid #999999 }

input:focus { background : #FFFFFF }

textarea {
	background-color : #FAE4A5;
	border : 1px solid #999999;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px
}

.checks { background-color : #FFFFFF; border : 1px none }

.formBut { background-color : #CCCCCC }
*/
/*Styles Applied to Float Images left or right */
.imgfloatright { float : right }

.imgfloatleft { float : left }
.imgSidebar {
            border: 1px solid #ccc;
            padding:10px;
            }

#box {
	width:150px;
	float:right;
	border: 2px solid #ccc;
	padding:5px;
}
#LayerLogo  {
      color:#992111;
      font-size:30px;
      font-family: Lucida, Verdana, Helvetica, Arial, sans-serif;
      padding-left:40px;
      padding-top:20px;
	  letter-spacing: 3px;
      }

#title {
       position:absolute;
       left:45px;
       top:80px;
       color:#333;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size:14px;
       letter-spacing: 6px;
}
#bottom {
margin-top:15px;
font-size:11px;
color:#999;
}

a {
	color: #b8c7ab;
	text-decoration: underline;
}
a:hover {
	color: #838f96;
	text-decoration: none;
}

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

div.jaosg_thumbnail{
	float: left;
	background: #DCDCDC;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	margin: 5px 3px;
}

div.jaosg_thumbnail img{
	border: 1px solid;
	border-color: #444 #AAA #AAA #444;
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 80px;
	margin: 20px 10px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 80px;
	width: 60px;
	margin: 10px 20px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}