/*******************************************************
*  THM 20090222
*   t3b.css, http://typo3-beratung.com
*
* #A1A1A1 Hintergrund
* #10478C dkl-bl.  (16, 71, 140)
* #10478D  rt 
* #7DAADF mittelblaugrau 
* #D1D1D1 grauer Hintergrund
* #D1EFDB Hintergrund Quellcodekasten
*
******************************************************/

@media all {
   #navlist { text-align: center;  }
}

/* @media screen, projection { */
html {
    background: #A1A1A1;
}

body {
    margin: 15px auto 15px 15px;
    font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    border: 2px #7DAADF solid;
    max-width: 80em;
    background: white;
}
html > body > div.abstand {  background: #D1D1D1; }

/*** Externe Links kennzeichnen (http, https) ***/
#inhalt a[href^="http"]:before {
   content:url('/fileadmin/verweis.gif')" ";
}

#inhalt a[href^="http://typo3-beratung"]:before,
#inhalt a[href^="http://www.typo3-beratung"]:before,
#inhalt a[href^="http://123-suchmaschinenoptimierung"]:before,
#inhalt a[href^="http://123-SuchmaschinenOptimierung"]:before,
#inhalt a[href^="http://www.123-suchmaschinenoptimierung"]:before,
#inhalt a[href^="http://www.alexa.com/data/"]:before,
#inhalt td a[href^="http"]:before,
#inhalt a.kein_symbol:before,
#inhalt a.keinIcon:before   {
   content:"";
}
#inhalt .ref td ul.extern a[href^="http"]:before {
   content:url('/fileadmin/verweis.gif')" ";
}

/*** Kopfbereich ******************/
#kopf {
   height:120px;
   background-image: url("t3b.gif");
   background-position: top center;
   background-repeat: repeat-x;
}
/* #kopf:hover {  background-position: top left; cursor: help; } */
#kopf:active {  background-position: top left; }

.abstand {
   width: 100.01%; 
   height:8px;
}


/***************************************/
/*** Tabelle Mittelteil        ******************/
/***************************************/

#mittelteil {
  width: 100.01%; 
  min-height: 50%;
/*  background-color: #D1D1D1; */
}


td, #links, #linksunten, #brotkrumen, #inhalt, #suche, #inhaltrechts, #rechts {
   vertical-align:top;
}

#linksunten, #inhaltrechts { 
  padding: 1.2em;  
  background: #D1D1D1; 
  border: 1px #A1A1A1 solid;
}
#links { 
    width: 20em;
}
#linksunten, #navcontainer2 { 
    margin-left: 1em; 
}

.mitte2 { width: 2em;  background:white; }
#mitte { max-width: 80em; background:white;}

#rechts { width: 10.2em; }
#rechtsunten, #inhaltrechts { margin-right: 0.5em; }
#suche {  margin: 5px 0 10px 0; }

#inhalt, #suche { line-height: 1.5em; }

h1 { font-size: 12pt; color: #7DAADF; line-height: 1.5em; }
h2 { font-size: 11pt; color: #7DAADF; margin-top: 2em; }
h1 + h2 { margin-top: 0em; }
h3 { font-size: 10pt; color: #7DAADF; margin-top: 1.5em; }

#inhalt p  { 
   padding-bottom: 6px;                /* Abstand zw. den Absätzen sollte margin-bottom sein, aber RTE-Style setzt Rand direkt im HTML auf 0 */
}
#inhalt a:link, #inhalt a:visited, #inhalt a:active, #inhalt a:hover, 
#suche a:link, #suche a:visited, #suche a:active, #suche a:hover { 
    color: #10478C; 
    text-decoration: none; 	
}
#inhalt a:hover { text-decoration: underline; }
#inhalt li   {  margin-bottom: 6px; }
#inhalt li a {  display:block; }
#inhalt td {  vertical-align:top; }
#inhalt li ul {  margin-top: 6px;  }

#brotkrumen {
  padding-bottom: 3px;
  border-bottom: 1px solid #7DAADF;
  margin-bottom: 10px;
}

#brotkrumen a:link, #brotkrumen a:visited, #brotkrumen a:active, #brotkrumen a:hover {
 color:#7DAADF;
 text-decoration: none;
}

