/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html {
background-color: #004a7c;
}
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
	/* background-color: #004a7c; */
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background-color: #284b73;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* mac hide \*/
html,body{height:100%}
/* end hide*/

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	font-size:110%
}
h1{font-size:140%}
p,h1,h2,h3,h4,h5,h6,ul{margin-bottom:1em}
h3{margin:1em 0 .5em 0;}
h2{	
	background:#fff ;
	color:#406700;
	text-align:center;
	font-size:120%;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */
.to-top{clear:both;margin:1em 0;}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(gfx/background.jpg) fixed no-repeat center center;
	color:#000;
	font-size: 13px; 
}
#outer{
	width:90%;
	margin:0 0 0 4.5%;
	text-align:left;
	color:#000;
	border-left:0px double #000;
	border-right:0px solid #000;
	min-height:100%;
  float:left;
	display:inline;
}
#nav p{
	text-align:left;
	margin:30px 0;
	color:#fff;
	width:15em;
	line-height:1.4em;
}
#nav{
	width:18.1em;
	float:left;
	margin-left:-18em;
	margin-right:-3px;
	position:relative;
	display:inline;
	text-align:left;
}
#content{
	float:right;
	width:100%;
	color:#000;
}
#content p {line-height:1.4em;}
#main{	
	margin:0 .7em 0 18em;
	padding:0 0 1em 0;	
	position:relative;
}
#header{
	position:relative;
	margin:0 0 1em 16em;
	height:108px;
 overflow:hidden;
}
h1#logo{
	font-size:200%;
	margin:0;
	white-space:nowrap;
}
h1#logo a{
	padding:37px 0 0 240px;
 display:block;
 color:#4c7300;
	text-decoration:none;
	height:71px;
 position:relative;
}
h1#logo a span{
	position:absolute;
	bottom:43px;
	left:225px
}
ul#sidenav {
	width:15em;
	margin:-101px 0 10px 6px;
	position:fixed;
	text-align:left;
}
ul#sidenav li{
	background:#809900;
	width:15em;
	text-align:left;
	position:relative;
	color:#fff;
}
ul#sidenav li a{
	background:#809900;
	width:15em;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px 0;
	font-weight:bold;
	border-bottom:0px solid #eff2df;
	text-indent:10px;
}
ul#sidenav li a:hover{
	background:#eff2df;
	color:#4c7300;
}
#nav p{position:fixed;margin-left:10px}

/* use for code sections*/
.code{
	border:0px solid #000;
	margin:0 25px 25px;
	background:#406700;
	clear:both;
	padding:10px;
	color:#fff;
	text-align:left;
}
/* set body id's to control nav highlight - for future expansion*/
body#home ul#sidenav li.home a{background:#eff2df;color:#4c7300}
body#threecol ul#sidenav li.threecol a{background:#eff2df;color:#4c7300}
body#tute ul#sidenav li.tute a{background:#eff2df;color:#4c7300}
body#contact ul#sidenav li.contact a{background:#eff2df;color:#4c7300}

ul#breadcrumb{margin:10px 0}
ul#breadcrumb li{display:inline;font-weight:bold;padding:0 5px;}
ul#breadcrumb li a{text-decoration:underline;color:#809900}


/* ie mac only styles \*//*/
#nav{margin-left:-18em;}
/* end iemac styles*/


/* vertical center page */
#xinner #header{
	position:relative;
	margin:0 0 1em 0;
	height:108px;
 overflow:hidden;
}
#xinner h1#logo a{
	padding:37px 0 0 240px;
	/* background: url(gfx/logo-new.jpg) no-repeat -4px 0; */
 display:block;
	color:#4c7300;
	text-decoration:none;
	height:71px;
}

/* caption - image with text to the side page */
dl.capclear{
	margin:10px auto;
	width:38em;
	text-align:left;
	border:0px solid #000;
	background:#eff2df;
}
dl.capclear dt {float:left;margin:5px;display:inline;}
dl.capclear dd{
	font-size:120%;
	font-weight:bold;
	margin:1em 0
}
/* some styling below not needed for demo */
dl.capclear dd span{
	float:left;
	width:8em;
	text-align:right;	
	padding-right:10px;
	font-style:italic;
}
/* */
.older-stuff li{
	line-height:1.3em;
	font-weight:bold;
	margin:1em 0 0 0;
}
.older-stuff li li{font-weight:normal;margin:0}

#xinner {
	color:#284b73;
	font-size: 85%;
	line-height:1.1em;
}

#xinner TABLE, #xinner TD {
	vertical-align: top;
}
#xinner h1,#xinner h2,#xinner h3,#xinner h4{
	font-size: 110%;
	color: #8a1b4e;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
#xinner strong,#xinner b{
	font-size: 95%;
}
#xinner strong{
	color:#284b73;
}
#xinner a {
	color:#284b73;
	text-decoration: underline;
}
#xinner a:hover {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #8a1b4e;
}
.ueberschrift {
	/* padding-bottom: 5px !important;
	margin-bottom: 5px !important; */
	padding-top: 0px!important;
	margin-top: 0px!important;
} 
#xinner ul, #xinner li {
	
	
}
#xinner li {
	margin-left: 20px;
	padding-top: 3px;
}
#ulangebote{
	padding: 0px !important;
	margin: 0px !important;
	line-height: 0.9em;
}
#ulangebote UL{
	padding: 0px !important;
	margin: 0px !important;
	margin-bottom: -5px;
}