html{  /* forces scrollbars to appear on all pages to avoid side-jump */
	height: 100%;
	padding-bottom: 1px; 
}
body {
	background: url('../graphics/asphalt.gif') repeat center 0;
	padding: 0;
	margin: 0;
	height:100%;
	text-align: center;
	
	font-family: arial, helvetica, verdana; 
	font-size: small;
	color: #444444;
	line-height: 140%;
}

a { text-decoration:none; color: #F15A22; }
a:link { }
a:visited {}
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }

h2 { 
	background: url('../graphics/title-arrow.gif') no-repeat 3px 3px;
	padding-left: 20px;
	margin-bottom: 5px; 
	color: #F15A22;
	font-size:150%;
}
h3 { 
	background: url('../graphics/title-arrow.gif') no-repeat 3px 1px;
	padding-left: 20px;
	color: #F15A22;
	font-size: medium;
}
h4 { 
	font-size: small;
	margin-bottom:0; 
}
img { border: 0px; }
img.left { float:left; margin-right: 10px; margin-bottom: 5px; }
img.right { float:right; margin-left: 10px; margin-bottom: 5px; }
p { margin-top: 0; }
td { padding: 5px; vertical-align:top; } 

.bold {font-weight:bold; }
.center { text-align:center; }
.caption { font-size: smaller; }
.wide { width:100%; }
.inline { display:inline; }
td.vmiddle { vertical-align: middle; }
td.vbottom { vertical-align: bottom; }
.nopadding td { padding:0; }
.mbottom { margin-bottom:10px; }
/* because ie is not too smart, we do this in Javascript (js.js )
a.ext { padding-right: 12px;
		background: url('../graphics/external-link.gif') no-repeat right 90%;
} */
a.ext img { padding-left:3px; }

a.ext.nomark { padding-right:0px; background:none; }

.transparency { 
	height:100%;
	width: 10px;
	filter:alpha(opacity=22); 
	-moz-opacity:.22; 
	opacity:.22;
	position: absolute;
	background-color: black;
}
#tleft{ left:-10px;}
#tright{ left:800px;}
	
#primary_container{
	position: relative;
	min-height: 100%;
    height: auto !important;
	height: 100%;
	margin: 0 auto -30px auto;
	padding:0;
		
	width: 800px;
	text-align: left;
	background-color: white;
}
#clearfooter { clear:both; height:30px; }

#header{
	position:relative;
	background: url('../graphics/header_home.jpg') no-repeat 290px 0px;
	width: 800px;
	height: 162px;
	font-size: 115%;
	margin-bottom: 25px;
}
#logo { display: block; position:relative; left: 20px; top: 25px; width:250px;}
#navilinks{
	width:760px; /* we give a width for safari */
	margin-left: 20px;
	position: absolute;
	bottom:0;
	height: 20px;
	color: #448831;
	font-weight: 600;
}
#navilinks a{ padding: 0 10px; color: #F15A22; }
#navilinks a.navsel { text-decoration:overline underline; color:#448831;  }
#navilinks a.navitem { color:#448831;  }
#navilinks a.navitem:link {  }
#navilinks a.navitem:visited{  }
#navilinks a.navitem:hover { text-decoration: overline underline;  }
#navilinks a.navitem:active { text-decoration: overline underline; }

#videos { float:right; width:19%; font-weight: normal; }
#videos a { padding:0; }
#videos img { vertical-align: text-bottom; float: left; padding-top:2px;} /* we float here because ie6 adds a pixel under the associated text otherwise */
#translations {margin-left: 10px; float:right; width: 6em; font-weight: normal; }

#footer{
    margin: 0px auto 0px auto;
    position:relative;
    background-color: white;
    height: 30px;
	width: 800px; 
	vertical-align: bottom;
    text-align: right;
	border-bottom: 1px white solid;
}
#footer a { color: #666666; }
#footer #bgimg-right { position: absolute; right: -350px; bottom:0;}
#footer #bgimg-left { position: absolute; left: -350px; bottom:0;} 
#footer #footer-text { padding: 0px 20px 0 30px; text-align:left; float:left;}
#footer #stadtmonster-link { margin-right: 10px;}

#right_col { 
	width: 230px; 
	float: right; 
	border-left: 1px solid #dddddd; 
	margin: 0px 20px 30px 0px; 
	padding-left:10px; 
	height: 100%;
	display:inline; /*  hack for ie double margin bug */
}

#newsletterform { margin-bottom: 10px; }
#newsletterform input.inactive { color: #666666; text-align:center; }
#newsletterform input{ font-size: 80%; }
#newsletterform .textbox { width: 70%; }
#newsletterform .submit{  width: 25%; border: 1px solid #666666; background-color: #999999; color: white;}

/* right col */
ul.navlist { margin:0; padding: 0; }
ul.navlist li{
	list-style-type: none;
	padding: 6px 0;
	margin:0;
}
ul.navlist.withdesc li{
	padding: 10px 0;	
}
ul.navlist a { color: #F15A22; font-weight: bold; }
ul.navlist span { font-weight:bold; }
ul.navlist span.date { font-weight: normal; color: #999999; font-size:smaller; }

#content{ 
	width:490px; 
	margin-left:30px;
	line-height: 150%;
	margin-bottom: 30px;
}
#content img { margin-top: 5px; }

#content ul { margin-left: 0px; padding-left: 18px; }
#content li { margin-left: 0px; padding-left: 0px; }
#content .linklist a { font-weight: bold; }
#content ul.linklist{ list-style-image: url('../graphics/list-arrow.gif'); }

.right-nav-toggle{
	background: url('../graphics/title-arrow.gif') no-repeat 3px 1px;
	padding-left: 20px;
	color: #F15A22;
	font-size: medium;
	cursor: default;
	border:1px solid transparent;
}
.right-nav-toggle:hover{
	border:1px solid #F15A22;
}
.right-nav-open{
	background: url('../graphics/down-arrow.gif') no-repeat 3px 3px;
}