/* ---------------- initialisierung ---------------- */
/* alle werte erst einmal auf 0 stellen */
html, body, ul, ol, li, p, h1, h2, h3, h4 ,h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

/* allgemeine schriftdefinition */
body {
	background-color: #FFF;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center; /*  hack fuer zentrierung */
	}
	
/* fuer browser ohne bilddarstelllung */
img {font: 80%/100% Verdana, Arial, Helvetica, sans-serif;} 
a img {color: #999;}


/* ---------------- wrapper, header, nav ------------------- */
/* navigation und header definieren */
#wrapper {
	margin-top: 10px;
	width: 950px;
	background: url(../images/basic/bg_content.gif) repeat-y #FFF; 
	color: #000;
	margin-left: auto; /*  3 zeilen hack fuer zentrierung */
	margin-right: auto;
	text-align: left;
	}

#header {width: 950px; height: 120px; background:  url(../images/basic/bg_header_rounded.gif) no-repeat #464E93;}

#navcol {width: 220px; float: left; padding-top: 5px; padding-left: 40px; font-size: 0.6875em; line-height: 1.1; color: #506699; background-color: transparent;}
	
#nav {width: 220px; margin-top: 20px;}

#nav ul {list-style-type: none; margin: 0 0 10px 0;}
#nav ul li {padding-bottom: 4px;}
#nav ul ul {margin-bottom: 4px; margin-top: -2px;}
#nav ul ul li {margin-bottom: -7px; margin-top: 3px; padding-left: 15px; padding-top: 4px;}
#nav ul li.spacedown {padding-bottom: 15px;}
#nav ul li.spaceup {padding-top: 15px;}
#nav ul li.activeproject a {font-weight: bold; color: #C30;}
ul li.activeproject {font-weight: bold; color: #C30;}

#nav ul li.active a {font-weight: bold; color: #62679E; background-color: #FFF;}
#nav ul li.active ul li a {font-weight: normal; color: #8B8982; background-color: #FFF;}
#nav ul li.active ul li a:hover {color: #000; background-color: #FFF;}
#nav ul li.active ul li.active a {font-weight: bold; color: #62679E; background-color: #FFF;}

#navcol a:link {text-decoration: none; color: #506699; display: block;}
#navcol a:visited {text-decoration: none; color: #506699;}
#navcol a:hover {text-decoration: none; color: #2A3465;}

#navcol .infoboxroundedtop {background: url(../images/basic/navbox_top.gif) no-repeat bottom left; margin-top: 20px; height: 10px;}
#navcol .infoboxrounded {background: url(../images/basic/navbox_middle.gif) repeat-y; margin: 0px; padding: 0px 30px 0 12px;}
#navcol .infoboxroundedend {background: url(../images/basic/navbox_bottom.gif) no-repeat top left; margin-top: 0px; height: 10px; margin-bottom: 10px;}
#navcol h3.htop {margin-top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
#navcol h3 {color: #C30; font-family: Verdana, Arial, Helvetica, sans-serif;}

#navcol .infoboxrounded ul {list-style-type: none; margin: 5px 0 0 0; padding-left: 1em; text-indent: -1em;}
#navcol .infoboxrounded ul li {padding-bottom: 4px;}
#navcol .infoboxrounded ul li.active {color: #000;}

#navcol .infoboxrounded ol {margin: 10px 0 10px 20px;}
#navcol .infoboxrounded .submitsearch {margin-left: 20px; width: 45px; background-color: #BEC9DA; color: #506699; font-size: 0.95em; border: 1px solid #BEC9DA;}


/* ---------------- toolbar ------------------- */
#toolbar {width: 820px; font-size: 0.5625em; color: #506699; text-align: right; padding-top: 75px;}
#toolbar a:link {text-decoration: none; color: #506699;}
#toolbar a:visited {text-decoration: none; color: #506699;}
#toolbar a:hover {text-decoration: none; color: #2A3465;} 
.icon {margin-right: 5px; vertical-align: middle;}


/* ---------------- kundenlogo neben mygs ------------------- */
#mygsheader {overflow: auto; margin-bottom: 20px;}
#mygslogo {float: left; width: 120px; overflow: hidden;}
#mygslogo p {margin-top: 5px;}
#customerlogo {float: right; width: 60px; text-align: right; margin-right: 15px;}

/* ---------------- login ------------------- */
#login {font-size: 1em; margin-top: 20px; margin-bottom: 10px;}
#login .input {padding-right: 5px; margin-bottom: 5px; width: 110px; color: #000; background-color: #FFF; border: 1px solid #BEC9DA;}
#login label {display: inline; margin-left: 10px; vertical-align: top;}
#login .submitsearch {width: 45px; background-color: #BEC9DA; color: #506699; font-size: 0.95em; border: 1px solid #BEC9DA;}

/* ---------------- search ------------------- */
#search {font-size: 1em; margin-top: 20px; margin-bottom: 10px;}
#search .input {padding-right: 5px; width: 150px; color: #000; background-color: #FFF; border: 1px solid #BEC9DA;}
#search .submitsearch {width: 45px; background-color: #BEC9DA; color: #506699; font-size: 0.95em; border: 1px solid #BEC9DA;}

/* ---------------- search suggest ------------------- */
#ausgabe {visibility: hidden; width: 205px; border: 1px solid #CCC; background-color: #FFF; font-size: 0.9em;}
a.ergebnis {color: black; text-decoration: none; display: block; width: 100%;}
a.ergebnis:hover {background-color: #BEC9DA;}


/* ---------------- content ------------------- */
/* formatierung der inhalte, muss alles jetzt im laufe der zeit geprueft und beschriftet werden */
#content {width: 600px; margin-left: 300px; margin-bottom: 30px; margin-top: 20px; font-size: 0.6875em; line-height: 1.5em; background-color: #FFFFED;}

#content p {margin-bottom: 10px;} /* absatzformat */
#content .result {color: #C30;}
#content h1 {width: 500px;}
#content img {float: left; margin-bottom: 10px;}
#content img.icon {margin-right: 5px; margin-top: 3px; margin-bottom: 0px;}
#content img.arrow {float: none; margin-right: 2px; margin-bottom: 0px; margin-top: 5px;}
#content img.updown {float: none; margin-right: 2px; margin-bottom: 0px; margin-top: 0px; vertical-align: baseline;}
#content span.resultnavi {margin-right: 20px;}
#content p.iconlines {line-height: 2em;}
#content span.number {color: #BEBEBE; margin-right: 10px;}

/* formatierung des blocks mit dem weblink unterhalb der ueberschrift */
#content .weblink {margin-bottom: 20px; padding: 5px 0px;}
#content .weblink p {margin-bottom: 0px; line-height: 1.3;}
#content .weblink img {margin-left: 3px; margin-right: 15px;}
#content .weblink span.small {font-size: 0.91em;}

#content .spacer {height: 20px;}
#content .infobox {background-color: #FFF; border: 1px solid #CCC; margin-top: 20px; padding: 5px 10px;}

#content .infoboxroundedtop {background: url(../images/basic/contentbox_top.gif) no-repeat bottom left; margin-top: 20px; height: 10px;}
#content .infoboxrounded {background: url(../images/basic/contentbox_middle.gif) repeat-y #FFF; margin: 0px; padding: 0px 15px 0 15px;}
#content .infoboxroundedend {background: url(../images/basic/contentbox_bottom.gif) no-repeat top left; margin-top: 0px; height: 10px;}
#content .htop {margin-top: 0px;}

#content a:link {text-decoration: none; color: #506699;}
#content a:visited {text-decoration: none; color: #999;}
#content a:hover {text-decoration: none; color: #2A3465;}

#content .totop {clear: both; display: block; margin-top: 50px; font-size: 0.9em;}
#content a.totop:visited {text-decoration: none; color: #506699;}
#content a.totop:hover {text-decoration: underline;}
#content .toprevious {font-size: 0.9em;}

#content ul {margin-bottom: 10px;} /* listenformatierung */
#content ul li {background: url(../images/basic/bullet.gif) no-repeat  0em  0.6em; list-style: none; padding-left: 12px; padding-bottom: 5px;}

#content ul.results {}
#content ul.results li {list-style: none; padding-left: 0px; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #CCC;}
#content ul.results li strong {font-weight: normal; color: #C30;}
#content ul.results li a {}
#content ul.results li:hover {background: #DDE6E7; background-image: none;}

#content ul.results2 {}
#content ul.results2 li {list-style: none; padding-left: 0px; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #CCC;}
#content ul.results2 li strong {font-weight: normal; color: #C30;}
#content ul.results2 li a {}
#content ul.results2 li:hover {background: #DDE6E7; background-image: none;}

#content ul.resultswithicons {}
#content ul.resultswithicons li {list-style: none; padding-left: 0px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #CCC;}
#content ul.resultswithicons li strong {font-weight: normal; color: #C30;}
#content ul.resultswithicons li a img.icon {margin-top: 0px;}
#content ul.resultswithicons li:hover {background: #DDE6E7; background-image: none;}

#content ul.resultswithicons2 {}
#content ul.resultswithicons2 li {list-style: none; padding-left: 0px; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #CCC;}
#content ul.resultswithicons2 li strong {font-weight: normal; color: #C30;}
#content ul.resultswithicons2 li a img.icon {margin-top: -3px; float: none; margin-left: 10px; margin-right: 0px;}
#content ul.resultswithicons2 li:hover {background: #DDE6E7; background-image: none;}

.level1 {margin-top: 20px; font-weight: bold;}
.level2 {margin-left: 30px;}
.level3 {margin-left: 60px;}
.level4 {margin-left: 90px;}

/* test */
#content ol.resultsbynumbers {list-style-type: decimal-leading-zero; list-style-position: inside;}
#content ol.resultsbynumbers li {padding-left: 0px; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #CCC;}
#content ol.resultsbynumbers li strong {font-weight: normal; color: #C30;}
#content ol.resultsbynumbers li a {}
#content ol.resultsbynumbers li:hover {background: #DDE6E7; background-image: none;}

/* block mit der ergebnis-navigation (order by date, name, etc.) */
.resultnav {margin-bottom: 20px; padding: 5px 0px;}
.resultnav h3 {margin-top: 0px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;} /* ueberschrift */
.resultnav span.ascdesc {padding-right: 10px;} /* sortiereinheit (abstand) */
.resultnav span.activepage {color: #C30}


/* ---------------- footer ------------------- */
#footer {clear: both; width: 950px; height: 40px; color: #9596C8; font-size: 0.6em; background: url(../images/basic/bg_footer_rounded.gif) no-repeat #464E93; text-align: center; padding-top: 6px;}

#footer a:link {text-decoration: underline; color: #9596C8;}
#footer a:visited {text-decoration: underline; color: #9596C8;}
#footer a:hover {text-decoration: none; color: #9596C8;}


/* ---------------- typo ------------------- */
h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #C30;} /* allgemeine ueberschriften-definition */

h1 {font-size: 2em; line-height: 1.2; margin-bottom: 15px; font-weight: normal;} /* seiten-ueberschrift */
h2 {font-size: 1.4em; margin-bottom: 5px; font-weight: normal; margin-top: 5px;} /* zwischen-ueberschrift */
h3 {font-size: 1em; margin-bottom: 0; margin-top: 5px;} /* ueberschrift 3. ordnung */
h3.license {margin-top: -18px; margin-bottom: 17px; font-weight: normal;} /* ueberschrift 3. ordnung, klasse fuer "guest" oder eingeloggten user */
h3.pagetype {margin-top: -18px; margin-bottom: 5px; font-weight: normal; font-size: 1.2em;} /* ueberschrift 3. ordnung, klasse fuer "ueber der h1" */
h3.path {margin-top: -18px; margin-bottom: 17px; font-weight: normal;}

strong {font-weight: bold; color: #C30;} /* fette hervorhebung */
em {font-style: italic;} /* kursive hervorhebung */

abbr[title] {border-bottom: 1px #777 dotted; cursor: help;} /* abkuerzungen */



/* ---------------- tabellen neu, achtung: aendert sich in kuerze noch ------------------- */
/* die werte stehen fuer prozentanteile der einzelnen spalten */
/* die gesamtbreite ist 600px, also ergibt 25-75 = 150px und 450px */
/*  tabelle mit iconspalte */
table.tab3sp-5-20-75 {border-collapse: separate; border-spacing: 5px 2px; width: 600px;}
table.tab3sp-5-20-75 tbody tr td.col1 img.icon {}
table.tab3sp-5-20-75 tbody tr th, table.tab3sp-5-20-75 tbody tr td {text-align: left; font-weight: normal; padding: 1px 0px 3px 0px; color: #C30; border-top: 1px solid #CCC; vertical-align: top; line-height: 1.3;}
table.tab3sp-5-20-75 tbody tr:hover {background: #DDE6E7; background-image: none;}
table.tab3sp-5-20-75 tbody tr td.col1 {width: 30px;}
table.tab3sp-5-20-75 tbody tr td.col2 {width: 120px;}
table.tab3sp-5-20-75 tbody tr td.col3 {width: 450px;}
table.tab3sp-5-20-75 tbody tr td.label {color: #000;}
table.tab3sp-5-20-75 tbody tr td.noborder {border-top: none;}
table.tab3sp-5-20-75 tbody td.small {font-size: 0.91em; line-height: 1.2;}
table.tab3sp-5-20-75 tbody td.recordchanged {padding-top: 10px; color: #000; font-size: 0.82em; line-height: 1.2;}

/*  tabelle 2 spalten */
table.tab2sp-25-75 {border-collapse: separate; border-spacing: 5px 2px; width: 600px;}
table.tab2sp-25-75 tbody tr th, table.tab2sp-25-75 tbody tr td {text-align: left; font-weight: normal; padding: 0px; color: #C30; border-top: 1px solid #CCC; vertical-align: top;}
table.tab2sp-25-75 tbody tr:hover {background: #DDE6E7; background-image: none;}
table.tab2sp-25-75 tbody tr td.col1 {width: 150px;}
table.tab2sp-25-75 tbody tr td.col2 {width: 450px;}
table.tab2sp-25-75 tbody tr td.label {color: #000;}
table.tab2sp-25-75 tbody td.recordchanged {color: #000; font-size: 0.9em; line-height: 1.2;}

/*  tabelle 3 spalten */
table.tab3sp-50-25-25 {border-collapse: separate; border-spacing: 5px 2px; width: 600px;}
table.tab3sp-50-25-25 tbody tr th, table.tab3sp-50-25-25 tbody tr td {text-align: left; font-weight: normal; padding: 0px; color: #C30; border-top: 1px solid #CCC; vertical-align: top;}
table.tab3sp-50-25-25 tbody tr:hover {background: #DDE6E7; background-image: none;}
table.tab3sp-50-25-25 tbody tr td.col1 {width: 300px;}
table.tab3sp-50-25-25 tbody tr td.col2 {width: 150px;}
table.tab3sp-50-25-25 tbody tr td.col3 {width: 150px;}
table.tab3sp-50-25-25 tbody tr td.label {color: #000;}
table.tab3sp-50-25-25 tbody td.recordchanged {color: #000; font-size: 0.9em; line-height: 1.2;}

/*  tabelle 3 spalten */
table.tab3sp-60-20-20 {border-collapse: separate; border-spacing: 5px 2px; width: 600px;}
table.tab3sp-60-20-20 tbody tr th, table.tab3sp-60-20-20 tbody tr td {text-align: left; font-weight: normal; padding: 0px; color: #C30; border-top: 1px solid #CCC; vertical-align: top;}
table.tab3sp-60-20-20 tbody tr:hover {background: #DDE6E7; background-image: none;}
table.tab3sp-60-20-20 tbody tr td.col1 {width: 350px;}
table.tab3sp-60-20-20 tbody tr td.col2 {width: 125px;}
table.tab3sp-60-20-20 tbody tr td.col3 {width: 125px;}
table.tab3sp-60-20-20 tbody tr td.label {color: #000;}
table.tab3sp-60-20-20 tbody td.recordchanged {color: #000; font-size: 0.9em; line-height: 1.2;}

/*  tabelle 4 spalten */
table.tab4sp-25-25-25-25 {border-collapse: separate; border-spacing: 5px 2px; width: 600px;}
table.tab4sp-25-25-25-25 tbody tr th, table.tab4sp-25-25-25-25 tbody tr td {text-align: left; font-weight: normal; padding: 0px; color: #C30; border-top: 1px solid #CCC; vertical-align: top;}
table.tab4sp-25-25-25-25 tbody tr:hover {background: #DDE6E7; background-image: none;}
table.tab4sp-25-25-25-25 tbody tr td.col1 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.col2 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.col3 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.col4 {width: 150px;}
table.tab4sp-25-25-25-25 tbody tr td.label {color: #000;}
table.tab4sp-25-25-25-25 tbody td.recordchanged {color: #000; font-size: 0.9em; line-height: 1.2;}



/* ---------------- tabellen, alt, nicht mehr verwenden ------------------- */
table .organisationdetails {border-collapse: collapse; border-spacing: 0px; width: 600px;}
tbody {margin-bottom: 50px;}
tbody tr th, tbody tr td {text-align: left; padding: 0px; vertical-align: top;}
tbody tr th {width: 150px; border-top: 1px solid #CCC; font-weight: normal; vertical-align: top; color: #C30;}
tbody tr td {width: 450px; color: #000; border-top: 1px solid #CCC;}
tbody td.recordchanged {color: #000; font-size: 0.9em;}


/* ---------------- formulare ------------------- */
form label {
	display: block;
	margin-top: 20px;
	margin-bottom: -10px;
	}

textarea, input {width: 400px; background: #ECF3F9;}
	
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

input#reset, input#submit {
	width: auto;
	margin-right: 20px;
	margin-top: 20px;
	background: none;
	}

input:focus, select:focus, textarea:focus {background: #D9E6F3;}


/* ---------------- skip navigation ------------------- */
#skip {position: absolute; z-index: 2; width: 10em; overflow: hidden; top: -100px; left: -1000px;}
#skip a {}
#skip a:focus, #skip a:active {z-index: 99; text-decoration: underline; color: #000; background: #fff;}


#blah:active {}