body {background:white; font-family:verdana, sans-serif; color:#666;}

/*---------- Text and Links ----------*/
p, .text {color:#555; margin:12px 0; font-size:1em; line-height:1.6em;}
.text {margin:0;}

a {text-decoration:none; color:#1b2392; margin:0;}
a img, :link img, :visited img { border:none }
.anker {text-decoration:none; color:#DA8A0A; margin:0;}
.cycon-absatz a:hover, .news-absatz a:hover, .text a:hover {text-decoration:underline;}


h2 {font-size:1em; margin:20px 0 10px 0; font-weight:bold; color:#555;}
h3 {font-size:1em; margin:0; font-weight:bold; color:#777;}
h4 {font-size:1em; margin:0; font-weight:lighter;}

input {padding:1px; border:1px solid #555;}
input:focus {padding:0; border:2px solid #555;}

/*---------- Basic Layout ----------*/
#container {position:relative; width:900px; border:1px solid #ccc; margin:20px auto; padding:0; 
  background:#fff url(../pics/layout/background.gif) repeat-y;}
#header {margin:0; padding:0; background:#fff; height:138px; 
  background:#fff url(../pics/layout/header-bottom.gif) bottom no-repeat;}
#content {clear:right; margin-left:150px; padding:0 0 0 0; 
  background:transparent url(../pics/layout/streife2.gif) top right no-repeat;}

#searchContainer {margin:0; padding:0; height:110px; background:transparent;}
#mainContent {margin:0 260px 0 10px; padding:70px 30px 30px 30px;}
#wideContent {margin:0 0 0 10px; padding:70px 30px 30px 30px;}
#navigation {float:left; width:150px; margin:0; padding:0; background:transparent; border-right:0px solid #ccc;}
#news {float:right; clear:right; width:250px; margin:0 0 10px 0; padding:40px 0 0 0;}
#footer {clear:both; margin:0 0 0 150px; padding:1px; height:60px; background:#fff;background:url(../pics/layout/footer-border.gif) top no-repeat;}

/*---------- Header ----------*/
#logo a {position:absolute; display:block; left:130px; top:20px; text-indent:-10000px; height:80px;width:330px; background:#fff url(../pics/layout/logo2.gif) no-repeat;}

#langSel {position:absolute; top:125px; left:16px; height:50px;}
#langSel a { color:#fc9c04;}
#langSel a:hover { color:#fc9c04;}

#langSel .sprache{
	height:17px;
}

#langSel .sprache-aktiv{
	height:17px;
}

#flashHeader {float:right; margin:0; height:120px; width:415px; float:right; background:url(../pics/layout/blue-stripes.gif);}
#flashHeader div {margin-left:15px; margin-top: 0px; }
#flashHeader img {float:left; margin:10px 0;}



/*---------- Main Content ----------*/
#mainContent {line-height:1.6em;}

#mainContent input {margin:5px 0;}
#mainContent input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; background: transparent url(../pics/layout/senden.gif) no-repeat left top; overflow:hidden;  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}
#mainContent ul {list-style:square; margin:10px 0 20px 15px; padding-left:10px;}
#mainContent li a {font-weight:normal;}
#mainContent li a:hover {text-decoration:underline;}
#mainContent li {margin:4px 0; padding-left:0; background:none;}

#mainContent h4 {margin-bottom:7px;}
#mainContent .mehr {float:none; display:inline;}
#mainContent .mehr a {display:inline;}

#mainContent h4 {font-weight:bold; color:#555;}
#mainContent .news-absatz {margin-bottom:25px;}
.upload_verweis {margin:10px 0;}


/*----------News Boxes, right side ----------*/
#news .news-absatz {postition:relative; margin:20px 40px 20px 20px; border:1px solid #cecece; background:#fff url(../pics/layout/yellow-stripes2.gif);}
#news .cycon-absatz {postition:relative; margin:20px 40px 20px 20px; border:1px solid #cecece; background:#fff url(../pics/layout/blue-stripes.gif);}

#news .cycon-absatz .text {margin:8px 2px; padding:0 10px; line-height:1.3em;}
#news .news-absatz .text {margin:8px 2px; padding:0 10px; line-height:1.3em;}

#news .cycon-absatz h2 {margin:0; padding:4px 5px; color:#DA8A0A; font-weight:normal; background:white; border-bottom:1px solid #cecece;}
#news .news-absatz h4 {margin:0; padding:4px 5px; color:#DA8A0A; font-weight:normal; background:white; border-bottom:1px solid #cecece;}
 
#news .mehr a {color:#da8a0a; font-weight:normal;}
#news .mehr {clear:both; text-align:right; margin:10px 0 10px 0;}
#news .mehr a {padding:0 1.4em .23em 0; background:url(../pics/layout/mehr.gif) no-repeat right center;}
#news .mehr a:hover {color:#1b2392; background:url(../pics/layout/mehr_on.gif) no-repeat right center;}
#news img {margin:5px 5px 5px 0; float:left;}



/*---------- Login Boxes, left side ----------*/
.login, .suche {margin:19px 0; padding-bottom:8px; border:solid #cecece; border-width:1px 1px 1px 0; 
  background:#fff url(../pics/layout/blue-stripes.gif)}
.login h4, .suche h4 {color:#333; font-weight:bolder; margin:0; padding:3px 8px; background:#ffd57f; border-bottom:1px solid #cecece;}
.login p, .suche p {margin:5px 3px 5px 10px;}
.login p a, .suche p a {color:#555;}
.login a:hover, .suche a:hover {color:#fc9c04;}

.login input, .suche input {margin:2px 0; width:120px;}
#pw-vergessen {font-size:0.91em;}
#titelsucheHilfe {font-size:0.91em;}

#cmo-wartung img {margin-top:18px; border:solid #ccc; border-width:1px 0;} /*this is just for the CMO-Wartungs image*/


/*---------- Button Replacements ----------*/
.login input.button {height:20px; width:80px; margin:4px 0 0 0; border:none; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/login.gif) no-repeat left top; overflow:hidden; cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}

/* Suche sprachabh�ngig */ 

/* DE */
.login, .suche_de {margin:19px 0; padding-bottom:8px; border:solid #cecece; border-width:1px 1px 1px 0; 
  background:#fff url(../pics/layout/blue-stripes.gif)}
.login h4, .suche_de h4 {color:#333; font-weight:bolder; margin:0; padding:3px 8px; background:#ffd57f; border-bottom:1px solid #cecece;}
.login p, .suche_de p {margin:5px 3px 5px 10px;}
.login p a, .suche_de p a {color:#555;}
.login a:hover, .suche_de a:hover {color:#fc9c04;}

.login input, .suche_de input {margin:2px 0; width:120px;}
  
.suche_de input.button {height:20px; width:80px; margin:4px 0 0 0; border:none; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/suchen.gif) no-repeat left top; overflow:hidden;  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}
form>.button { /* For non-IE browsers*/ height:0px;}

/* EN */
.login, .suche_en {margin:19px 0; padding-bottom:8px; border:solid #cecece; border-width:1px 1px 1px 0; 
  background:#fff url(../pics/layout/blue-stripes.gif)}
.login h4, .suche_en h4 {color:#333; font-weight:bolder; margin:0; padding:3px 8px; background:#ffd57f; border-bottom:1px solid #cecece;}
.login p, .suche_en p {margin:5px 3px 5px 10px;}
.login p a, .suche_en p a {color:#555;}
.login a:hover, .suche_en a:hover {color:#fc9c04;}

.login input, .suche_en input {margin:2px 0; width:120px;}

.suche_en input.button {height:20px; width:80px; margin:4px 0 0 0; border:none; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/search.gif) no-repeat left top; overflow:hidden;  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}
form>.button { /* For non-IE browsers*/ height:0px;}



/*---------- Titelsuche ----------*/
input#titelsuche_button_de {height:20px; width:80px; margin:4px 0 0 0; border:none; text-indent:-10000px;
  background:url(../pics/layout/suchen.gif) no-repeat;}

input#titelsuche_button_en {height:20px; width:80px; margin:4px 0 0 0; border:none; text-indent:-10000px;
  background:url(../pics/layout/search.gif) no-repeat;}
  
#logout a {display:block; text-indent:-1000em; height:20px; width:80px; margin:10px; margin-top:5px; 
  background:transparent url(../pics/layout/logout.gif) no-repeat;}



/*---------- Pfad Navigation ----------*/
#pfadnav {position:absolute; top:165px; left:190px; margin:0; color:#aaa; z-index:10;}
#pfadnav a {color:#aaa; z-index:0}
#pfadnav a:hover {color:#fc9c04; z-index:0}
 
/*---------- Main Navigation ----------*/
#mainNav, #mainNav ul {margin:0; padding:0; border:solid #ccc; border-width:1px 1px 0 0; list-style:none; background:#efefef; z-index:100;}
#mainNav li {position:relative; margin:0; border:solid #ccc; border-width:0 0 1px 0;}
#mainNav li a {display:block; padding:3px 2px 3px 10px; color:#333; width:134px;}

#mainNav li a.on {font-weight:bold;} /* indicates active page */

/*---------- Popup Subnav ----------*/
#mainNav li div {position:absolute; left:-999em; width:230px; z-index:100;}
#mainNav li ul {margin:0 10px 10px 10px; padding:0; border:solid #ccc; border-width:1px 1px 0 1px;}
#mainNav li:hover div, #mainNav li.sfhover div {left:139px; top:-1px; z-index:100;}
#mainNav li:hover, #mainNav li.sfhover {background:#fc9c04; color:#111; z-index:100;}
#mainNav li li:hover, #mainNav li li.sfhover {background:#ffd57f;}
#mainNav li li a {width:190px;}

#mainNav li ul {position:absolute; left:-999em; width:210px; margin:0 10px 10px 10px; padding:0; border:solid #ccc; border-width:1px 1px 0 1px;}
#mainNav li:hover ul, #mainNav li.sfhover ul {left:0px; top:0;}
#mainNav li:hover, #mainNav li.sfhover {background:#fc9c04; color:#111;}
#mainNav li li:hover, #mainNav li li.sfhover {background:#ffd57f;}
#mainNav li li a {width:190px;}


/*---------- Portal Navigation ----------*/
#portalNav {}
#navOne {float:left; background:transparent url(../pics/layout/vert-stripe.gif);}
#navTwo {float:right; background:transparent url(../pics/layout/vert-stripe.gif);}
#portalNav ul {list-style:none; display:inline; margin:33px 0 0 0; padding:10px 0 0 0;}
#portalNav li {display:inline; margin:0 5px; padding:10px 5px;}

#portalNav li a {padding:2px 2px 0 2px; color:#333; background:white; }
#portalNav li a:hover {text-decoration:none; color:#da8a0a;}


/*---------- Breadcrumbs ----------*/
#breadcrumbs {font-size:1.35em; color:#DA8A0A; margin:7px 0 27px 0; height:10px;}
#breadcrumbs a{color:#da8a0a;}

/*---------- Schiriftgrösse widget ----------*/
#schrifftGroesse {position:absolute; bottom:0; left:0; margin:0 20px 0 0; padding:5px; width:139px; color:#fc9c04; border:solid #ccc; border-width:1px 1px 0 0;}

/*---------- News Liste ----------*/
.news-liste {margin:0 0 15px 0;}
.news-liste h3 {margin-bottom:8px;}
.news-liste p {margin:0 0;}
.datum {font-size:0.91em; color:#aaa; font-weight:normal;}

/*-------- Stellenangebote ----------*/
.stellen {margin:0 0 15px 0;}

/*---------- Sitemap ----------*/
#sitemap ul {list-style:none; padding-left:0;margin:0; } 
#sitemap li {margin-top:10px; padding:0;}
#sitemap li ul {padding-left:25px;}
#sitemap li li {margin:1px 0; padding-left:0; 
	background-image:none; list-style:square; color:#fc9c04;}

#sitemap li a {font-weight:bold; color:#555;}
#sitemap li a:hover {color:#333; text-decoration:none;}
#sitemap li ul a {font-weight:normal;}


/*---------- Kontaktformular ----------*/
#kontakt {color:#555; margin-top:3px; font-weight:bolder; padding:0;}
#kontakt h4 {font-weight:bold; margin:1em 0;}

#kontakt input, #kontakt select {margin:4px 10px 0px 0; }
#kontakt p {margin:2px 0;}
#kontakt select {border:1px solid #555;}
#kontakt textarea {padding:1px; padding-top:2px; border:1px solid #555; margin:2px 0 4px 0;}
#kontakt textarea:focus, #kontakt input:focus {padding:0; padding-top:1px; border:2px solid #555;}

#kontakt label {display:block; width:15em; float:left; font-weight:bolder; padding-top:2px;}
#kontakt em {font-weight:lighter;}
#kontakt #hinweis {margin:3em 0;}

 /* Buttons Sprachabh�ngig*/ 
#kontakt #save_button {margin:10px 0 20px 0;}
#save_button input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/senden.gif) no-repeat left top; overflow:hidden; 
  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}

#kontakt #save_button_en {margin:10px 0 20px 0;}
#save_button_en input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/send.gif) no-repeat left top; overflow:hidden; 
  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}
  
  

#kontakt #weiter_button {margin:10px 0 20px 0;}
#weiter_button input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/weiter.gif) no-repeat left top; overflow:hidden; 
  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}

#kontakt #weiter_button_en {margin:10px 0 20px 0;}
#weiter_button_en input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/proceed.gif) no-repeat left top; overflow:hidden; 
  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}  

  
  
#kontakt #zurueck_button {margin:10px 0 20px 0;}
#zurueck_button input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/zurueck.gif) no-repeat left top; overflow:hidden; 
  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}

#kontakt #zurueck_button_en {margin:10px 0 20px 0;}
#zurueck_button_en input.button {height:20px; width:80px; margin:2px 0 0 0; border:0; padding:20px 0 0 0; 
  background: transparent url(../pics/layout/back.gif) no-repeat left top; overflow:hidden; 
  cursor:pointer; /* hand-shaped cursor */ cursor:hand; /* for IE 5.x */}
  
  
.kontakt_form_teil {margin:30px 0;}

.checkboxes {margin:10px 0 30px 0; padding:0 10px; }
.checkboxes h4 {margin:10px 0 25px 0; }
.checkboxes span {margin:0 0 0 27px;}
.checkboxes input {border:none; padding-top: 20px;}
.checkboxes span input {border:1px solid #555;}
.checkboxes label {display:inline; margin:0;}

#input_box_special {}

#zeitraum {margin:20px 0;}
#zeitraum label {display:inline; float:none; margin-left:26px; margin-right:10px; }

#suchbegriffe, #suchprofile {margin:20px 0}
#suchbegriffe label, #suchprofile label {margin:2px 7px 0 10px; width:20px;}

#adresse {margin:20px 0;}
#landauswahl label {width:120px; margin-top:2px;}
#landauswahl input {width:100px;}

#agbs {margin:20px 0;}
#agbs #checkbox_input {float:left; width:40px; height:80px; padding-top:5px;}

.short_message {font-size:.9em; color:#aaa; margin:0 0 5px 0;}
.message_no_margin {font-size:.9em; color:#aaa; margin:0 0 5px 0;}
.checkboxes div.short_message {margin-left:26px;}


/*---------- Suchetreffer ----------*/
h3 b {color:#1b2392;}
#suchetreffer ul {margin:16px 0; padding:1px; padding-left:10px; list-style:none; }
#suchetreffer li {margin:5px 0; padding-left:0;}

/*---------- Fehlermeldungen ----------*/
.fehler-meldung {padding:5px; color:#555; border:2px solid red; background:#f8f8f8; margin:0; width:570px;}
.meldung {padding:5px 0; border:none; margin:0;}

/*---------- Tabellen ----------*/
#mainContent table {margin-bottom:20px; margin-top:0;}
#mainContent td { padding:1px 0;}
#mainContent .branche {font-weight:bold; padding-top:15px;}

td.description {padding:10px 20px 10px 0; width:360px;}
td strong {padding-bottom:0}
#wideContent table img {margin-right:10px; margin-top:0;}
th {text-align:left; height:35px;}
th strong {padding-bottom:10px;}


/*---------- FAQs ----------*/
#faqs {list-style:none; margin:0; padding:0;}
#faqs li {margin:2px 0; padding:0;}

/*---------- Downloads ----------*/
#downloads a {line-height:1.6em;}
#downloads .cycon-absatz a {display:inline;}
#downloads .cycon-absatz {margin:0;padding:0;}
#downloads .cycon-absatz h2 {margin-bottom:5px;}

/*---------- Presse ----------*/
.presse {margin:25px 0;}
.presse p {margin:5px 0;}
.presse a {line-height:1.7em;}

/*---------- Sponsorings ----------*/
.sponsorings {margin:25px 0;}
.sponsorings img {float:left; margin:5px 10px 5px 0;}

/*---------- Utilities ----------*/
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}

/*---------- Bilder ----------*/
.bild-links {float:left; margin:5px 15px 5px 0;}
#mainContent img {float:left; margin:5px 15px 5px 0;}
.bild-rechts {float:right; margin:0 15px 5px 15px;}

.cycon-absatz {margin:0 0 15px 0;}
.text b {color:#666;}

/*---------- Netzguide-------*/
#netzguide ul {margin:0; padding:0; list-style:none;}
#netzguide li {margin:0; padding:0;}

/*--------------- FAQs ---------------*/
ol {margin:0; padding:0 0 0 20px; color:#da8a0a;}
ol li {margin:0; padding:0 0 8px 0;}


/*--------------- Toplinks ---------------*/
.verweis_intern {display:block;}
a.verweis_intern:hover {text-decoration:underline;}
h2 a.anker {font-weight:bold; color:#555; text-decoration:none;}
h2 a:hover {text-decoration:none;}

a.toplink {margin:0px; color:rgb(102, 102, 102); text-decoration:none;}
a.toplink img {}

/*--------------- Popup ---------------*/
#popup {margin:0; padding:10px;  height:290px; border-top:20px solid #fc9c04; border-bottom:20px solid #ffd57f; }
#popup .cycon-absatz .text{font-size:0.67em;}
#popup h2 {margin:0 0 10px 0;}

/*---------- LinkPreview Icons----------*/

.pdf{
width:20px;
padding:1px 20px 2px 0;
background: url(images/pdf.png) no-repeat right;
}
.zip{
width:20px;
padding:0 23px 0 0;
background: url(images/zip.png) no-repeat right;
}
.doc{
width:20px;
padding:2px 20px 2px 0;
background: url(images/doc.png) no-repeat right;
}
.ppt{
width:20px;
padding:0 20px 0 0;
background: url(images/ppt.png) no-repeat right;
}
.xls{
width:20px;
padding:0 20px 0 0;
background: url(images/xls.png) no-repeat right;
}

.fehler input { border:1px solid red;}
.fehler		  { color:red; }

iframe {margin: 0 -7px; padding: 0; height: 240px;}


.content {
    padding: 10px 0;
}

.content img {
    float: left;
    margin: 16px 10px 0px 0px;
}

.content .text {

}

.clear {
    clear: both;
}

.name {
    font-weight: bold;
}

.text li {
    margin: 0 !important;
    padding: 0;
    list-style: none;
}

.text_highlighted {
    font-weight: bold;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 5px 0px;
}