#brotkrumen a:hover {
 text-decoration: underline;
}

#rechts a:link, #rechts a:visited {
 color:#7DAADF;
 margin-bottom: 3px;
  display: block;  
}


/*** Startseitenbox ***/

.box, .box2  {
  line-height:18px;
  font: normal 12pt Verdana;
  margin:0;  
  padding: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border: 1px solid #10478C;
}

.box2 {
  text-align: center;
  background: #FFAFAF; 
  font-weight: bold;
  border-color:black;
}

#inhalt a.boxlink { color:black; }

h1.startseite {
  display:block;
  font-size: 18pt;
  text-align:center;
}

h3 img { margin-right: 2px; }


/*** Farbboxen in den Referenzen ***/

.farb0 { position:relative; top: -1.4em; left: 11em;}

.farbe {
	float: left; 
	color: white;
	background-color: white;
	overflow: hidden; 
	width: 1em; 
	height: 1em; 
	margin-right: 0.5em; 
	border: 1px solid black;
}

/*** Quellcode-Kasten ***/
#inhalt ol, pre  {
  list-style:none;
  line-height:18px;
  font-family: courier;
  background-color: #D1EFDB;
  margin:0;  
  padding: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border: 1px solid #A1A1A1;
}

.extern { list-style:none; } /* Externe Links in UL */

.zurueck {
margin-top: 20px;
}

/*** Rechte Seite ***/

td#rechts table {
/* margin-right: 49px; */
width: 160px;
margin-bottom: 10px;
}


#inhaltrechts {
    font-size:9px;
}

#inhaltrechts h1 { 
    font-size:11px;
    color:black;
}

#rechtsunten .tx-vgetagcloud-pi1 {
border: 1px outset #A1A1A1;
}


#rechtsunten .tx-vgetagcloud-pi1 a {
color: #333;
margin: 0; padding:0;
}


/*** Kontaktformular ***/

.csc-mailform { border:none; }
.csc-mailform-field label { display: block; margin-top: 15px; }


/*** Suchlistenuebersicht ***/

#suchliste  {
  list-style:none;
  line-height:18px;
  background-color: #EFEFFF;
  margin: 0 10px;  
  padding: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border: 1px dashed #848694;
}

/***************************************
*** MENUES
***************************************/

#navcontainer {
     background: #10478C;
     border-top: 2px solid #7DAADF;
 /*    font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif; */
}

#navlist {
     list-style: none outside none;  
     margin: 0;
     padding: 0;
}

#navlist li {
    bottom: 12px;
    display: inline;
    line-height: 1.2em;
    position: relative;
    background: #000;
    margin: 0 3px 0 0;
    padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
     background: #7DAADF;
     border: 1px solid #FFF;
     bottom: 2px;
     color: #FFF;
     cursor: pointer;
     display: inline;
     height: 1em;
     margin: 0;
     padding: 3px 5px 3px 5px;
     position: relative;
     right: 2px;
     text-decoration: none;
}

#navlist a:hover {
     background: #10478D;
     bottom: -2px;
     left:-2px;
     color: white;
     position: relative;
     right: 1px;
}

#navlist a:active {
    background: #999;
    bottom: 0px;
    color: #FFF;
    position: relative;
    right: 0px;
}

#navlist li#active {
    background: #10478C;
    bottom: 15px;
    line-height: 16px; 
    display: inline;
    margin: 0 3px 0 0;
    padding: 0;
    position: relative;
}

html>body #navlist li#active {
    background: #000;
    margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
    background: #10478C;
    border-bottom: none;
    border-left: 1px solid #7DAADF;
    border-right: 1px solid #7DAADF;
    border-top: 1px solid #7DAADF;
    bottom: 0;
    color: white;
    cursor: text;
    margin: 0;
    padding: 2px 5px 0 5px;
    position: relative;
    right: 0;
}

/*************************/
/***** Untermenue *********/
/*************************/
#navlist2 {
    color: white;
    background-color: white; /* #10478C; */
/*    border: 0.2em solid #400; */
    border-top: 0.2em solid white; /* #7DAADF; */
    border-left: 0.2em solid white; /* #7DAADF;  */
    padding: 0;
    font: normal 0.8em Verdana, sans-serif;
    margin-top: 0; 
    margin-left: -2px; 
}

