/*
	Container Maße und Abstände
* ** *** ** *** ** *** ** *** ** *** ** */

/*
#con-o {
	
	}
*/

#content #con-u {
	padding: 10px 10px 10px 22px;
	}

/*
	artikel.htm - Vorlage für die artikel, darf keine fixe Werte enthalten (margin, padding, width und height)
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#con-u-p {
	clear:both;
	}
/*	
	Bilder im Fliesstext
	* * * * * */
#lin {
	float:left;
	margin-right: 13px; padding-bottom: 4px; margin-top:3px;
	}
#rec {
	float:right;
	margin-left: 13px; padding-bottom: 4px; margin-top:5px;
	}
#oh-um  {
	clear: both;
	margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;
	
	}
	
/*
	cont-hardware.htm - Container für die Hardware Bilder
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#content #con-u #hardware {
	clear:both;
	width: 638px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	}
#content #con-u #hard-li {
	float:left;
	width: 415px;
	margin-right: 27px;
	}
#content #con-u #hard-re {
	float:left;
	width: 195px;
	}
#hard-re #oh-um {
	text-align:right;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	margin-top:20px;
	}
#hard-re .bildunterschrift {
	padding-right:5px; padding-top:2px;
	}
/* 
	2drittel-1drittel.htm - Container für Zweiteilung der Site
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#content #con-u #zw {
	clear:both;
	background-image:url(../../dsl-bilder/hg-co-zw.gif); background-repeat:repeat-y;
	width: 638px;
	}
#content #con-u #zw-li {
	float:left;
	width: 377px;
	margin-right: 27px;
	}
#content #con-u #zw-re {
	float:left;
	width: 234px;
	}
/*	Teaser für 2/3 1/3 Container */
#tes-ges {
	clear: both;
	background-image:url(../../dsl-bilder/hg-tes-m.gif); background-repeat:repeat-y;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	}
#tes {
	clear: both;
	margin: 0px 14px 9px 15px;
	width: 205px;	
	}
#tes #oh-um {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	}
/*
	container-halb-halb.htm - zweispaltige Ansicht, Spalten gleichgross
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#halb {
	clear:both;
	width: 100%;
	}
#ha-li {
	float:left;
	width: 50%;
	
	}
#ha-re {
	float:left;
	width: 50%;	
	}
/*
	container-lexikon.htm - container fuer Lexikon Artikel
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#begriff {
	width: 377px;
	clear:both;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	}
#begriffsroute {
	width: 373px;
	text-align:right;
	font-size: 12px; color: #000000; font-weight: normal;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	/*margin-top:5px;*/ margin-bottom:12px;
	padding-right: 4px;
	line-height: 16px;
	}
#begriffsroute a {
	color: #105591; font-weight:bold;
	text-decoration:none;
	}
#begriffsroute a:hover {
	text-decoration:underline;
	}
#begriffspfad {
	border-bottom:1px solid #cfe5f7; border-top:1px solid #cfe5f7;
	height:25px; width: 100%;
	margin-top: 12px; padding-top:6px; margin-bottom:15px;
	}
#begriffspfad #prev {
	width:189px;
	float:left;
	background-image:url(../../dsl-bilder/hg-prev-pfeil.gif); background-repeat:no-repeat;	
	}
#begriffspfad #prev a {
	font-size: 12px; color: #105591; font-weight: bold;
	padding-left: 17px;
	}
#begriffspfad #nechst {
	text-align:right;
	float:left;	
	width:188px;
	background-image:url(../../dsl-bilder/hg-nechst-pfeil.gif); background-repeat:no-repeat; background-position:right;
	}
#begriffspfad #nechst a {
	font-size: 12px; color: #105591; font-weight: bold;
	padding-right:15px;
	}
#lex-ueber ul#begriffspfad  {
	list-style-type:none;
	}
#lex-ueber #begriffspfad #nechst {
	background-image:url(../../dsl-bilder/hg-nechst-pfeil.gif); background-repeat:no-repeat; background-position:left;
	width: 100%;
	clear:both;
	text-align:left;
	padding-left: 25px;
	}
#lex-ueber #begriffspfad {
	border: none;
	}

