/*
html {
	overflow-y: scroll;
}
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	background: #efefef url(images/higru_body.jpg) repeat-x;
	margin: 0;
	padding: 0;
}

#inhalt {
	width:1040px;
	margin:0 auto;
	padding:0px;
	background:white;
}

@media print{ #inhalt {width:100%;margin:0;} }

#fuss {
	height: 100px;
	margin: 0;
	padding: 50px 10px 10px 10px;
	background: #003366 url(images/higru_fuss.jpg) no-repeat top center;
	text-align: center;
	color: White;
}
#fuss /* f�r alle ausser IE 4/5 */ {
	height: 40px;
}

@media print{ #fuss {display:none;} }

#inhalt #kopf {
	height: 370px;
	margin: 0 auto;
	padding: 30px 60px;
	background: url(images/higru_kopf_ek.jpg) no-repeat;
	text-align: right;
}
#inhalt #kopf /* f�r alle ausser IE 4/5 */ {
	height: 310px;
}
@media print{ #kopf {display:none;} }

#inhalt #text {
	margin:0 auto;
	padding: 0px 60px 0 60px;
/*	padding:60px 60px 0 60px;*/
	background: white url(images/higru_text.jpg);
}

@media print{ #inhalt #text {padding:0;} }

#inhalt #text table#layout {
	border:none;
	border-collapse: collapse;
	width: 100%;
}
table#layout td.layout_inhalt  {
	padding:0 40px 0 0;
	vertical-align: top;
}
table#layout td.layout_menue {
	width:200px;
/*	padding:0;*/
	padding:40px 0 0 0;
	vertical-align: top;
	overflow: hidden;
}

@media print{ table#layout td.layout_menue {display:none;} }


p.rollen {
	font-size: smaller;
	margin: 0 0 30px 0;
}

/*
p.rollen a,
p.rollen a:link,
p.rollen a:visited,
p.rollen a:active,
p.rollen a:hover {
	color: gray;
}
*/

p.quelle {
	font-size: smaller;
	margin: 40px 0 0 0;
}

@media screen{ p.quelle {display:none;} }

/* ----------------------- Menue -----------------------------*/

#menu a,
#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:hover {
	text-decoration:none;
}

#menu a,
#menu a:link,
#menu a:visited {
	color:black;
}
#menu a:active,
#menu a:hover {
	color:#e17000;
}

.menuitem-1 a,
.menuitem-2 a,
.menuitem-3 a {
	display: block;
	margin:0;
	padding:4px 20px;
	color:black;
}

.menuitem-selected-1,
.menuitem-selected-2,
.menuitem-selected-3 {
	display: block;
	margin:0;
	padding:4px 20px;
	color:black;
}

.menublock-selected-1 .menublock-2,
.menublock-selected-1 .menublock-selected-2,
.menublock-selected-2 .menublock-3,
.menublock-selected-2 .menublock-selected-3 {
	margin-left:20px;
}

.menuitem-2 {
	background: url(images/menue_2.gif) no-repeat left center;
}
.menuitem-selected-2,
.menublock-selected-2 .menuitem-2 {
	background: url(images/menue_2a.gif) no-repeat left center;
}

.menublock-selected-1 div:last-child div.menuitem-2 {
	background: url(images/menue_2l.gif) no-repeat left center;
}
.menublock-selected-1 div:last-child div.menuitem-selected-2 {
	background: url(images/menue_2la.gif) no-repeat left center;
}

.menublock-1 .menublock-2 {
	display:none;
}

.menuitem-selected-1,
.menuitem-selected-2,
.menuitem-selected-3,
.menublock-selected-1 .menuitem-1,
.menublock-selected-2 .menuitem-2 {
	font-weight: bold;
}

/* ------------------- Format Inhalt ------------------- */

h1,
h2,
h3 {
	float: none;
	clear: both;
}

h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 100%; }
p { font-size: 100%; }
li { font-size: 100%; }
sub { font-size: 80%; }
#kopf { font-size: 80%; }
#fuss { font-size: 100%; }

