/* @override http://www.rueckle-gruppe.de/neu/fileadmin/templates/layout.css */

/* @group CD-Colors */
.hellgelb {
	background-color: #fff7c9;
}
.mittelgelb {
	background-color: #ffe400;
}
.dunkelgelb {
	background-color: #e6cb00;
}
.normalblau {
	background-color: #002a55;
}
.dunkelblau {
	background-color: #001a3d;
}
.hellgruen {
	background-color: #b6d8d5;
}
.ruecklegruen {
	background-color: #00827b;
}
/* @end */
/* @group Reset CSS */


/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */
#wrapper {
	display: none;
}
html, body, 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, strong, 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;
	outline: none;
}
a img {
	border: none;
}
body { color: #000; background: white;
	font: 13px/16px Calibri, "Lucida Grande", Lucida, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
br.antifloat {
	clear: both;	
	height: 1%;
	line-height: 1%;
	font-size: 1%;
}
p.antifloat {
	clear: both;	
}
.invisible {
    display:block; position:absolute; left: -2000px; height: 0px; width: 0px;
}
/* -------------------------------------------------------------- */
/* @end */

/* @group structure */
body {
	background-color: #b6d8d5;
}
#all {
	width: 1100px;
	position: absolute;
	margin-left: -500px;
	left:  50%;
}
#head {
	width: 1100px;
}
#mainnav {
	height: 150px;
	margin-left: 500px;
	background: url(pics/logo-rueckle.gif) no-repeat;
}
#langmenu {
	background: white url(pics/langmenu-bg.gif) repeat-y right top;  
	height: 30px;
}

#teaser-left {
	float: left;
	width: 500px;
	background-color: white;
	height: 350px;
	overflow: hidden;
}
#teaser-right {
	background-color: #001a3d;
	margin-left: 500px;
	color: white;
}
#teaser {
	overflow: hidden;
	width: 1000px;
	height: 350px;
	background-color: white;
}
#sitebody {
	background: white url(pics/sitebody-bg.jpg) no-repeat right top;  
	width: 1000px;
	padding-bottom: 50px;
	position: relative;
}
#left {
	width: 250px;
	position: absolute;
	left: 0;
	top: 0;
}
#content {
	position: relative;
	top: 45px;
	left: 265px;
	width: 470px;
}
#border {
	position: absolute;
	left: 750px;
	top: 70px;
	width: 250px;
}
#footer {
	background-color: #00827b;
	clear: both;
	width: 1000px;
}
a.toplink,
a.toplink:hover, 
a.toplink:visited:hover {
	display: block;
	width: 470px;
	height: 10px;
	background: url(pics/toplink.gif) no-repeat right top;
	text-decoration: none;
}
#teaser a.toplink, #border a.toplink {
	display: none;
}	
#map_canvas {
	height: 400px !important;
}
/* @end */

/* @group Menus */
#mainnav a.homebutton {
	display: block;
	height: 95px;
	width: 175px;
	margin: 0px 0 0px 330px;
	text-decoration: none;
	
}
#mainnav a.homebutton span {
	display: none;
	}
#mainnav ul {
	margin: 25px 0 0 10px;
}
#mainnav li {
	list-style-type: none;
	display: inline;
}
#mainnav li a:link,
#mainnav li a:visited {
	padding: 10px 11px;
	margin: 0 1px;
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	vertical-align: baseline;
}
#mainnav li.act a:link,
#mainnav li.cur a:link,
#mainnav li.act a:visited,
#mainnav li.cur a:visited {
	padding: 10px 11px;
	margin: 0 1px;
	background-color: #006660;
	background-color: rgba(0,0,0,.2);
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
}
#mainnav li a:hover,
#mainnav li a:visited:hover  {
	background-color: #006660;
	background-color: rgba(0,0,0,.2);
	}
#left li {
	list-style-type: none;
}
#left li a:link,
#left li a:visited {
	font-size: 14px;
	line-height: 18px;
	display: block;
	color: white;
	text-decoration: none;
	padding: 8px 30px;
	border-bottom: 1px solid white;
	background-color: #002a55;
}
#left li.act a:link,
#left li.act a:visited {
	background-color: white;
	color: #002a55;
	font-weight: bold;
}
#left li.cur a:link,
#left li.cur a:visited {
	background: white url(pics/arrow-blue-white.gif) no-repeat 29px 11px;
	color: #002a55;
	font-weight: bold;
	padding-left: 46px;
}
#left li li a:link,
#left li li a:visited {
	font-size: 12px;
}
#left li.cur li a:link,
#left li.cur li a:visited {
	background: #35567f url();
	color: white;
	font-weight: normal;
	padding-left: 30px;
}
#left li.act li a:link,
#left li.act li a:visited {
	background-color: #35567f;
	color: white;
	font-weight: normal;
}
#left li.act li.cur a:link,
#left li.act li.cur a:visited {
	background: #dee2eb url(pics/arrow-blue-grey.gif) no-repeat 29px 12px;
	color: #002a55;
	font-weight: bold;
	feilchen
}

#langmenu p {
	text-align: right;
	padding: 10px 110px 0 0;
}
#langmenu p img {
	margin-left: 10px;
	border: none;
}
#footer a:link, #footer a:visited,
#footer a:hover, #footer a:visited:hover {
	color: white;
}
#footer {
	text-align: right;
}
#footer li {
	list-style-type: none;
	display: inline;
	margin-right: 15px;
	line-height: 35px;
}
/* @end */