/* $TopStyle:URL=http://www.r-o-b-e-r-t.de/layout/layout.css$ */

/* Alle CSS-Definitionen für die Seite */
body {
	padding: 0px;
	margin: 0;
}

div.main {
/*	margin: 0px auto; */
	color: Black;
	background-color: White !important;
}

div.banner, div.side, div.navi, div.main, div.footer{
	min-width: 860px;
	width: 100%;
	overflow: hidden;
}

div.banner {
  width: 100%;
}

#r1l {
	background-image: url(logo.jpg);
	background-repeat: no-repeat;	
	height: 42px;
	width: 282px;
	max-width: 282px;
	min-width: 282px;
	float: left;
}

#r1r {
	background-image: url(logo_r.jpg);
	background-repeat: no-repeat;	
	background-position: right;
	height: 42px;
	width: 537px; 
	max-width: 537px;
	min-width: 537px;
	float: right;
}

#r2 {
	background-color:#0D2C3E;
	background-image: url(banner.jpg);
	background-repeat: no-repeat;
	height: 32px;
	color: White;
	clear: both;
}

#r3 {
	height: 4px;
	width: 780px;
	background-image: url(top_colorline.gif);
	background-repeat: no-repeat;
	clear: both;
}

div.navim, div.navis {
	min-height: 40px;
	padding-top: 15px;
	padding-bottom: 6px;
	color: #336699;
	white-space: nowrap;
	background-color: transparent;
	overflow: hidden;
}

div.navim {
	float: left;
	padding-left: 15px;
	width: 60%;
}

div.navis {
	text-align: right;
	float: right;
	clear: none;
	padding-right: 10px;
	width: 30%;
}

div.side {
	border-top: 1px solid #336699;
	top: 50px;
	clear: both; /* req 4 FireFox */
}

div.leftpane {
	float: left;
	clear: right;
	width: 150px;
	min-height: 500px;
	height: 1007px;
	background-color: #3399CC;
	color: White;
	border-right: 1px solid #336699;
}

div.bannerticker {
    position: absolute;
    top: 115px;
    right: 10px;
}

div.centerpane {
	min-width: 528px;
	height: 892px;
	padding-left: 10px;
	padding-right: 20px;
	overflow: auto;
}

/* Die Hintergrundfarbe wird in color.css definiert!! */
div.rightpane {
	width: 185px;
	min-width: 185px;
	float: right;
	border-top: 1px solid #336699;
	border-left: 1px solid #336699;
	height: 891px;
}

div.topimages {
	margin-left: 150px;
	height: 115px;
	min-height: 110px;
	min-width: 450px;
}

div.footer {
	height: 90px;
	border-top: 1px solid #336699;
	text-align: center;
	font-size: x-small;
	white-space: nowrap;
}
div.footercontentinfo, div.footerpageinfo, div.footertotop {
	border-bottom: 1px solid #336699;
	height: 15px;
	overflow: hidden;
}
div.footercontentinfo {
	float: left;
	clear: right;
	width: 150px;
	border-right: 1px solid #336699;
}

div.footerpageinfo {
	margin-right: 185px;
}

div.footertotop {
	width: 185px;
	min-width: 185px;
	float: right;
	border-left: 1px solid #336699;
}

/* background-color wird in color.css definiert */
div.footerclose {
	clear: both;
	height: 75px;
}

div.navipage {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 40px;	
}

div.search {
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	vertical-align: middle;
	margin: 0;
	height: 26px;
	overflow: hidden;
}

input.search {
	padding: 0; margin: 0; color: black; background-color: white; 
	vertical-align: middle;
	border-right: 1px solid #369;
	width: 70px;
}

#search {
	width: 70px; 	
}

input, textarea, select, option {
  border: 1px solid #3399CC;
  background-color: white;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000066;
/*  width: 75px; */
  vertical-align: middle;
  margin-bottom: 4px;
}

input.button {
  font-weight: bolder;
  color: #000066;
  background-color: transparent;
  border: 1px solid;
  padding: 2px;
}

label {
    text-align:         right;
    float:              left;
    position:           relative;
    margin-top:         2px;
    padding-right:      5px;
    width:              120px;
    clear:              left;
    margin-bottom:      5px;
}


