html{
height:100%;
width: 100%;
}
body {
width:900px;
margin:0 auto;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(/sign/bg.jpg);
background-repeat:repeat-x;
background-color:#f4f9fd;
}

/***** Schrift *****/
H1,H2,H3,H4{
margin:0;
padding:0;
font-weight:normal;
}
H1 {font-size:22px;line-height:24px;color:#0000cc;}
H2 {font-size:18px;line-height:19px;color:#0000cc;}
H3 {font-size:12px;line-height:14px;color:#000;}
H4 {font-size:12px;line-height:14px;color:#000;}
legende {font-size:9px;line-height:12px;color:#000;font-weight:bold;}

#inhalt a, #inhalt a.link  {
color:#0000cc;
text-decoration:none;
}
#inhalt a.link:hover, #inhalt a.link:active {
text-decoration:underline;
}
a, a.link  {
color:#000;
text-decoration:none;
}
a.link:hover,a.link:active {
text-decoration:underline;
}

/***** Bereiche *****/
#top {
width:900px;
height:265px;
padding:0;
}
#topfront {
width:900px;
height:365px;
padding:0;
}
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 902px;
	height:35px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(/sign/topnav_stretch.gif) repeat-x;
	-webkit-box-shadow: 0px 1px 5px 0px #a4a4a4;
	-moz-box-shadow: 0px 1px 5px 0px #a4a4a4;
	box-shadow: 0px 1px 5px 0px #a4a4a4;
}
ul#topnav li {
	float: left;
	height:35px;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: #1376c9 url(/sign/topnav_active.gif) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0; top:35px;
	display: none;
	width: 902px;
	height:15px;
	background: #1376c9;
	color: #fff;
	
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
#inhalt {
width:900px;
height:100%;
background-color:#FFF;
color:#000;
border:1px solid #d6e7f1;
margin:0;
padding:0;
-webkit-box-shadow: 0px 1px 5px 0px #a4a4a4;
-moz-box-shadow: 0px 1px 5px 0px #a4a4a4;
box-shadow: 0px 1px 5px 0px #a4a4a4;
}

/***** Top *****/
#logo {
margin-left:885px;
}
#ASGnews {
margin-left:523px;
}

/***** Inhalt *****/

.contentlinks {
float:left;
width:260px;
padding:5px 0;
}

.contentmitte { 
float:left;
width:260px;
margin-left:20px;
padding:5px 0;
}

.contentrechts { 
float:left;
width:260px;
margin-left:20px;
padding:5px 0;
}

.resultrechts { 
float:right;
width:260px;
padding:5px 0;
}

.content2spalte { 
float:left;
width:540px;
margin-left:20px;
padding:5px 0;
}

.content2spaltelinks { 
float:left;
width:540px;
margin:0;
padding:5px 0;
}

.content { 
clear:left;
color: #000;
width:260px;
margin-top:20px;
padding:5px 0;
}

.content p {
margin:10px 0 5px 0;
padding:0;
color: #000;
font-size:12px;
}

.content .legende {
margin:10px 0 5px 0;
padding:0;
color: #000;
font-size:10px;
}

.content a, .content a.link  { color:#0000cc; text-decoration:none; }
.content a.link:hover, .content a.link:active { text-decoration:underline; }

/***** Bilder *****/
.bildrechts { 
margin:0 0 10px 20px;
border:1px solid #c0c3e2;
}
.bildlinks { 
margin:0 20px 10px 0;
border:1px solid #c0c3e2;
}
.bild { 
margin:0;
border:1px solid #c0c3e2;
}
.bildklein { 
margin:0 20px 10px 0;
border:1px solid #c0c3e2;
}

/***** Weg *****/
#weg {
width:900px;
height:15px;
margin:10px 0 5px 0;
color:#000;
font-size:9px;
}
#weg a, #weg a.link  {
color:#000;
text-decoration:none;
}
#weg a.link:hover,#weg a.link:active {
text-decoration:underline;
}
#strookle {
margin-top:5px;
color:#000;
font-size:9px;
height:15px;
}
#strookle a, #strookle a.link {
color:#000;
text-decoration:none;
}
#strookle a.hover, #strookle a.active {
text-decoration:underline;
}


/***** Back *****/
#back {
clear: both;
width:900px;
margin:10px 0 20px 0;
padding:0;
color:#000;
}
address {
font-style:normal;
font-size:9px;
}

/***** Navigation *****/

.linksnav {
margin-top:10px;
padding:0;
}
#navigation {
height:32px;
text-align:center;
}
ul#navigation {
padding:0;
margin:0;
line-height:32px;
background-image:url(/sign/navbg.jpg);
background-repeat:repeat-x;
}
ul#navigation li {
float:left;
liststyle:none;
display:inline;
padding:0;
line-height:32px;
border-right:1px solid #FFF;
}
ul#navigation a {
float:left;
line-height:32px;
font-size:16px;
letter-spacing:1px;
text-decoration: none;
color:#FFF;
padding:0 15px;
display:block;
}
ul#navigation a:hover, ul#navigation a:active {
color:#FFF;
background-image:url(/sign/button.jpg);
background-repeat:repeat-x;
display:block;
}
ul#navigation .select {
color:#FF0;
background-image:url(/sign/select.jpg);
background-repeat:repeat-x;
display:block;
}