@import url(navigation.css);
@import url(modules.css);

html {
   height: 100%;
   margin: 0px;
   padding: 0px;
} 

body {
	margin: 0px;
	background-image:url(images/hg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size:0.75em;
	color:#333333;
	line-height:1.5;
}

/****** General ******/

a {
font-family : Arial;
text-decoration : none;
color : #0a50a1;
font-weight:normal;
}
.out {
padding-right:15px; 
background:url("images/out.gif") 100% 30% no-repeat;
}
.mail {
padding-right:15px; 
background:url("images/mail.gif") 100% 30% no-repeat;
}
a:hover {
font-family : Arial;
color : #0a50a1;
text-decoration : underline;
}
input, textarea, select, radio {
font-family : Arial;
font-size : small;
border : 1px solid #0A50A1;
background-color : #f9f9f9;
padding : 1px;
color : #4c4d4d;
overflow : auto;
}
hr {
color : #0a50a1;
}
h1 {
font-family : Arial;
color : #0a50a1;
text-decoration : none;
font-size : 16px;
font-weight : bold;
margin : 0;
padding-top:10px;
}
.hometitle {
font-family : Arial;
color : #0a50a1;
text-decoration : none;
font-size : 16px;
font-weight : bold;
margin : 0;
padding-top:15px;
}
h2 {
border-bottom:1px solid #0a50a1;
color:#0a50a1;
font-size:14px;
margin:0px 0px 10px;
padding-bottom:5px;
padding-top:12px;
}
h3 {
font-family : Arial;
text-align:center;
color : #0a50a1;
text-decoration : none;
font-size : 14px;
font-weight : bold;
margin:0px 0px 10px;
padding-bottom:5px;
border-bottom:2px solid #0a50a1;
}
.direc {
font-family : Arial;
text-align:left;
color : #0a50a1;
text-decoration : none;
font-size : 14px;
font-weight : bold;
margin:0px 0px 5px;
padding-bottom:0px;
}

#navtree {
color:#AAAAAA;
font-family:Arial,Verdana,sans-serif;
font-size:0.835em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:15px;
line-height:normal;
margin:0pt 0pt 10px;
padding:0px 0pt;
width:auto !important;
}
#navtree a {
color:#aaaaaa;
font-family:Arial;
font-weight:normal;
text-decoration:none;
}
#navtree a:hover {
color:#0a50a1;
font-family:Arial;
font-weight:normal;
text-decoration:underline;
}

/****** Design ******/

#container  {
	height:auto !important;
	margin:0 auto;
	width:990px;
}
	
#site {
	float:left;
	height:auto !important;
	margin-bottom:8px;
	padding:0 15px;
	position:relative;
	width:950px;
	background-color:#FFFFFF;
}

#header {
	float:center;
	width:950px;
	height:350px;
        z-index:1;
}

#logo {
	float:left;
	width:795px;
	height:325px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
        z-index:3;
        position:absolute;
}

#topnav {
	float:right;
	width:155px;
	height:20px;
	font-size:10px;
	color:#4C4D4D;
	text-align:center;
        visibility:visible; 
        z-index:4;
        position:absolute;
        left:800px;
}

#topnav a {
color:#aaaaaa;
font-family:Arial;
font-weight:normal;
text-decoration:none;
color:#4C4D4D;
}
#topnav a:hover {
color:#FFFFFF;
font-family:Arial;
font-weight:normal;
text-decoration:none;
}

#navigation {
	float:left;
	width:950px;
	height:25px;
        position:absolute;
        top:325px;
        z-index:5;

}

#wrap {
	float:left;
	width:950px;
	height:auto;
	background-color:#84B9F2;
}

#left {
	float:left;
	width:750px;
	height:auto;
	background-color:#65A9F0;
}

#subnav {
	float:left;
	width:750px;
	height:25px;
	background-color:#104D97;
}

#spacer {
	float:left;
	width:750px;
	height:25px;
}

#content {
	float:left;
	width:530px;
	height:auto;
	min-height:600px;
	margin-left:100px;
	background-color:#FFFFFF;
	padding:10px;
}

#right {
	float:left;
	width:200px;
	height:auto;
	min-height:600px;
	background-color:#84B9F2;
}

#footer_left {
	float:left;
	height:15px;
	width:945px;
	padding:1px 0px 0px 5px;
	background-color:#ffffff;
	font-size:9px;
	color:#104D97;
}


/****** Life Box ******/

#life{
	float:left;
	height:90px;
	width:200px;
	background-image:url(images/fseelife.png);
	background-repeat:no-repeat;
	background-position:center;
}

#life_title a {
float:left;
background-color:#FCCD00;
height:25px;
width:200px;
color:#104D97;
font-size:12px;
text-align:center;
font-weight:bold;
padding:5px 0px 0px 0px;
}

#life_title a:hover {
font-family : Arial;
color : #ffffff;
text-decoration : none;
background-color:#65A9F0;
}

#life_spacer{
float:left;
height:5px;
width:200px;
}

#life_box {
float:left;
height:120px;
width:180px;
padding: 0px 10px 10px 10px;;
min-height:20px;
height:auto !important;
color:#104D97;
text-decoration:none;
font-size:12px;
}

#life_box ul {
margin : 0;
padding : 15px;
list-style : none;
text-decoration : none;
}
#life_box ul li {
border-bottom : 1px solid #ffffff;
}
#life_box img {
border : 0px solid #0a50a1;
}
#life_box a {
font-family : Arial;
text-decoration : none;
color : #104D97;
}
#life_box a:hover {
font-family : Arial;
color : #ffffff;
text-decoration : none;
}

#life_box_spez a {
font-family : Arial;
text-decoration : none;
color : #ED1B23;
font-weight:bold;
}
#life_box_spez a:hover {
font-family : Arial;
color : #ffffff;
text-decoration : none;
}

#sponsor table td {
border:1px solid #104D97;
border-spacing:0;
border-width:1;
margin:0;
padding:3px 5px;
vertical-align:middle;
}

.slideshow { height: 350px; width: 950px; position:absolute; z-index:2;
  overflow:hidden;
 }
.slideshow img { }