/*
	faq-container.html - container für die FAQ
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#faq-sei a {
	color: #105591; font-weight:normal;
	text-decoration:none;
	}
#faq-sei a:hover {
	text-decoration:underline;
	}
#faq-bread, #faq-bread .p-tag-pop a { width:100%; text-align:right; padding-right:15px; margin-bottom:5px; }

#faq-bread a { font-size:12px; font-weight:bold; }
#faq-v-z {
	width:100%; clear:both; margin-top:18px; margin-bottom:15px;
	}
#faq-v-z #prev {
	
	border-bottom:1px solid #cfe5f7; border-top:1px solid #cfe5f7;
	padding-top:5px; padding-bottom:5px;
	}
#faq-v-z #prev a {
	font-size: 12px; color: #105591; font-weight: bold;
	padding-left: 17px;
	background-image:url(../../dsl-bilder/hg-prev-pfeil.gif); background-repeat:no-repeat;
	}
#faq-v-z #nechst {
	text-align:right; border-bottom:1px solid #cfe5f7;
	
	padding-top:5px; padding-bottom:5px;
	}
#faq-v-z #nechst a {
	font-size: 12px; color: #105591; font-weight: bold;
	padding-right:15px;
	background-image:url(../../dsl-bilder/hg-nechst-pfeil.gif); background-repeat:no-repeat; background-position:right;
	}

/*
	container-check.htm - Container für den Check	
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#check-bild-o { background-image:url(../../dsl-bilder/cont-check-bi-o-hg.gif); background-repeat:no-repeat; }

#check-li { background-image:url(../../dsl-bilder/check-li-hg.gif); background-repeat:repeat-y;	}
#check-li #con-u-p { margin:0px 18px 0px 18px; }

#check-re { background-color:#EEF6FD; border:1px solid #CFE6FE; }
#check-re #con-u-p { padding:13px 10px 13px 10px; }
#check-re p {color:#105591; font-size:11px; background-repeat:no-repeat; padding-left:21px; padding-bottom:3px; margin-bottom:10px; }
#check-re p.check-re-j { background-image:url(../../dsl-bilder/check-re-j.png); }
#check-re p.check-re-n { background-image:url(../../dsl-bilder/check-re-n.png); }

#check-re-rah { background-color:#E6F1FD; background-image:url(../../dsl-bilder/check-re-rah-hg.gif); background-repeat:repeat-y; background-position:right; }

/*
	direkt-button.htm - Direktverlinkung
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
.dir-but-hg {
	background-image:url(../../dsl-bilder/dir-but-m.gif); background-repeat:repeat-x;
	border:1px solid #002F62; border-top-color:#144070; border-bottom-color:#013165;}
.dir-but-hg a {
	font-size:13px; color:#ffffff; font-weight:bold;
	display:block; line-height:24px;
	background-image:url(../../dsl-bilder/spacer.gif); background-repeat:no-repeat;
	}
.dir-but-hg a span {
	background-image:url(../../dsl-bilder/dir-but-pfe.gif); background-repeat:no-repeat; background-position:right;
	padding:0px 38px 0px 22px;
	}
.dir-but-hg a:hover { background-image:url(../../dsl-bilder/dir-but-ov.png); background-repeat:no-repeat; text-decoration:none; }

/*
	cloud.htm - Styles für die Wolke
* ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** *** ** */
#cloud {
	width: 189px;
	clear: both;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-image:url(../../dsl-bilder/hg-ratgeber.gif); background-repeat:repeat-y;
	}
#cloud ul { list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#cloud li a { text-decoration:none; color:#105591; }
#cloud li a:hover { text-decoration:underline; }
#cloud li.cl-top {	
	padding-left:23px; padding-top:17px;
	}
#cloud li.cl-top a { 
	padding-left:18px; padding-top:4px;
	font-size:14px; line-height:24px; font-weight:bold;
	background-image:url(../../dsl-bilder/hg-cloud-top.gif); background-repeat:no-repeat;
	}
#cloud li.cl-top a:hover { text-decoration:none; }

#cloud li.cl-1 {	
	padding-left:38px; padding-top:6px;
	}
#cloud li.cl-1 a { 
	font-size:14px; line-height:16px; font-weight:normal;
	}
#cloud li.cl-2 {	
	padding-left:71px; padding-top:0px;
	}
#cloud li.cl-2 a { 
	font-size:12px; line-height:14px; font-weight:bold;
	}
#cloud li.cl-3 {	
	padding-left:12px; padding-top:0px;
	}
#cloud li.cl-3 a { 
	font-size:11px; line-height:13px; font-weight:normal;
	}
#cloud li.cl-4 {	
	padding-left:39px; padding-top:0px;
	}
#cloud li.cl-4 a { 
	font-size:12px; line-height:14px; font-weight:bold;
	}
#cloud li.cl-5 {	
	padding-left:90px; padding-top:0px;
	}
#cloud li.cl-5 a { 
	font-size:11px; line-height:13px; font-weight:normal;
	}
#cloud li.cl-6 {	
	padding-left:55px; padding-top:0px;
	}
#cloud li.cl-6 a { 
	font-size:14px; line-height:16px; font-weight:normal;
	}
/*#cloud li.cl-mehr { 
	line-height:36px;
	}*/

/* Kontaktformular Typo3
*************************/
form #mailform { margin:15px 0px 0px 0px;padding:0px 0px 0px 0px; }
fieldset.csc-mailform, .csc-mailform-radio fieldset { 
	border:0px solid #ffffff; 
	margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
	}
.csc-mailform-field,.csc-mailform-radio fieldset { 
	display:block;
	color:#000000; font-size:12px; font-weight:normal; line-height:17px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	}
.csc-mailform-field label, fieldset legend { color:#000000; }
.csc-mailform-field input, .csc-mailform-field textarea {
	color:#000000; line-height:17px; font-size:12px;
	margin:0px 0px 10px 0px;padding:0px 0px 0px 2px;
	border: 1px solid #9fbbd3;
	}
/* Float
******/
.csc-mailform-field label  { width:100px; float: left; margin-bottom: 10px; }
/*
  Nicht vergessen, die floats wieder aufzuheben,
    sonst floatet es munter weiter */
form div.csc-mailform-field,  form div.csc-mailform-radio { clear: both; }