ul {
	float: none;
	clear: both;
}

#body p {
	line-height: 160%;
	margin-bottom: 10px;
}

#body .wichtig {
	color: #e17000;
	border: 1px solid #e17000;
	border-width: 1px 0 1px 0;
	margin-bottom: 40px;
}

#body h1 {
	margin: 50px 0 10px 0;
}
#body h1:first-child {
	margin-top: 0;
}
#body h2 {
	margin: 30px 0 10px 0;
}

#body h2:first-child {
	margin: 10px 0 10px 0;
}

#body strong {
	font-weight: bold;
	font-style: italic;
}

#body ul {
	margin-top: 10px;
	margin-bottom: 20px;
}
#body li {
	margin-bottom: 6px;
}
#body ul li {
	list-style: square;
}
#body:selection {
  color: white;
  background-color: #e17000;
}

/* ----------------------- Links Body -----------------------------*/


#body a[href ^="http://"] {
	background: url('images/link-web.png') center right no-repeat;
   padding-right: 14px;
}
#body a[href ^="http://www.robotron-ecount.de"],
#body a[href ^="http://www.robotron.de"],
#body a[href ^="http://download.robotron.de"],
#body a[href $=".vcs"] {
	background: none;
   padding-right: 0;
   padding-left: 0;
}
a[href ^="mailto:"] {
   background: url('images/link-mail.png') center right no-repeat;
   padding-right: 0;
   padding-right: 16px;
}
a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"] {
   background: url('images/link-pdf.png') center left no-repeat;
   padding-right: 0;
   padding-left: 19px;
}



/* ----------------------- Kopf -----------------------------*/

#kopf a,
#kopf a:link,
#kopf a:visited,
#kopf a:active,
#kopf a:hover {
	color:black;
}


/* ----------------------- Breadcrumb -----------------------------*/


#breadcrumb {
    clear:both;
	padding: 5px 0 0 0;
	margin: 40px 0 0 0;
    border-top: solid 1px #c7c7c7;
	color: gray;
    font-size: 80%;
}

@media print{ #breadcrumb {display:none;} }

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active,
#breadcrumb a:hover {
	color: gray;
}

/* ----------------------- Fuss -----------------------------*/

#fuss table {
	width:1020px;
	margin: 0 auto;
	text-align: center;
}

#fuss table td img {
	margin:0;
}
/*

#fuss table td:first-child +td +td +td +td +td,
#fuss table td:first-child +td +td +td +td +td +td {
	text-align: right;
	width: 80px;
}
*/

#fuss a,
#fuss a:link,
#fuss a:visited,
#fuss a:active,
#fuss a:hover {
	color:white;
}

/* -------------------- Grafik -------------------- */

img {
	border:none;
	float:left;
	margin:5px 5px 20px 0;
}

img.rahmen {
	border: 1px solid Black;
}

img.rechts {
	float:right;
	margin:5px 0 20px 5px;
}

img.links {
	float:left;
	margin:5px 20px 0 5px;
}

img.rechts_rahmen {
	float:right;
	margin:5px 0 20px 5px;
	border: 1px solid Black;
}

img.links_rahmen {
	float:left;
	margin:5px 0 20px 5px;
	border: 1px solid Black;
}

img.mitte {
	border:none;
	margin:5px 20px;
	text-align:center;
}
img.mitte_rahmen {
	border:1px solid black;
	margin:5px 20px;
	text-align:center;
}


/* ----------------------- Tabellen -----------------------------*/


#body table td {
	width: auto;
	border-collapse: collapse;
}


/* ----------------------- Referenzen -----------------------------*/

#body table.referenzen td:first-child,
#body table.projekt td:first-child {
	width:150px;
}

#body table.referenzen td {
	vertical-align: middle;
}

#body table.referenzen td:first-child {
	padding: 15px;
}

#body table.referenzen h3 {
	margin: 0;
	padding: 0;
}

