/*
This is the default stylesheet for the screen media

blue: 00529F
red: A2214B

*/

* {
	margin:0;
	padding:0em;
}

/*
  no border for iframes
*/
iframe {
  border: none;
  margin-left: -1em;    
}

/*
set font size for all divs,
this overrides some body rules
*/

div {

   font-size: 1em;

}

/*
if img is inside "a" it would have
borders, we don't want that
*/
img {
   border: 0;
   vertical-align:text-bottom;
   max-width:60em;
}


/* specific page areas */
body {
	font-family: sans-serif;
	color: #4d4d4d;
	margin: 1em;
}

/*
area wrapping the whole page
*/
div#pagewrapper {
	min-width: 45em;
	max-width: 60em;
	margin: 0 auto;
}

/*
head area
*/
div#header {
	height: 40px;
	background: url(images/iccma_logo.png) no-repeat right;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 5px;
	vertical-align: bottom;
}

div#header h1 {
	float: left;
	margin-left: 18px;
	margin-top: 28px;
	height: 50px;
	width: 105px;
}

/*
navigation area
*/
div#navigation {
	margin-bottom: -2em;
	float: left;
	display: block;
	clear: both;
	position: relative;
	top: -38px;
	height: 38px;
}

#navigation ul.subnavigation {
	/* display:none;  Submenue wird in der Menueansicht ausgeblendet */
	position: absolute;
	top: -999em;
	left: -999em;
}

#navigation ul {
	display: block;
/*	float: right;*/
	margin: 0;
	padding: 8px 0px 0;
	padding-right: 14px;
	list-style: none;
	font-size: 0.9em;
}

/* beim erste (vielleicht mit :first-child) anderes Hintergrundbild */
#navigation li {
	float: left;
	background: #F6F1E2 url("images/nav-left.png") no-repeat left top;
	margin: 0;
	margin-top: -1px;
	margin-left: 0px;
	margin-right: -14px;
	padding: 0 0 0 38px;
	line-height: 1.10em;
}

#navigation li:first-child {
	background: #fff url("images/nav-left-first.png") no-repeat left top;
}

/* old color: 333170 */


#navigation a {
	display: block;
	background: #fff url("images/nav-right.png") no-repeat right top;
	padding: 9px 28px 4px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #A2214B;
	font-size: 0.9em;
}

#navigation li:last-child a {
	background: #fff url("images/nav-right.png") no-repeat right top;
}

#navigation a:hover {
	color: #A2214B;
}

#navigation li.current {
	background: transparent url("images/nav-left-on.png") no-repeat left top;
	padding: 0 0 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #A2214B;
	margin: -0.9em 0px 0px 0px;
	padding-left: 1.8em;
	font-size: 1em;
}

#navigation li:first-child.current {
	background: #fff url("images/nav-left-on.png") no-repeat left top;
}

#navigation .current a {
	height: 2.3em;
	background: #FFF url("images/nav-right-on.png") no-repeat right top;
	color: #A2214B;
}

#navigation li:last-child.current a {
	height: 2.3em;
	background: #FFF url("images/nav-right-on.png") no-repeat right top;
	color: #A2214B;
}


/* makes the following register without the rest of its previous sibling */
#navigation .current+li {
	/* TODO bild an breite des nav-left-first.png anpassen? */
	background: #F6F1E2 url("images/nav-left-with-previous-on.png") no-repeat left
		top;
	padding-left: 1em;
}

/*
left shadow
*/
div#left-shadow {
	background: url(images/shadow-left.png) repeat-y;
	padding-left: 5px;
	padding-bottom: 0px;
	margin-top: 0px;
}

/*
content area
*/
div#content {
	border: 2px solid #00529F;
	padding: 1em 1em 1em 2em;
	margin-top: -2px;
}

/*
subnavigation area
*/
/*
div#subnavigationArea {
	position: absolute;
	margin-left: -32px;
	background-color: #3B2808;
	width: 13em;
	margin-top: 1em;
	padding-left: 3em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	padding-right: 1em;
}

#subnavigationArea ul {
	list-style: none;
}

#subnavigationArea ul li {
	padding: 0em 0.5em 0.5em 0em;
	background-color: #3B2808;
	font-weight: bold;
	font-size: 101%;
}

#subnavigationArea ul li > ul li {
    visibility:hidden;
    height:0;
    padding:0;

}*/

/*
#subnavigationArea ul li a {
	text-decoration: none;
	color: white;
}

#subnavigationArea ul li.current  {
	background: #3B2808 url(images/person-detail-sub-nav-max.png) left top no-repeat ;
	margin-left: -30px;
	padding-left: 30px;
}

#subnavigationArea ul li.current > ul li {
	visibility:visible;
	height: 1em;
	padding-left:1em;
}

#subnavigationArea ul li.current > ul li.current {
	background: #3B2808;
	padding-left: 1em;
	margin-left: 0;
}

#subnavigationArea ul li.current a {
	color: #595454;
}

#subnavigationArea ul li.current > ul li a{
	color:white;
}

#subnavigationArea ul li.current > ul li.current a{
	color: #595454;
}
*/