a.navis, a.navis:visited, a.navim, a.navim:visited {
  color: #336699;
  background-color: transparent;
  font-weight: bold;	
  text-decoration: none;
}
a.navim { font-size: 12pt; padding-left: 10px; padding-right: 10px; }
a.navis { font-size: 10pt; padding-left: 10px; padding-right: 10px; text-align: right; }
a.navim:hover, a.navim:active, a.navis:hover, a.navis:active {
  color: #003366;
  background-color: transparent;
  text-decoration: underline;
}

a.navi2cat,     a.navi2cat:visited, 
a.navi2catsel,  a.navi2catsel:visited, 
a.navi3cat,     a.navi3cat:visited, 
a.navi3catsel,  a.navi3catsel:visited, 
a.navi4cat,     a.navi4cat:visited, 
a.navi4catsel,  a.navi4catsel:visited, 
a.navi5cat,     a.navi5cat:visited, 
a.navi5catsel,  a.navi5catsel:visited, 
a.navi6cat,     a.navi6cat:visited, 
a.navi6catsel,  a.navi6catsel:visited, 
a.navi2side,    a.navi2side:visited, 
a.navi2sidesel, a.navi2sidesel:visited,
a.navi3side,    a.navi3side:visited, 
a.navi3sidesel, a.navi3sidesel:visited,
a.navi4side,    a.navi4side:visited, 
a.navi4sidesel, a.navi4sidesel:visited,
a.navi5side,    a.navi5side:visited, 
a.navi5sidesel, a.navi5sidesel:visited,
a.navi6side,    a.navi6side:visited, 
a.navi6sidesel, a.navi6sidesel:visited
{
	text-align: left;
	text-decoration: none;
	color: white;
	background-color: transparent;
	display: block;
	padding-bottom: 3px;
}

a.navi2cat, a.navi2catsel,
a.navi3cat, a.navi3catsel,
a.navi4cat, a.navi4catsel,
a.navi5cat, a.navi5catsel,
a.navi6cat, a.navi6catsel   { font-size: 10pt; padding-right: 3px; font-weight: bold;}
a.navi2side, a.navi2sidesel,
a.navi3side, a.navi3sidesel,
a.navi4side, a.navi4sidesel,
a.navi5side, a.navi5sidesel,
a.navi6side, a.navi6sidesel { font-size:  8pt; padding-right: 3px; }

a.navi2cat, a.navi2catsel   { padding-left:  7px; }
a.navi3cat, a.navi3catsel   { padding-left: 10px; }
a.navi4cat, a.navi4catsel   { padding-left: 13px; }
a.navi5cat, a.navi5catsel   { padding-left: 16px; }
a.navi6cat, a.navi6catsel   { padding-left: 19px; }

a.navi2side, a.navi2sidesel { padding-left: 12px; }
a.navi3side, a.navi3sidesel { padding-left: 15px; }
a.navi4side, a.navi4sidesel { padding-left: 18px; }
a.navi5side, a.navi5sidesel { padding-left: 21px; }
a.navi6side, a.navi6sidesel { padding-left: 24px; }

a.navi2cat:hover,  a.navi2cat:active,  a.navi2catsel, 
a.navi3cat:hover,  a.navi3cat:active,  a.navi3catsel, 
a.navi4cat:hover,  a.navi4cat:active,  a.navi4catsel, 
a.navi5cat:hover,  a.navi5cat:active,  a.navi5catsel, 
a.navi6cat:hover,  a.navi6cat:active,  a.navi6catsel, 
a.navi2side:hover, a.navi2side:active, a.navi2sidesel,
a.navi3side:hover, a.navi3side:active, a.navi3sidesel,
a.navi4side:hover, a.navi4side:active, a.navi4sidesel,
a.navi5side:hover, a.navi5side:active, a.navi5sidesel,
a.navi6side:hover, a.navi6side:active, a.navi6sidesel
  {
	text-decoration: underline;
	background-image: url(navsel.gif);
	background-position: left;
	background-repeat: no-repeat;
}

img.logo {
	float: left;
}

img.logor {
	float: right;
}

img {
	border: 0;
}

a, a:visited {
	color: #000066; background-color: transparent;
}

div.compatibilityimgs {
	margin-top: 50px;
	text-align: center;
}
span.compatibility {
	text-align: center;
	margin-bottom: 10px;
}

div.newspane {
	float: left; 
	border: 1px solid #369; 
	width: 160px; 
	padding: 0 !important;
	margin: 0 !important;
}

div.newsentry {
	margin: 5px;
	text-align: left;
	border-top: 1px solid #369;
	width: 160px;
}

h4.news {
	padding-left: 5px;
}

li {
	margin-bottom: 5px !important;
}