* { padding: 0; margin: 0; }


{
padding: 0;
margin: 0;
border: 0;
}

/* Hide divs not used in prnt edition */
#header, #footer, #rubrik, #navi, img, #right, #left,  {
  display: none;
}

body, html {
color: #333; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background: #f5f5f5;
}
body {
font-size: 62.5%;
min-width: 760px;
}
p {
line-height: 1.4em; font-size: 1.2em;
}
li {
line-height: 1.4em; font-size: 1.1em;
}
.contentWrap li {
font-size: 125%;
}
a {
color: #990000; text-decoration:none;
}
a:hover {
color: #b41b02;
text-decoration: none;
}

a:active, a:focus {
color: #990000; text-decoration:underline;
}

#titel_top {
position: absolute;
top: 1px;
left: 171px;
}

h1 				{font-size: 1.6em; color: #012778; padding: 15px 0 12px 0; margin-bottom: 4px;}
h2				{font-size: 1.4em; color: #646B7A; padding-top: 13px; margin-bottom: 10px;}
h3				{font-size: 1.2em; color: #646B7A; padding: 10px 0 6px 0; margin-bottom: 2px;}
h4 				{font-size: 1.2em; color: #646B7A;}
h5 				{font-size: 1.2em; color: #646B7A;}
h6 				{font-size: 1.2em; color: #646B7A;}

h1 a {
text-decoration:none; color: #012778;
}
h1 a:hover, h1 a:active, h1 a:focus {
text-decoration: underline; color: #012778;
}
h2 a {
text-decoration:none; color: #646B7A;
}
h2 a:hover, h2 a:active, h2 a:focus {
text-decoration: underline; color: #8f1502;
}
h3 a {
text-decoration:none; color: #646B7A;
}
h3 a:hover, h3 a:active, h3 a:focus {
text-decoration: underline; color: #8f1502;
}

h4 a {
text-decoration:none; color: #646B7A;
}
h4 a:hover, h4 a:active, h4 a:focus {
text-decoration: underline; color: #8f1502;
}

img 			{border:none;}

.print {
float: right;
text-align: right;
}

.breadcrumbs {
float: left;
}

.clear { clear: both; }
#mainContainer {
background: 200px repeat-y #fff; /*** This is the right column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
}
#mainContainer2 {
background: url(images/hg_k2.gif) 0 170px repeat-y;  /*** This is the left column background "faked" with an image. The 100px is added to have control of where the vertically repeating starts.  ***/
}
/**************************
HEADER
**************************/
#header {
 display: none;
}
/**************************
CONTENT AND COLUMNS
**************************/
#teaserContainer {
padding: 25px;
float: left;
color: #000;
background: #d8e3f9;
margin: 0 0 20px 0;
}
#teaserContainer h1 {
background: url('images/mediamatters.gif') repeat-x top left;
height: 20px; 
padding: 0 0 10px 0;
}
#teaserContainer h2 {
 color: #012778;
 padding: 0;
}

#teaserContainer1 {
padding: 25px;
float: left;
color: #000;
background: #f5e5e5;
margin: 20px 0 20px 0;
}
#teaserContainer1 h1 {
background: url('images/mediadevelopmet.gif') repeat-x top left;
height: 20px; 
padding: 0 0 10px 0;
}
#teaserContainer1 h2 {
 color: #012778;
 padding: 0;
}

#teaserContainer2 {
padding: 25px;
float: left;
color: #000;
background: #f1f1f1;
margin: 20px 0 20px 0;
}
#teaserContainer2 h1 {
height: 20px; 
padding: 0 0 10px 0;
}
#teaserContainer2 h2 {
 color: #012778;
 padding: 0;
}

.outer {
padding-left: 0px; /*** Same width as margin-left for the float-wrap div ***/
padding-right: 0px; /*** Our right column width ***/
}
.inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 100%;
margin-left: 0px; /*** Same length as .outer padding-left but with negative value ***/
}

#content {
float: right;
margin-right: 0px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
position: relative; /*** IE needs this  ***/
}
.contentWrap{
padding: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 10px 0 10px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}

#top
{
 margin: 0; 
 background-color: rgb(243, 245, 249); 
 width: auto; 
 background-image: url('images/hg_k_alt.gif'); 
 background-repeat: repeat-x;
 height: 109px;
}

#top h1
{
padding: 0;
margin: 0;
}
#logo {
 background: url(images/hg_k2.gif) repeat-y top left;
 height: 109px;
}
.text {
 margin: 20px 0 0 27px;
 color: #fff;
 width: 150px;
}
.text a {
 color: #fff;
 width: 150px;
 text-decoration: none;
}

#titel { 
 margin: 0pt 10px 0pt 5px; 
 position: absolute; 
 right: 0pt;
 top: 0px; }


#leftnav a {
 text-decoration:none;
 color: #fff;
} 

