/* Start of CMSMS style sheet 'neustarter: Top menu + 2 columns' */
* { margin:0; padding:0; }

/* Set initial font styles */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:63%;
	color:#000;
	}
html>body { 
	font-size: 10px; 
	color:#000;
	}
div { font-size: 1.1em; }
img { border: 0; }


/*****************
basic layout 
*****************/
body {
/*   background-color: #eee; */
   color: #333;
}

div#pagewrapper {
/*   margin: 0 auto; */
   margin: 1em;
   width:960px;
   background-color: #fff;
   color: black;
padding:0.5em;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header { position: relative; height: 46px; }
div#header img { float: left; }

div#content {
   margin: 2em auto 2em 0;
}

div#main {
   float: left;
   width: 675px;
   display: inline;
}

div#sidebar {
   float: right;
   width: 250px;
   display: inline;
   margin-top: 2.9em;
font-size:90%;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 1%;
border: 1px solid #c31a1f;
margin-bottom:1em;
}

div#footer {
   margin-top:1em;
   border-top: 1px #000 dotted;
   clear:both;
   color:#000;
   padding-top:0.2em;
}
div#footer p {
   font-size: 0.8em;
   padding: 1.5em; 
   margin:0;
}
div#search {
   float: right;
}
div#search label {
   font-size: 90%;
}
input#m3searchinput{
   width:8em;
   font-size: 90%;
}

div.breadcrumbs {
   float:left;
   font-size: 90%;             
}
 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #024c83; 
   font-size: 1.5em; 
   padding-bottom: 1px;
   border-bottom: 1px solid #c31a1f; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
font-style:italic;
}
div#content h3 {
   color: #024c83; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}

/* LINKS */
div#content a, div#content a:link, div#content a:active, div#content a:visited, div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited  {
   color: #000; 
}
div#content a:hover, div#footer a:hover  {
   text-decoration: none;
   color: #024c83;
   background-color: #C3D4DF;
}


/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

div#sidebar ul {
/*  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
*/
margin:-1em 0 1em 0;
padding:0;
}
div#sidebar ul li {
   margin: 0 0 0.25em 1em;
}

/* END LISTS */


/* COLORS */
.neustarterrot {
color:#c31a1f;
}
.neustarterblau {
color:#056db9; /* 004578;*/
}

.bildrechts {
margin-left:1.2em;
}
.bildlinks {
margin-right:1.2em;
}
.tdspace {
padding-bottom:1em;
}
/* End of 'neustarter: Top menu + 2 columns' */

/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
span.accesskey {
   text-decoration:none;
}
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}
a.external {
  padding: 0 12px 0 0;
}
a.external:link {
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}
a.external:hover {
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* End of 'Accessibility and cross-browser tools' */