/*
content main area
*/
div#main {
	clear: left;
	margin-top: 2em;
        min-height: 18em;
}

/*
div#main.with_nav {
	margin-left: 16em;
}
*/

/* LISTS */

/* lists in content need some margins to look nice */

div#main ul, div#main ol, div#main dl {
   margin: 0 0 0.5em 0;
}

div#main ul li, div#main ol li {
   margin: 0 0 0.25em 2.5em;
}

/*
breadcrumbs area
*/

/*
div#breadcrumbs {
	margin-top: 0em;
	float: left;
}

div#breadcrumbs,div#breadcrumbs a {
	font-size: 90%;
	text-decoration: none;
	color: #4d4d4d;
}

div#breadcrumbs a:hover,div#breadcrumbs a:active {
	color: #3B2808;
}
*/
div#footer {
	margin-top: 0px;
	margin-left: 2px;
	background: url(images/shadow-down.png) repeat-x top;
	background-position: top;
	font-size: 70%;
	text-align: center;
	clear: left;
}

div#footer p {
	padding-top: 5px;
}

div#footer div img {
	float: right;
	margin-left: 2px;
}
/* end specific page areas */

/* content specific areas */

div#news-area {
	background: #F2F2F2;
	border: 1px solid #4D4D4D;
	color: #4D4D4D;
	border-right: none;
	width: 19em;
	margin-right: -1em;
	margin-top:2em;
	margin-left:2em;
	float: right;
}

div#joint-area{
	width: 19em;
	margin-right: -1em;
	margin-top:2em;
	margin-left:2em;
	clear: right;
	float: right;
}

#joint-area>center>a>img {
	max-width:97%;
}

div#no-topics-area {
    font-size: 80%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#main ul {
    list-style: square;
}

div#news-area h3, div#news-area-allnews h3 {
	padding-left: 1em;
	color: #4d4d4d;
	font-size: 90%;
}

div#news-area .news-title, div#news-area-allnews .news-title {
	font-weight:bold;
}

div#news-area ul, div#news-area-allnews ul {
	list-style: square inside url(images/list-bullet.png);
	margin-left: -1.5em;
	margin-right: 0.5em;
}

div#news-area ul li p {
	font-size: 95%;
}


div#left-teaser {
        clear: left;
	margin-right: 20em;
	margin-top: 2em auto;
}

div#refs {
        font-size: 70%;
}
/* end specific content areas */

/* general content styling */

/* qbf-color: #800032 */

h2 {
	color: #00529F;
	margin: 0 0 0.5em 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h3 {
	color: #00529F;
	margin: 0 0 0.5em 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h4 {
	color: #00529F;
	margin: 0 0 0.5em 0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p {
	font-size: 80%;
	color: #4d4d4d;
	margin-bottom: 0.5em;
}

ul li {
	padding-bottom: 0.5em;
}

#content li {
	font-size: 80%;
}

table {
	border: none;
	font-size: 95%;
	margin-bottom: 0.5em;
}

.smallTable {
	border: none;
	font-size: 80%;
	margin-bottom: 0.5em;
}

tr.head th {
	background-color: #3B2808;
	color: white;
	text-align: left;
	border: 1px solid #3B2808;
	padding: 0.5em 0.5em 0.5em 1em;
	font-weight: bold;
}

tr.sectionHead th {
	text-align: left;
	background-color: #dddddd;
	color: #3B2808;
	padding: 0.2em 0.2em 0.2em 1em;
	font-weight: bold;
}

td {
	padding: 0.2em 0.2em 0.2em 1em;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.noBorder {
	padding: 0.2em 0.2em 0.2em 1em;
	border: none;
}

a img {
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* internal links */
a:link {
	color: #00529F;
}

a:visited {
	color: #00529F;
}

a:hover,a:active {
	color: #00529F;
}

.smaller {
	font-size: 60%;
}

/* end internal links */
	/* wiki style external links: TODO Überarbeiten */
	/* external links will have "(external link)" text added, lets hide it */
a.external span.external {
	position: absolute;
	left: -5000px;
	width: 4000px;
}

/* make some room for the image */
a.external {
	/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}

/* colors for external links */
a.external:link {
	color: #2B8BD2;
	/* background image for the link to show wiki style arrow */
	background: url(images/external.png) no-repeat 100% 0;
}

a.external:visited {
	color: #48687B;
	/* a different color can be used for visited external links */
	/*
Set the last 0 to -100px to use that part of the external.png image for different color for active links
external.png is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
	background: url(images/external.png) no-repeat 100% 0;
}

a.external:hover, a.external:active {
	color: #3B2808;
	/* Set the last 0 to -200px to use that part of the external.png image for different color on hover */
	background: url(images/external.png) no-repeat 100% 0;
	background-color: #C3D4DF;
}

/* end wiki style external links */ /* end general content styling */
	/* accessibility */ /*
menu links accesskeys
*/
span.accesskey {
	text-decoration: none;
}

/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility {
	position: absolute;
	top: -999em;
	left: -999em;
}

/*
definition tags are also hidden
these are also used for menu links
*/
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */