/****************************************************************************
version:   1.0
author:    Simone Litterst
email:     design@simone-litterst.de
website:   http://www.simone-litterst.de/
 ****************************************************************************/


/*###########################################################################
   Allgemeine Grundeinstellungen
   ###########################################################################*/


/* Kommentar: Verwendete Farben:
   #769051  Grün, Logo
   #B0644B  Rot, Logo, Highlight
   #626E90  Blau, Logo
   #4D4D4D  DunkelGrau Überschriften, Fliesstext
   #1B3C65  Dunkelblau Bildbeschriftung, Pfeil
   #E3E4E6  Hellgrau, HG Navigation
   #BBBDBF  Grau, Linien
   */

/* Werte fuer padding and margin werden alle auf Null gesetzt */
* {
  margin: 0;
  padding: 0;
}

p {
  padding:0px 0 10px 0;
}



/* Mit dieser Klasse können floating Bereiche zurückgesetzt werden */
.clear {
  clear:both;
}


/* Rahmen um Bilder sind unerwuenscht */
img {
  border: 0;
}


/* ***Ueberschriften*** */
h1 {
  padding:0 0 2% 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 130%;
}
h2 {
  padding:10px 0 10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
}
h3 {
  padding:10px 0 10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 120%;
  font-style:italic;
}


.bold {
  font-weight: bold;
}	
.red {
  color: #B0644B;
}	




/* ***Links*** */

a {
  text-decoration: none;
}
a:link,
a:visited {
  color: #1B3C65;
  font-weight: bold;
}
a:hover {
  color: #B0644B;
  text-decoration: none;
  font-weight: bold;
}
a:focus {
  outline: none;
}
.left {
  float:left;
}
.right {
  float:right;
}
fieldset {
  margin: 0;
  padding: 0;
  border :  solid 0 transparent;
}
legend {  
  display: none;
}

/* ***Typographische Angaben*** */
body {
  color: #4D4D4D;
  background-color:#fff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.85em;
  font-weight: normal;
  text-decoration:none;
}

/*###########################################################################
   #wrapper
   ###########################################################################*/

#wrapper {
  width:964px;
  position:relative;
  margin: auto;
  margin-top: 24px;
  /*background-color:#F6DFD9;*/
}

/*###########################################################################
   #head, #HeadNav
   ###########################################################################*/
#logo  {
  float:left;
  margin:40px 0px 0px 20px;
}
#bgHead  {
  background:url(../images/head/bg_head.jpg) no-repeat;
  height:101px;
  width:717px;
  float:right;
}
.bgHeadSmartphone {
  width:185px;
  height:138px;
  position:absolute;
  top:-3px;
  left:780px;
  background:url(../images/head/smartphone.gif) no-repeat;
}
.bgHeadStripe {
  width:auto;
  height:23px;
  position:absolute;
  top:51px;
  left:247px;
  background:url(../images/head/bg_head_stripe.png) repeat-x;
  padding: 0 12px 0 12px;
  line-height:21px;
  color: #1B3C65;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.25em;
}

#headNav  {
  background:url(../images/head/bg_head_nav.jpg) repeat-y;
  height:32px;
  width:717px;
  margin-top:2px;
  float:right;
}
#headNav ul {		
  float:left;
  font-size: 0.75em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#headNav li { 
  float:left;
  list-style:none;
  line-height:17px;
  padding:7px 20px 0 5px;
}

form#search {
  float:left;
}
form#search div {
  float:left;
}
form#search div.formfieldsWrapper {
  float:left;
  background-color:#fff;
}
form#search .searchfield {
  background-color:#FFFFFF;
  color:#999;
  border:none;
  padding:1px 5px;
  width:150px;
  height: 15px;
  font-size: 100%;
}
form#search input.button {
  height: 17px;
  width: 19px;
  background: url(../images/head/search/btn_go.gif) center no-repeat;
  border: none;
  
}
form#search input.button:hover {
  cursor: pointer;
}
#headNav li a,
#headNav li a:visited {
  text-decoration: none;
  color: #4D4D4D;
  font-weight: normal;
}
#headNav li a:hover {
  color: #4D4D4D;
}
#headNav li img {
  float: left;
  margin:3px 5px 0 0;
}
.dottedLine	{
  clear:both;
  float: right;
  background:url(../images/dotted_line.gif) repeat-x;
  height:1px;
  width:717px;
  margin:6px 0px 0 0;
}

li.printWrapper {
  width: 70px;
}


/*###########################################################################
   #MainNav
   ###########################################################################*/
#mainNav {		
  float:left;
}

#mainNav ul { 
  text-decoration:none;
}

ul.navLevelOne {		
  float:left;
  /* hk: was: font-size: 0.8em; */
  font-size: 0.95em; 
  width:218px;
  margin:20px 29px 0 0;
}
li.navLevelOne {    		
  list-style:none;
  background-color:#E3E4E6;
  color:#4D4D4D;
  /* hk: was: line-height:18px; */
  line-height:19px; 
  margin:0px 0 4px 0;
  clear:right;
}
a.navLevelOne, 
a.navLevelOne:visited {
  text-decoration: none;
  padding:0 0 0 10px;
  color:#4D4D4D;
  font-weight:normal;
}
a.navLevelOne:hover,
li.navLevelOne:hover a.navLevelOne,
li.navLevelOne a.high {
  color: #FFFFFF;
  background-color:#626E90;
  display:block;
}
/*###########################################################################
   #SubNav Level1
   ###########################################################################*/
ul.navLevelTwo {		
  float:right;
  /* hk: was font-size: 0.8em; */
  font-size: 0.9em; 
  text-decoration:none;
  margin:2px 0 4px;
  width:206px;
  display:block;
}
li.navLevelTwo {
  float:left;
  list-style:none;
  background-color:#E3E4E6;
  color:#4D4D4D;
  /* hk: was line-height:18px; */
  line-height:19px; 
  margin:0px 0 2px 0;
  clear:left;
  width:206px;
  position: relative;
}
a.navLevelTwo,
a.navLevelTwo:visited {
  text-decoration: none;
  font-weight: normal;
  padding:0 0 0 5px;
  color:#4D4D4D;
}
a.navLevelTwo:hover,
li.navLevelTwo:hover a.navLevelTwo,
li.navLevelTwo a.high {
  color: #FFFFFF;
  background-color:#626E90;
  display:block;
}
/*###########################################################################
   #SubNav Level3
   ###########################################################################*/
span.markerForLevelThree { 
  float:right;
  clear:right;
  padding-right:5px;
}
ul.navLevelThree
{ /*extra-Style IE7*/
  display: none;
  position: absolute; 
  top: 0px;
  left: 206px;
  font-size:100%;
  width:206px;
  width:auto;
  height:auto;
  margin:0px 0px 0 0px;
  z-index:10;
  border-bottom:solid 1px #4D4D4D;
  border-right:solid 1px #4D4D4D;
  border-left:solid 2px #fff;
  background-color:#F4F4F5;
}


ul.navLevelOne li:hover ul.navLevelTwo li:hover ul.navLevelThree { 
  display: block;
}


li.navLevelThree {
  list-style:none;
  /* hk: was line-height:17px; */
  line-height:19px;
  padding:0px 0px 0px 0px;
  white-space:nowrap;
  background-color:#F4F4F5;
  width:205px;
  width:auto;
  position:static;
  margin:0;
}

a.navLevelThree, 
a.navLevelThree:visited {
display:block;
  color: #606163;
  font-weight:normal;
  padding:0px 10px 0px 10px;
}


a.navLevelThree:hover,
li.navLevelThree:hover a.navLevelThree,
li.navLevelThree a.high {
  color: #FFFFFF;
  background-color:#626E90;
  display:block;
  padding:0px 10px 0px 10px;
  font-weight:normal;
}



/*###########################################################################
   #Path
   ###########################################################################*/
#path {		
  font-size: 90%;
  margin:5px 0;
}
/*###########################################################################
   #Content
   ###########################################################################*/

#content_wrapper {		
  float:right;
  margin:20px 0 40px 0; 
  width:717px;
}
.mainContent {		
  float:left;
  width:490px;
  padding-right:30px;

  /*background:url(../images/content/bg_watermark.jpg) no-repeat top;*/
  /*height:452px;*/
  font-size: 0.9em;
  height:auto !important;
  min-height:350px;
}
.dottedLineSmall {
  background:url(../images/dotted_line.gif) repeat-x;
  height:1px;
  width:546px;
  width:516px;
  width:490px;
  margin:6px 0px 0 0;
  float:left;
  clear:left;
}
/*###########################################################################
   #Content ColumnRight
   ###########################################################################*/
#columnRight {		
  float:right;
  width:190px;
}
.columnRight_headline {
  width:184px;
  float:right;
  background:url(../images/column_right/bg_headline.gif) repeat-x;
  line-height:24px;
  height:28px;
  margin-bottom:10px;
  font-weight:bold;
  padding-left:6px;
}
#columnRight ul {		
  float:right;
  margin-bottom:10px;
  padding:0px 0px;
  width:190px;
}
#columnRight li {    		
  list-style:none;
  margin-bottom:10px;
  width:178px;
  background:url(../images/dotted_line.gif) repeat-x bottom;
  padding:0 6px 10px 6px;
}
#columnRight a,
#columnRight a:visited {
  font-weight: normal;
  font-size:0.9em;
}
#columnRight a:hover {
  color: #B0644B;
}
#columnRight .arrow {
  margin: 0 0px 0 5px;
}
/*###########################################################################
   #Kontaktformular
   ###########################################################################*/
.contentKontaktFormular {
  float:left;
  padding:80px 0px 40px 0px;
}
.contentKontaktAdresse {
  float:left;
  padding:90px 0px 40px 80px;
  color:#737475;
  font-weight: bold;
  line-height: 1.4em;
  text-align:justify;
  width:275px;
}
.contentKontaktErfolgsmeldung {
  float:left;
  width:50%;
  padding:50px 0px 40px 50px;
  height:15em;
}

fieldset {
  margin: 0;
  padding: 0;
  border :  solid 0 transparent;
}
legend {  
  display: none;
}

span.labelWrapper {
  float: left;
  width: 155px;
}

label {
  float:left;
  padding-right:10px;
  text-align:right;
  width:195px;
}
p.fieldset {
  margin: 0 0 -8px 0;  
}
p.distanceTopBottom {
  padding: 8px 0 8px 0;  
}
input[type="text"], textarea {
  border: 1px solid #8E3610;
  padding: .1em .2em .1em .2em;
}
input[type="text"], input[type="file"], textarea {
  border: 1px solid #AAAAAB;
  padding: .1em .2em .1em .2em;
  width:218px;
}
.submit {			
  color:#FFFFFF;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 90%;
  font-weight: bold;
  padding:2px 5px 2px 5px;  
  text-decoration: none;  
  background-color: #626E90;
  /*background-color: #B0644B;*/
  border: 0;
  margin:8px 0 0 205px;
  cursor:pointer;
}
/*###########################################################################
   #Impressum
   ###########################################################################*/
.elementLeft {
  float:left;
  padding:0px 60px 10px 0px;
  width:40%
}

/*###########################################################################
   #Logos
   ###########################################################################*/
#logos_wrapper {
  border-top:1px solid #BBBDBF;
  border-bottom:1px solid #BBBDBF;
  width:949px;
  margin:0px 0 10px 0px;
  padding:7px 5px 5px 10px;
}
#logos_wrapper img {
  margin:0px 30px 0px 0px;
}
/*###########################################################################
   #Footer
   ###########################################################################*/
#footerNav {		
  font-size: 80%;
  float:right;
  width:717px;
  margin:10px 0px 0 0px;
  position:relative;
}
#footerNav a,
#footerNav a:visited {		
  /*text-decoration:none;
     color:#047CAE;*/
  margin:0 0px 0 20px;
  font-weight:normal;
}
/*#footerNav a:hover {
  text-decoration:none;
  color: #4B4B4B;
}*/
/*###########################################################################
   #logoBundesministerium
   ###########################################################################*/
.logoBundesministerium {
  position:absolute;
  top:-200px;
  left:-230px;
}
/*###########################################################################
       =# Enhancing the layout of code inserted via RTE htmlarea
  ###########################################################################*/
div.mainContent li {
        margin-left:25px;
}

/*###########################################################################
       =# Enhancing the layout of the search result page
  ###########################################################################*/

#customizedIndexedSearch label {                   
        padding:3px 5px 0px 0;
        font-weight:bold;
        float:left;
}
#customizedAllianceIndexedSearch .textfield {
        padding: 1px 3px 1px 3px;
        border: 1px #CFCFCF solid;
        width: 15em;
        float:left;
        margin-right:5px;
}
.tx-indexedsearch-rules {
        clear:both;
        padding:20px 0 10px 0;
}
.browsebox {
        padding:0 0 10px 0;
}
.tx-indexedsearch-whatis {
        padding-bottom:2px;
        border-bottom:1px solid #CFCFCF;

}
div.tx-indexedsearch-form, .tx-indexedsearch-search-submit, #tx-indexedsearch-searchbox-sword {
        float:left;
}

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
        width:58px;
        margin: 0 0 0 0px;
        float: left;
}


/*###########################################################################
       =# Enhancing the layout of the sitemap
  ###########################################################################*/
  
.deep0, .deep1, .deep2 {
        margin: 5px 0 0 10px;
}
/*###########################################################################
       =#News
  ###########################################################################*/
ul#newsList {
list-style:none;
}
ul#newsList li {
padding:0px 0 20px 0;
clear:left;
float:left;
}
ul#newsList h3 {
padding:3px 0 3px 0;
font-size: 100%;
  font-style:normal;
}

ul#newsList  .news-list-morelink a:link,
ul#newsList .news-list-morelink a:visited {
  font-weight: normal;
}

ul#newsList p {
padding:0px;
}
ul#newsList img {
padding:5px 10px 5px 0;
}
ul#newsList img.moreArrow {
padding:0;
}

.news-single-item h2 {
padding:3px 0 3px 0;
font-size: 100%;
}
.news-single-item h3 {
padding:3px 0 3px 0;
font-size: 100%;
  font-style:normal;
}
.news-single-additional-info {
margin-top:0px;
}
.news-single-img {
margin:0px 0 10px 10px;
padding:0;
}
.news-single-backlink {
padding:10px 0;
}
#columnRight span.moreLinkWrapper a {
  font-weight:bold;
}

#javascriptDisabledNotifier {
  padding:10px;
  background-color: white;
  position: absolute;
  z-index: 100;
  top:-80px;
  left:-100px;
  font-weight: bold;
  font-size: 150%;
}