#navlist2 ul {
   list-style:none;
   margin:0;
   padding:0;
}

#navlist2 li {
     list-style: none;
     margin: 0;
     font-size: 1em;
}

#navlist2 a {
     display: block;
     text-decoration: none;
     margin-bottom: 0.5em;
     margin-top: 0.5em;
     color: white;
     background: #7DAADF;
     border-width: 1px;
     border-style: solid;
     border-color: #D1D1D1 black black #D1D1D1;
     border-left: 1em solid #10478D;
     padding: 0.25em 0.5em 0.4em 0.75em;
}


#current2 a    { color: black; font-weight:bold; border-color: black #D1D1D1 #D1D1D1 #7DDF9D; }
#current2 ul a { border-color: #10478C #D1D1D1 #D1D1D1 #10478C; }
#current2 ul  #current21 a    { border-color: black #D1D1D1 #D1D1D1 #7DDF9D;  }
#current2 ul  #current21 ul a  { border-color: white; }
#current2 a:hover , #current21 a:hover { color:white; }

#current2 ul  #current21 #current22 a { 
background-color: #7DDF9D;
}

#navlist2 a {
    width: 99%;
    /* only necessary for Internet Explorer */
}

#navlist2 a {
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 20.6em;
    /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer2>#navlist2 a {
    width: auto;
    /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist2 a:hover {
    background: #10478D;
    border-color: black white white black;
    padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist2 a:active {
    background: #10478D;
    border-color: white black black #10478D;
    padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist2 .sub1 a:link, #navlist2 .sub1 a:visited  { color:black; }
#navlist2 .sub1 a:hover { color:white; }
#navlist2 .sub1, #current21 { padding-left: 0.9em; padding-right: 0.9em; }


/***************************************/
/**** Links zu anderen Webseiten (unten) *****/
/***************************************/

#navcontainer3 { text-align: center; }
#navcontainer3 , #navcontainer3 a:link, #navcontainer3 a:visited { color: #506E8F; }
#navcontainer3 a:hover { color: #10478C; }


/******** Meta-Naviagtion (unten) *********/

#navlist9, #navlist9 a { color: white; }

#navcontainer9 { 
/* margin-left: 30px;  */
    width: 100.01%;
    text-align: center;
}

#navlist9 {
    list-style: none;
    padding: 0;
    margin: 0;
}
#navlist9, #navlist9 li a { color: white; }
#navlist9 li a:hover { color: black; text-decoration:underline; }
 
#navlist9 li {
    display: inline;
    padding: 0;
    margin: 0;
}


/*** Unten ******************/
#unten {
   background-color: #D1D1D1;
   padding: 2px;
   text-align: justify;
}
#unten a:link, #unten a:visited, #unten a:active {
  text-decoration:none;
}
#unten a:hover {
  text-decoration:underline;
}


#fuss {
   background-color: #7DAADF;
   padding: 2px;
   text-align: center;
}
#fuss a:link, #fuss a:visited, #fuss a:active  {
  text-decoration:none;
}
#unten a {
  text-decoration:underline;
}

#fusszeile {
  color: #999; /* darkgray */
  font-style: italic;
  padding: 1em;
}

.float_ende {
    clear: both;
    overflow: hidden;
    height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px; 
 /*   background-color: #D1D1D1;  */
}

.hidden, .align-nix  { display: none; }

/* } ENDE media .. */


/*** Druckausgabe ***/
@media print {
	* { background: white; color: black; }
	html { background: white;  color: black; font: 100%/1.5 georgia, serif; }
	.hidden, .align-nix, #links, .mitte2  { display: none; }

	a:link, a:visited,
	#navlist9, #navlist9 a:link, #navlist9 a:visited { color: black; }
	
	/* Bei Mozilla und Safari die Verweisziele ausgeben */
	.extern a:after, .extern a:link:after, .extern a:visited:after,
	#navcontainer3 a:link, #navcontainer3 a:visited 
	{ 
		color: black;
		background-color:transparent; 
		content: " >> Verweis: " attr(href) " << ";
	}
}

.csc-textpic-caption { font-size: 8pt; color:#666;}