/* #############  CSS BASIC + FUDFORUM ############### */

/* NAV Links neu 6/10: 000080 */
/*  stahlblau  2f2658 [alo im Logo]*/
/* middle blue #5F709F [blasser] #DCDCF0   ---> #CFE4FE  */
/* light blue #eeeeff; ---> #EBF4FF*/
/* Schrift"anthrazit" #404040 --> 080808 */
/* rot  #D95757 */



/* ---------------------------------------------  BASIC CODE -----------------------------------------------------------------*/ 


/* -------------- ** BASIC FONTS & COLOR ** ------------------ */
	body {
		background: white;
		font-size: 10pt;
		font-family: arial;
		color: #080808; 
		}
	p {
		padding: 5px 0 2px 0;
		}

	h1  {color: navy; 
		font-size: 1.1em;}
	h2 {color: navy; font-size: 1.3em;  font-weight:bold;}
	h3,h4,h5 { font-size: 1.0em;}
	h2 {color: navy;}		
	h3 {color: green;}
		
	a { font-size: 0.9em; 
	    color: navy; text-decoration:none;}

	h2 a {  border-width: 1px;font-size: 0.8em;
	    padding: 2px 6px 2px 6px;
	    border-style: solid;	border-width: 1px;	border-color: gray;
	    background-color:  navy;
	    -moz-border-radius: 4px 4px 4px 4px;
	    color: white;
	    }
	h1 a{color: navy;
	    font-size: 1.1em;
	    height: 20px;
	    background: url(../images/bar.jpg);
}


ul { list-style: circle; } 

/* ---------------- zweite optionale Linkzeile */
#subnav1 {background-color: 	#EBF4FF ; color: #D95757;
 					padding: 2px 0; margin: 0 0px 0 0px;
					text-align: center;
					clear:left; 
					height:20px;
				 border-top: solid 3px #D95757;
width:100%;
display: inline-block;
				  }
#subnav1 ul{ margin: 0 0 0 0px;padding: 0;list-style-type: none; display: inline-block;}
#subnav1 li {display: inline;padding: 0 5px; border-right: 1px dotted #D95757; }
#subnav1 li a {font: bold 12px arial;text-decoration: none;color: #D95757;}
#subnav1 li a:hover {font: bold 12px arial;text-decoration: none;color: #fff;background-color:  #5F709F;}

#language {float:right; margin: 0px; padding: 0 ;width:9%; }


/* TABLES (for content)----------------------------------*/

/** a blue background table */
table.basic {
	border: 0px solid #5F709F;
	padding:0;
	margin-top: 2px;
	background-color: white;
	color: #606060;
	width: 98%;
}

table.basic th {

	color: #5F709F;
	font-weight: bold;
	font-size:1.2em;
	letter-spacing:0.2em;
	text-align: left;
}
table.basic td {
    border: 1px dotted #E9F7FF;
    vertical-align: top;
 line-height: 1.2em;
 letter-spacing:0.05em;
font-size: 0.8em;
    background-color:  #EBF4FF;
padding: 5px;
}

table.basic img { 
    float: left; 
        margin: 4px; 
        }
table.basic h2 {color: #5F709F;}

/* silver background */

table.data {
	border-width: 5px;
	border-spacing: 5px;
	border-style: outset;
	border-color: gray;
	border-collapse: separate;
	background-color: silver;
	width: 95%;
}
table.data th {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 6px 6px 6px 6px;
}
table.data td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 6px 6px 6px 6px;
	vertical-align: top;
}

/** Rounded header and data block */
table.block {
	border-style: none;
	border-collapse: separate;
	background-color: white;
	width: 95%;
}
table.block th {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: magenta;
	background-color: #E9EDF4;
	-moz-border-radius: 6px 6px 6px 6px;
}
table.block td {
	border-width: 1px;
	padding: 5px;
	border-style: none;
	border-color: blue;
	background-color: #efefef;
	-moz-border-radius: 6px 6px 6px 6px;
}

/** ----------- AD - Table in FORUM **/ 		
.ad table {margin: auto;
width: 800px;}


.ad td  {
    border: 1px dotted silver;
    width: 200px;
    height: 90px;
    padding: 0;
    margin: 0;
    background-color: #fefefe;			
    font-size: 8pt;
    color: #303030;	
} 
				
.ad img {
    margin: 0;
    float: left;
    padding: 0em;
}
/**------------------ PHPWEBSITE CSS ----------------- */

.boxtitle {color: navy;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;background-color:  #CFE4FE;
}

.hinfo a {color:navy;	font-size: 0.8em;margin: 0pt;padding: 1pt; text-decoration:none; }
p.hinfo {margin: 0pt;padding: 1pt; line-height: 0.9em;}
.tinfo {color: #909090;font-size: 0.8em;margin: 1pt;padding: 1pt; }

/** New Black TOP - Menu */

#blackmenu {background: url(blackmenu.png); height: 30px; color: silver; 
					padding: 2px 0; margin: 0 0px 0 0px;
					text-align: left;	width:100%;
				  }
