/* © Hannes Saxer 10.10.2008 __________________________________________*/

body {font-family: "Lucida Grande", /*Verdana,*/  Arial, Helvetica, sans-serif; color: #1a3147; height:105%;}

/* individuelle Hintergründe __________________________________________*/

#index {background:url(../bg/index.jpg) no-repeat fixed left top; background-color: #655581;}
#home {background:url(../bg/home.jpg) no-repeat fixed left top; background-color: #757a87;}
#jahrestagung {background:url(../bg/jahrestagung.jpg) no-repeat fixed left top; background-color: #777a89;}
#meta {background:url(../bg/index.jpg) no-repeat fixed left top; background-color: #2f3842;}
#mitglied {background:url(../bg/mitglied.jpg) no-repeat fixed left top; background-color: #747b85;}
#gesnerus {background:url(../bg/gesnerus.jpg) no-repeat fixed left top; background-color: #747b85;}
#guggenheim {background:url(../bg/guggenheim.jpg) no-repeat fixed left top; background-color: #747b85;}
#sigerist {background:url(../bg/sigerist.jpg) no-repeat fixed left top; background-color: #747b85;}
#forum {background: #787f89 url(../bg/forum.jpg) no-repeat fixed left top;}
#geschichte {background:url(../bg/geschichte.jpg) no-repeat fixed left top; background-color: #747b85;}
	
/* Layout __________________________________________*/

#wrapper { background-position: left 50%; position: absolute; left: 50%; width: 60em; height:250%; margin-left: -30em; margin-top: 1.5em;}


#top { position:absolute; width:60em; height:14em; top:0; background-color:transparent; background:transparent url(../basisdesign/blau-60.png) repeat; }

#logo { position:relative; top:3.2em; left:5em; width:230px; height:102px; background:url(../basisdesign/logo-sggmn.png); display:block;}

#sprache {float: right; background-color:transparent; margin:1.5em 1.5em; width: 3em; font-size: .8em; text-align:right; color: #fff;}
#sprache  a {col or: #1a3147;}
#sprache a:hover{color: #fff;}

#metanavigation {float: right; background-color:transparent; margin:1.5em 0.5em; width:auto; font-size: .8em; text-align:right; color: #fff;}
#metanavigation a {color: #1a3147;}
#metanavigation a:hover {color: #fff;}

#navigation { position:absolute; width:54em; height:2.5em; top:12em; background: transparent ; margin-left:5em;  z-index:1000;}

#navigation ul { list-style: none; /*line-height: 2.1em;*/  height:3.1em; display: inline; font-size: .8em; color: #1a3147;}
#navigation ul li { float: left;  padding:0 0em 0 0em; font-weight:bold;line-height: 2.1em;  height:3.1em; display:block;}
#navigation ul li a {background-color: transparent; display: block; text-decoration: none; color: #1a3147; padding:0 0.7em 0 0.7em;}
#navigation ul li a:hover { color: #fff;/* background-color: #fff;*/ }
.aktiv { background:url(../basisdesign/bgtrans-navi.png) repeat; display: block; font-weight: bold; padding:0 0.7em 0 0.7em;}
.aktiv a:hover {color: #1a3147 !important;}



#contentback{ position:absolute; width:60em; height:auto; top:14.48em; background: transparent url(../basisdesign/bgtrans.png) repeat; }
#content { float:left; width: 50em; padding: 3.5em 5em 3.5em 5em;}
#content-left { float:left; width:30em; }
#content-right { float:right; width:15em; }

#footer {font-size: .8em;line-height: 1.4em; color: #1a3147;background: transparent url(../basisdesign/bgtrans-40.png) repeat;}


/* Typo __________________________________________*/

h1 {font-size: 1.2em; line-height: 2em;}
p {font-size: .8em;line-height: 1.4em; color: #1a3147; padding-bottom: .7em;}
a {color: #1a3147; text-decoration:none;}

#content a {color: #1a3147; text-decoration:underline;}
#content a:hover {color: #64a1c0;}
strong {font-weight:bold;}
em {font-style:italic;}
.klein {font-size:.6em; padding-top:.8em;}
#content li {list-style:square; list-style-position: outside; margin-left: 1.4em; font-size: .8em;line-height: 1.4em; color: #1a3147; padding:.3em 0; }