.csc-uploads {
font-size: 100%;
width: 100%;
}
.tr-even {
background: #9fb3ce;
}
.csc-uploads td {
padding: 4px;
}
.tr-odd {
background: #e6f1ff;
}

.tx-indexedsearch {
padding-bottom: 20px;
}
//.tx-indexedsearch-res {font-size: 0.5em;}
//.tx-indexedsearch-title {font-size: 1.em; color: #646B7A; margin: 3px;}

#search {
 padding: 0px 0px 0 8px;
 margin: 0 0 0 8px;
 border-bottom: 1px solid rgb(92, 116, 169);
}

#search form {
 margin: 10px;
}

#search input {
 width: 120px;
 border: 1px #fff;
 padding: 2px;
 }

.imagesleft {
padding: 10px 20px 10px 20px;
}
.imgleft img { padding: 0pt 0pt 8px 0; }
.imgleft { padding: 0pt 0pt 8px 0; }

ul#navlist { border-top: 1px solid rgb(92, 116, 169); border-bottom: 1px solid rgb(92, 116, 169); margin: 0pt 0pt 0pt 8px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
ul#navlist li { margin: 0pt; padding: 0pt; display: inline; position: relative;}
ul#navlist li a { margin: 0pt; padding: 5px 1px 4px 1.5em; display: block; background-color: #5474ac; text-decoration: none; font-weight: bold; font-size: 100%; color: rgb(255, 255, 255); background-image: url('images/pfeil_1.gif'); background-repeat: no-repeat; background-position: 0.5em 0.55em; }
ul#navlist li a:hover { background-color: rgb(92, 116, 169); color: rgb(214, 220, 233); text-decoration: none; background-image: url('images/pfeil_1a.gif'); background-repeat: no-repeat; }



#navi { z-index: 1;margin: 0pt 0pt 0pt 170px; position: absolute; top: 83px;  }
#navi ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#navi ul li { border-right: 0px solid rgb(1, 39, 121); float: left; background-color: rgb(67, 95, 156);   float: left; position: relative; width: 10.7em; text-align: center;}
#navi ul li a { padding: 4px 7px 4px 11px; display: block; width: auto; font-size: 90%; font-weight: bold; text-decoration: none; color: rgb(255, 255, 255); }
#navi ul li li a { font-size: 70%; text-align: left;}
#navi li:hover ul, li.over ul { color: rgb(214, 220, 233); text-decoration: none; background-color: rgb(92, 116, 169); }
#navi li ul {display: none; position: absolute; top: 2em; left: 0; }
li > ul { top: auto; left: auto; }
#navi li:hover ul { display: block; z-index:1; }

.spezial { border-left: 3px solid rgb(92, 116, 169); color: rgb(214, 220, 233); text-decoration: underline; background-color: rgb(92, 116, 169); background-image: url('images/pfeil_2b.gif'); background-repeat: no-repeat; background-position: 0.1em 0.6em; }

#rubrik { display: none; }

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
 display: none;
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}

/*************************
RIGHT COLUMN
**************************/
#right {
 display: none;
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
#right h1 {
margin-top: 20px;
border-top: 1px solid #646B7A;
}
#right a {
color: #990000; text-decoration:none;
}
#right h3 a {
color: #646B7A;
}
#right a:hover, #right a:active, #right a:focus {
color: #8f1502; text-decoration:underline;
}
/**************************
FOOTER
**************************/
#footer {
text-align: right;
font-size: 90%;
padding: 10px;
}
#footer p {
clear: both;
}

/**************************
CONTACT FORM
**************************/
.csc-mailform label{
float: left;
width: 120px;
}
.csc-mailform input, .csc-mailform textarea{
padding: 3px;
width: 300px;
margin-bottom: 5px;
line-height: 15px;
font-size: 11px;
font-family: Verdana, Arial, Tahoma, sans-serif;
background: #fff;
color: #333;
border: 1px solid #646B7A;
}

.csc-mailform textarea{
width: 300px;
height: 100px;
}

.csc-mailform .boxes{
width: 1em;
}

.csc-mailform .csc-mailform-submit {
border: 0;
padding: 0;
width: 50px;
margin-left: 340px;
height: 15px;
}

fieldset {
border: none;
padding: 10px;
}
.csc-uploads-fileSize {
 width: 60px;
}
.imgright {
 float: right;
 width: 150px;
 padding: 0 0 20px 0;
}
.blog-single-timedata {
 margin: -20px 0 0px 0;
}
.news-latest-item .blog-list-first-line {
 padding: 20px 0 0 0 ;
}
.news-latest-container .blog-pagebrowser {
 padding: 20px 0 0 0 ;
}
.news-list-imgcaption {
 position: block;
 float: right;
 font-size: 10px;
 padding: 5px 5px 5px 35px;
 margin: 120px -160px 0px 0;
 width: 140px;
}
blockquote {
 padding: 20px;
 background: #eee;
}
blockquote ul li {
 padding: 10px 0 0 0;
 margin: 0;
}