#body table.referenzen p {
	margin: 0;
	padding: 0 0 0 10px;
}

#body table.referenzen img {
	margin: 0;
}

#body table.projekt td {
	vertical-align: top;
	padding-bottom: 10px;
}

/* ----------------------- Schulung -----------------------------*/

table.kursuebersicht {
	border: none;
	margin: 0;
	padding: 0;
}

table.kursuebersicht th,
table.kursuebersicht td {
	text-align: right;
	border: solid silver;
	border-width: 0 0 0px 0;
	padding: 5px;
   margin: 0;
	vertical-align: top;
}

table.kursuebersicht thead th {
	background-color: #003366;
	color: white;
	vertical-align: middle;
}

table.kursuebersicht th:first-child, 
table.kursuebersicht td:first-child  {
	text-align: left;
	min-width: 300px;
}

table.kursuebersicht tbody th {
	background: silver;
	vertical-align: middle;
}

table.kursuebersicht tbody th a {
	text-decoration: none;
	color: Black;
}

table.kursuebersicht tbody th:first-child {
	text-align: left;
}

table.kursuebersicht td {
	font-size: small;
	background: #efefef;
}

.kursuebersicht th:first-child +th,
.kursuebersicht td:first-child +td {
	text-align: center;
}

table.kursuebersicht img {
	border: none;
	padding: 0;
	margin: 0 0 0 10px;
	float: right;
}



.kursdetails td:first-child {
	font-weight: bold;
}
.kursdetails td {
	border: solid silver;
	border-width: 0 0 1px 0;
	vertical-align: top;
	padding: 0 0 10px 0;
}

form.kurs_buchen {
	display: inline;
}



/* ----------------------- Index -----------------------------*/

#body dt {
	font-weight: bold;
	display: block;
	width: 30px;
	float: left;
	border: solid #e17000;
	border-width: 2px 0 0 0;
	margin: 0;
}
#body dl.formate dt {
	width: 70px;
}
#body dd {
	display: block;
	padding: 5px;
	border: solid gray;
	border-width: 1px 0 0 0;
	margin: 0 0 0 35px;
}
#body dl.formate dd {
	margin: 0 0 0 75px;
}
#body dd a,
#body dd a:link,
#body dd a:visited,
#body dd a:active,
#body dd a:hover {
	text-decoration: none;
}



/* ----------------------- Kontakt -----------------------------*/

table.standorte td {
	padding: 0 30px 10px 0;
	vertical-align: top;
}

table.kontakt {
	margin: 0;
	padding:0;	
	border-collapse: collapse;
}
.kontakt th {
	text-align: left;
}
.kontakt td {
	padding: 5px 0 5px 0;
	border: solid silver;
	border-width: 0 0 1px 0;
}
.kontakt td:first-child {
	width: 80px;
}

.kontakt img {
	margin: 0 10px 0 0;
	border: 1px solid silver;
}


/* ------------------------- Formulare -------------------------- */
fieldset {
	clear: left;
	position: relative;
	margin: 10px 0;
	padding: 10px;
/*	float: left;*/
}
fieldset.spalten {
	padding: 0px;
	border: none;
	clear: both;
	float: none;
}
fieldset.spalte1 {
	position: relative;
	margin-right: 20px;
}
fieldset.spalte2 {
	position: relative;
	clear: none;
}
fieldset.hinweis {
	border: red;
}
fieldset legend {
	font-weight: bold;
	color: black;
	padding: 2px;
	margin: 0;
}
fieldset label {
	width: 130px;
	height: 13px;
	float: left;
	display: block;
	padding: 3px 0;
	margin: 2px 0;
	clear: both;
	margin-right: 5px;
}
fieldset label.rechts {
	margin-left: 5px;
}

fieldset input {
	margin: 2px 0;
	padding: 3px 0;
	width: 450px;
	height: 13px;
}

fieldset select {
	margin: 0;
	padding: 0;
	width: 250px;
}

fieldset input.kurz {
	width: 80px;
}
.nur-drucken {
	display: none;
}