/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{
/* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
** 

/* ### Überschriften, Fließtexte ###################################################################### */

body { color: #4b4b4b; font-size: 81.25%; font-family: Arial, Verdana, Helvetica, sans-serif; } /* 13px */
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Verdana, Sans-Serif;
	font-weight:bold;
	padding: 0 0 0 6px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	text-decoration:none;
}
h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active {
	text-decoration:none;
}

h1 {font-size: 1.4em; color: #414578; margin: 0 0 0.75em 0; padding-top: 1.5em; border-bottom: 1px #414578 solid; text-transform: uppercase; }
h2 {font-size: 15px; color: #414578; margin: 0 0 0.25em 0; padding-top: 0.5em; text-transform: uppercase; }
h3 {font-size: 1.2em; color: #414578; margin: 0 0 0.30em 0; font-weight:bold; }
h4 {font-size: 1.0em; color: #414578; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #414578 solid;}
h5 {font-size: 1.0em; color: #414578; margin: 0 0 0.30em 0;}
h6 {font-size: 10px; color:#222; font-weight: normal; font-style: normal; margin: 0 0 0 0;}

#teaser h1 { font-size: 1.2em; border: 0; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.4em; 
margin: 0 0 1em 7px; 
* margin-bottom: 32px; 
padding: 0 3px 3px 0; background-color: #F8F8F8; }


strong,b { font-weight: bold; }
em,i {  }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
sup { text-transform:none; font-weight: normal; font-size: 10px; }

hr { 
	color: #fff; 
	background:transparent none repeat scroll 0%;
	border-color:-moz-use-text-color -moz-use-text-color #EEEEEE;
	margin: 0 0 0.3em 0; 
	padding: 0 0 0.3em 0; 
	border:0; 
	border-bottom: 1px #d9dae4 solid; 
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

/* ### Bildpositionierung ############################################################################ */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border: 1px #ddd solid; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border: 1px #ddd solid; }
img.center { text-align:center; background: #fff; padding: 0 0 0 0; margin: 3px 0 0 0; border: none; }
.center { text-align:center; background: #fff; padding: 0 0 0 0; margin: 3px 0 0 0; border: none; }

.border { border: 1px solid #d9d9d9; }
.border_buttom { border-bottom: 1px solid #d9d9d9;}

/* ### Auszeichnung lokaler und Externer Links ######################################################## */
a, a em.file {
	color: #414578;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	background-color: #fff;
	text-decoration:underline;
	font-weight:bold;
}
a:focus {background-color: transparent; text-decoration:underline;font-weight:bold;}

#topnav a { color: #4b4b4b; background:transparent; text-decoration:none; font-size:10px; }
#topnav a:hover { text-decoration:underline; background-color: transparent;}
#topnav a:focus { text-decoration:underline; background-color: transparent;}

#suche form a { padding: 0 0 0 0; margin: 0 0 5px 0;}
#suche a:hover { text-decoration:underline; background-color: transparent;}
#suche a:focus { text-decoration:underline; background-color: transparent;}


#suche input { 
	width:177px; 
	-margin-left:3px; 
	margin-left:3px; 
	height:17px;
	padding: 3px 2px 1px 3px;
	* padding: 1px 2px 0 3px;
	font-size: 12px;
}

#footer a { color: #669; }
#footer a:hover {background-color: #eef; }
#footer a:focus {background-color: #eef; }

/*#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('../../img/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: 0 0.25em;
}*/

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

.white {color: #FFFFFF}

#suche_index {
	z-index:1;
	padding: 0 0 0 22px;
}
/* ######################################################################################################
** ### Formulare & Tabellen #############################################################################
** ######################################################################################################
*/

table { border-collapse:collapse; width: 100%; margin-bottom: 0.5em; }
#col1 td {
	margin: 0 0 0 0;
	padding: 2px;
}

td.csc-form-fieldcell {
	vertical-align:top;
}

form {overflow:hidden;}

label {
      width:180px;
      float: left;
  }

.csc-mailform-field{
	padding:5px;
}

input, textarea {
	border: 2px #ccc solid;
	font-family: Arial, Verdana, Sans-Serif;
    	background: #fafafa;
	color: #777;
	font-size: 100%;
	margin: 2px;

}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #CC4C18;
	font-family: Arial, Verdana, Sans-Serif;
}

#PLZeingabe {
	height: 17px;
	-moz-box-sizing: border-box;
}

#PLZabfrage {

}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.hinweis { background-color: #fee; border: 1px #fcc solid; padding: 1px; margin-bottom: 0.5em; line-height:19px; }
.wichtig  { background-color: transparent; padding: 1px; margin-bottom: 0.5em; line-height:19px; }
.wichtig a {background: #fff url(../../img/icons/dreieck_blau_fff.gif) no-repeat left top; padding: 1px 0 0 12px; margin-bottom: 0.5em; line-height:19px;
}
.important {color:#CC0000;}
.download  { background-color: transparent; padding: 1px; margin-bottom: 0.5em; line-height:19px; }
a.download { background: transparent url(../../img/icons/dreieck_blau_fff.gif) no-repeat left top; padding: 1px 0px 0px 12px; margin-bottom: 0.5em; line-height:19px; }

.internal-link { background-color: transparent; padding: 1px; margin-bottom: 0.5em; line-height:19px; }
a.internal-link { background: transparent url(../../img/icons/dreieck_blau_fff.gif) no-repeat left top; padding: 1px 0px 0px 12px; margin-bottom: 0.5em; line-height:19px; }

/* Beispieldateien */
p.demo { background-color: #ccf; border: 1px #99f solid; padding: 6px; margin-bottom: 0.5em; }

/* Navigation am Seitenende */
p.navlink { background-color: #f4f8f4; border: 1px #aca dotted; padding: 6px; margin-bottom: 0.5em; }
p.navlink a { color: #353;}
p.navlink a:hover { font-weight: bold; background: transparent; }

blockquote { 
	color: #444; 
	/*background: #f8f8f8; 	
	border: 1px #ddd solid;*/
	border-left: 8px #fff solid;
	padding: 0.5em 1em 1em 1em;
	margin: 0 0 1em 0;
}
blockquote p {
	background: #ffffff
}
blockquote ol li {
	background: #ffffff
}


/* Ungeordnete Listen ohne Listenpunkt / mit Dreieck*/ 
#col1 ul {	margin: 0 0 1.5em 0;
			* margin: 0 0 1.5em 5px;
			padding: 0;
			list-style-image:none;
			list-style-type:none;
}
#col1 ul li   {padding-left: 15px; line-height: 1.5em; background-position : 0 6px; margin-bottom:15px; margin-left:0.5em; background-repeat: no-repeat; background-image: url("../../img/icons/dreieck_grau_fff.gif") }

/* Geordnete Listen ohne Listenpunkt / mit Dreieck*/ 
#col1 ol {	line-height: 1.4em;
		background-color: #F8F8F8; 
		padding: 0 3px 3px 0; 
		margin: 0 0 1.5em 0;
		* padding: 0 0 3px 7px;
}
#col1 blockquote ol {
	background: #ffffff
}

/* Auszeichnungen für Code, Dateien, Verzeichnisse */

pre, code {
	display:block;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	color: #000; 
	background: #f0f0f4;
	border: 1px #ccd solid;
	border-left: 8px #ccd solid;
}

/* Auszeichnungen für Bildunterschrift */

.bildunter {
	font-size:9px;

	line-height: 10px;
	padding: 0 3px 3px 0;
}
.csc-textpic-caption{
	font-size:9px;
	line-height: 10px;
}

.news-latest-date {
	color:#414578;
	font-weight:bold;
}

.csc-linkToTop   { background-color: #fff; margin: 20px 0 }

/* ### Tabellen ################################################################## */

table.bugs { margin-bottom: 1em; margin-top: .5em; }
table.bugs th { 
	background: #444; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}

table.bugs td {
	background: #888; color: #fff; 
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 1px #fff solid;
}


.csc-loginform {
	background-color:#F8F8F8;
}
.csc-form-labelcell {
	width: 20%
}


/* ### News-Box ################################################################## */

.bluebox {
	color:#414578;
	text-align: left;
	padding: 1em 0 6px 6px;
	margin: 0 2px 7px 0;
	border-bottom: #ddd solid 1px;
	border-left: 8px #ddd solid;
	font-size: 11px; 
	line-height: 80%;
	-width: 90%; /*für IE*/
}

.personalabteilung {
	display:none;
}
a.mailinfo {
	display:block;
}

a.mailbewerbung {
	display:none;
}
.bluebox h5 { 
		font-size: 10px; 
		color:#222; 
		font-weight: normal; 
		font-style: normal; 
		padding: 2px 0 0 0;
		margin: 0 0 0 0; }
.bluebox h1, .bluebox h2 {
	font-size: 12px;
	color: #414578;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 15px;
	border-bottom: none;
}
.bluebox p { 
		padding: 0px 3px 0 0; 
		line-height: 14px;
		margin: 0 0 0 0;
		background: #fff; 
		
}

/* ### Info-Box ################################################################## */

/*#infobox-aussen{
	padding-top:27px;
}*/
.infobox {
	color:#ff0000;
	text-align: left;
	padding: 1em 0 6px 6px;
	margin: 0 2px 7px 0;
	border-bottom: #ff0000 solid 1px;
	border-left: 8px #ff0000 solid;
	font-size: 11px; 
	line-height: 80%;
	-width: 90%; /*für IE*/
}


.infobox h5 { 
		font-size: 10px; 
		color:#ff0000; 
		font-weight: normal; 
		font-style: normal; 
		padding: 0 0 0 0;
		margin: 0 0 0 0; }

.infobox h5 {
	padding:0;
	margin:0;}
		
.infobox h1 {
	font-size: 12px;
	color: #ff0000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 15px;
	border-bottom: none;
}

.infobox h1 a {
	font-size: 12px;
	color: #ff0000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 15px;
	border-bottom: none;
}
.infobox p { 
		padding: 0px 3px 0 0; 
		line-height: 14px;
		margin: 0 0 0 0;
		background: #fff; 	
}
.infobox p a { 
		padding: 0px 3px 0 0; 
		line-height: 14px;
		margin: 0 0 0 0;
		background: #fff;
		text-decoration: none;
}

/* ### GREEN-Box ################################################################## */

.greenbox {
	color:#00bb00;
	text-align: left;
	padding: 1em 0 6px 6px;
	margin: 0 2px 7px 0;
	border-bottom: #00bb00 solid 1px;
	border-left: 8px #00bb00 solid;
	font-size: 11px; 
	line-height: 80%;
	-width: 90%; /*für IE*/
}
.greenbox h5 { 
		font-size: 10px; 
		color:#00bb00; 
		font-weight: normal; 
		font-style: normal; 
		padding: 0 0 0 0;
		margin: 0 0 0 0;
}
.greenbox h5 {
	padding:0;
	margin:0;
}		
.greenbox h1 {
	font-size: 12px;
	color: #00bb00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 15px;
	border-bottom: none;
}
.greenbox h1 a {
	font-size: 12px;
	color: #00bb00;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	padding: 4px 0 6px 0;
	margin: 0 0 0 0;
	line-height: 15px;
	border-bottom: none;
}
.greenbox p { 
		padding: 0px 3px 0 0; 
		line-height: 14px;
		margin: 0 0 0 0;
		background: #fff; 
}
.greenbox a:link, .greenbox a:visited, .greenbox a:hover, .greenbox a:active {
		color: #00bb00; 
}
/* ### divices in funksystem star ################################################################## */

#telmetricDiv {
	display:none;
	overflow:hidden;
	z-index:10;
	/*margin: -400px 0 0 -218px;*/
	padding: 2px;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	width: 210px;
	position:absolute;
	left:-220px;
	top:2370px;
}
#wasserDiv {
	display:none;
	overflow:hidden;
	z-index:10;
	/*margin: -400px 0 0 -218px;*/
	padding: 2px;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	width: 210px;
	position:absolute;
	left:-220px;
	top:2370px;
}
#ultraheatDiv {
	display:none;
	overflow:hidden;
	z-index:10;
	/*margin: -400px 0 0 -218px;*/
	padding: 2px;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	width: 210px;
	position:absolute;
	left:-220px;
	top:2370px;
}
#sammlerDiv {
	display:none;
	overflow:hidden;
	z-index:10;
	/*margin: -400px 0 0 -218px;*/
	padding: 2px;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	width: 210px;
	position:absolute;
	left:-220px;
	top:2370px;
}
#menschDiv {
	display:none;
	overflow:hidden;
	z-index:10;
	/*margin: -400px 0 0 -218px;*/
	padding: 2px;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	width: 210px;
	position:absolute;
	left:-220px;
	top:2370px;
}
}