#blackmenu ul{ margin: 5px 0 0 0px;padding: 0;list-style-type: none; display: inline-block;}
#blackmenu li {display: inline;padding: 0 5px; border-right: 1px dotted #D95757; }
#blackmenu li a {font: 12px arial;color:  #EBF4FF;}
#blackmenu li a:hover {font: bold 12px arial;color: #D95757; padding:5px;background-color:   #EBF4FF;}


/** ---------------- Banner und LOGO below Top Menu */						

.logo1 {color: navy;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;background-color:  #CFE4FE;
}
.logo  {width:100%;
	border:0px;
	padding: 0;
	margin:0;
	height:75px;
	background-color: /*#DCDCF0*/  #CFE4FE;
	font-size: 14pt;
	color: #2f2658;
	text-align: center;
	font-weight: bold;
} 
.logo img {margin: 2px;}
.logocontent { background-color: #CFE4FE; margin:0px;  border: 0px solid navy;vertical-align: bottom;}        		
.logoframe {vertical-align: bottom;margin-top:20px;}

/*   ###########################  Peruecken 24 ####################################### */
     div.peruecken24-peruecken-special {
                width: 677px;
				margin:0 auto;
				text-align:center;
            }
            
            table.peruecken24-peruecken-special {
				text-align:left;
            }
            
            table.peruecken24-peruecken-special tbody tr td {
                vertical-align: top;
            }
            
            table.peruecken24-peruecken-special thead tr th {
                text-align: center;
            }

            table.peruecken24-peruecken-special thead tr th ul {
                width:200px;
				text-align: left;
				margin:20px auto 10px auto;
            }
            
            h2.peruecken-special-ueberschrift {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #ffffff;
                line-height: 16px;
                padding: 4px;
                background-color: #3b5b60;
            }
            
            p.peruecken-special-text {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 16px;
            }
			
            p.peruecken-special-text a{
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 16px;
				text-decoration:none;
            }
			
            p.peruecken-special-text a:hover{
                text-decoration:underline;
            }
            
            h3.peruecken-special-unterueberschrift {
                font-size: 14px;
                font-family: Arial, Helvetica, sans-serif;
                color: #3b5b60;
                line-height: 18px;
                font-weight: bold;
            }
            
            strong.peruecken-special-wichtig {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #3b5b60;
                line-height: 16px;
                font-weight: bold;
            }
            
			a img.peruecken24-peruecken-special-kopgrafik {
				display:block;
                text-align: center;
                margin: 0 auto;
				border:0;
			}
			
            img.peruecken-special-kundenzitate {
                display: block;
                text-align: center;
                margin: 0 auto;
            }
            
            a.peruecken-illustration img {
                display: block;
                text-align: center;
                margin: 0 auto;
                padding: 0;
				border:0;
            }
            
            ol.peruecken-special-verarbeitungsarten {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #3b5b60;
                font-weight: bold;
            }
            
            ul.peruecken-special-gliederung {
                list-style-type: none;
            }
            
            ul.peruecken-special-gliederung li a {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #3b5b60;
                line-height: 18px;
                font-weight: bold;
                text-decoration: none;
            }
            
            em.peruecken-special-betont {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 16px;
                font-weight: bold;
                font-style: normal;
            }
            
            h4.peruecken-special-zwischenueberschrift {
                font-size: 15px;
                font-family: Arial, Helvetica, sans-serif;
                color: #3b5b60;
                font-weight: bold;
                font-style: italic;
                line-height: 19px;
                text-align: center;
				padding:10px 0;
                margin: 0 auto;
            }
            
            h4.peruecken-special-zwischenueberschrift strong.peruecken-special-betont_wichtig {
                font-size: 15px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 19px;
                font-weight: bold;
                font-style: italic;
            }
            
            h4.peruecken-special-zwischenueberschrift em.peruecken-special-betont {
                font-size: 15px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 16px;
                font-weight: bold;
                font-style: italic;
                line-height: 19px;
            }
			
            h4.peruecken-special-zwischenueberschrift em.peruecken-special-betont a {
                font-size: 15px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 16px;
                font-weight: bold;
                font-style: italic;
                line-height: 19px;
				text-decoration:none;
            }
			
            h4.peruecken-special-zwischenueberschrift em.peruecken-special-betont a:hover {
				text-decoration:underline;
            }
            
            span.peruecken-special-zwischenueberschrift_normal {
                font-size: 12px;
                font-family: Arial, Helvetica, sans-serif;
                color: #000000;
                line-height: 16px;
                font-weight: normal;
            }