/* colors */
/*
.blue { color: #A8B8D8;}



*/


body {
 /* background-color:#A8B8D8;  */
  background-color: #fff;
  font-family:Arial,Helvetica,sans-serif;
  color:#000000;
 
  background-image: url(img/whitetopback.jpg);
  background-repeat: repeat-x;
          margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:13px;
}

	


a {
color: #000099;
text-decoration: underline;
}

a:hover {
color: #000066;
text-decoration: underline;
}




/* ******************** HEADER ****************** */

#header {
   margin: 0;
  padding: 0;
  border-bottom: 0px solid #000;
  background: #fff url(img/topback.jpg) repeat-x;
  height: 109px;

}

#pyramiden {
 position: absolute;
 right:0px;
 top:0px;
 padding: 0px;
 margin: 0px;
 background: transparent url(img/page-topright.png) no-repeat top right;
 width: 210px;
 height:128px;
 z-index: 4;
}




#zapplogo {
float:left;
padding: 0px;
margin: 0px;
border: 0px solid #ddd;
width: 200px;
height:  109px;
overflow:	hidden;
}





  #topnavi {
		float: left;
 		padding:  0px 0px  ;  
	  	margin: 81px 0 0 0px;
    	font-size:12px;
	  	font-family: arial,helvetica,sans-serif;
		text-align: left;
	  	border: 0px solid black;
		
     }
	 

	 
    #topnavi ul {
      margin:0px;
      padding: 0px 0px 0px 0px; /* abstand links von der ganzen Navigation*/
      list-style:none;
	 			right:0px;
		      }
	  
    #topnavi li {
      float:left;
      margin:0;
      padding:0 0 0 14px; /* size to show tab-on left img*/
	  background:url("/img/off_left.gif") no-repeat left top;
      }
	  
    #topnavi a {
	  background:url("/img/off_right.gif") no-repeat right top;
      display:block;
      padding: 10px 12px 4px 0px; /* zwischenraum zwischen tabs --- text-y-pos, x-abstand rechts IM tab, */
	
     
	  text-decoration:none;
      font-weight:bold;
      color:#cdd7f2;
	   border: 0px solid white;
	  margin: 0px;
      }
	  
    #topnavi a:hover { color:#ffffff; }
	#topnavi #current { background:url("/img/tab_left.gif") no-repeat left top;  font-weight:bold; }
	  
    #topnavi #current a {
      	background:url("/img/tab_right.gif") no-repeat right top;
      	color:#000066;
	 	border: 0px solid white;
	 	/*padding: 4px 12px 3px 0px; *//* zwischenraum zwischen tabs --- text-y-pos, x-abstand rechts IM tab, */
      }






h1, h2, h3 {
	color: #666699;
	margin-top: 0;
}
	

h1 { font-size: 20px; text-shadow: #ffffff 0px 1px 0px;}
h2 { font-size: 16px; }
h3 { font-size: 15px; }	
	
	
	
/* ------------------------------------ */

/* ######################### navigation links */



	#leftNavi {
	float: left; position: relative;	display:inline;	z-index: 10;
	font-size: 12px;
	font-style: bold;
	width: 200px;
	}
	
	#leftNavi ul 	{ 	margin: 0 0 20px 0;	padding: 0;	list-style: none;	}
	#leftNavi ul li { 	display: inline;	padding: 0;		margin: 0;	}
	
	#leftNavi li a {
		display: block;
		padding: 4px 4px 4px 10px;
		text-decoration: none;
		background: #A8B8D8;
		border-bottom: 1px solid #8696b6;
		border-top: 1px solid #c8d8f8;
		color: #000;
		
	}
	
	#leftNavi li a#current {
		display: block;
		padding: 4px 4px 4px 14px;
		text-decoration: none;
		background: #cdd7f2;
		border-bottom: 1px solid #8696b6;
		border-top: 1px solid #c8d8f8;
		color: #000;
		font-weight: bold;
		
	}
	

	#leftNavi li a:hover	 {			background-color: #cdd7f2;		color: #000000;	}

	#leftNavi li#current {			background-color: #cdd7f2;		color: #000000;	}
	#leftNavi li#current a:hover {			background-color: #cdd7f2;		color: #000000;	}

	
	
	



	
	
/* ######################### navigation links */
	
	.liHead {
	background-color: #000066;
	color: #fff;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 10px;
	text-align:center;
	}
	

	
	
	
#neues {
	text-align: center;
}
	

div.ablock { width:140px;float:left; }

/* rechte spalte rounded table , green plate ---------------------------- */

.grPlate {
	width: 192px;
	margin: 0 0 10px 0;
	background: #ffffff url(/img/reCenter.gif) repeat-y top left;
	/*display: block;*/
	}
	
.grPlateInner {
	background: url(/img/reBott.gif) no-repeat bottom left;
	}
	
.grPlate h3 {
	margin: 0;
	padding: 10px 10px 20px 10px;
	font-family: verdana,arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background: url(/img/reTop.gif) no-repeat top left;
	text-align:center;
  font-family:Arial,Helvetica,sans-serif;
	}
	
.grPlate p {
	margin: 0;
	padding: 1em 15px 0 10px; /* 3. Wert = Abstand von unten für Bottom */
	font-size: 12px;
	line-height: 1.2em;
	}

.grPlate p.lastp {
	padding-bottom: 40px;	
}	
	
	
/* ENDE rechte spalte rounded table , green plate ---------------------------- */


/* rechte spalte rounded table , green plate ADDITIONAL ---------------------------- */


	
.grPlate h3.three {
	margin: 0;
	padding: 14px 10px 10px 10px;
	font-family: verdana,arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background: url(/img/reTop3.gif) no-repeat top left;
	text-align:center;
  font-family:Arial,Helvetica,sans-serif;
  line-height: 14px;
	}
	
.grPlate p.list {
	margin: 0;
	padding: 0px 15px 30px 10px; /* 3. Wert = Abstand von unten für Bottom */
	font-size: 12px;
	line-height: 1.4em;
	}
/* ENDE rechte spalte rounded table , green plate ---------------------------- */

a.noline { text-decoration: none; border: 0px solid #ffffff; }
a.noline:hover  { border-bottom: 0px dotted #006;filter:alpha(opacity=60); 
	-moz-opacity: 0.65; 
	opacity: 0.6; }

	
/* linke spalte rounded table , blue plate ---------------------------- */

.blPlate {
	width: 162px;
	margin: 0px auto;
	background: #ffffff url(/img/liCenter.gif) repeat-y top left;
	margin-bottom: 20px
	}
	
.blPlateInner {
	background: url(/img/liBott.gif) no-repeat bottom left;
	}
	
.blPlate h3 {
	margin: 0;
	padding: 10px 10px 20px 10px;
	font-family: verdana,arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: url(/img/liTop.jpg) no-repeat top left;
	text-align:center;
	  font-family:Arial,Helvetica,sans-serif;
	}
	

		
.blPlate p {
	margin: 0;
	padding: 1em 10px 20px 10px; /* 3. Wert = Abstand von unten für Bottom */
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	}
	
	.blPlate p.clean {
	
	background: url(/img/liTop2.gif) no-repeat top left;
	padding: 13px 10px 13px 10px; /* 3. Wert = Abstand von unten für Bottom */
	}
	
/* ENDE rechte spalte rounded table , green plate ---------------------------- */





	
/* =================================== NEW ========================= */
	  
  		
/* quote */			

.quote { background: #ffffff url(/img/quoteCenter.gif) repeat-y top left; margin: 0px 10px 0px 10px; width: 367px; }
.quote p { color: #5A6774; font: normal bold; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: oblique; line-height: 1.4em; margin: 0; padding: 1em 1em 0em 1em; /* 3. Wert = Abstand von unten für Bottom */ text-align: center; }
.quotebottom { background: url(/img/quoteBottom.gif) no-repeat bottom left; font-size: 12px; padding: 3em 2em 1em 2em; text-align: center; }
.quotetop { background: url(/img/quoteTop.gif) no-repeat top left; margin: 0; padding: 10px 10px 20px 10px; }




.quote2 { 
	background: #ffffff; 
	border:  2px solid #A8B8D8;
	padding: 10px;
	margin: 20px 0;
	-moz-border-radius: 14px;
  	border-radius: 14px;
  	-webkit-border-radius: 12px;

	}
	
.quote2 p { 
	color: #333; 
	font: normal bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;  
	line-height: 1.4em; 
	margin: 0; 
	padding:  0;
}


/* ende quote*/


.green, 
a.green:link, 
a.green:visited,
a.green:active,
a.green:hover { color: #006600;  }

a img , .img , .img:hover { border: 0px solid white; }

table {
	border: 0px solid #fff;
}

td, tr {
	border: 0px solid #fff;
	margin: 0;
padding: 10px 5px;
}


td.colm1 { line-height: 13px; background-color: #fff; border-bottom: 1px solid #A8B8D8;}
td.colm2 {  text-align: left; background-color: #A8B8D8; color: #fff;}



/*2009*/

.reSimple {
	width:  192px;
	text-align: center;
}


a.cl, img.cl {
	border: none;
	text-decoration: none;
}

.cb {
	clear: both;
}

/* =================================== 2009 holy grail */


	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background:#A8B8D8;    	/* Right column background colour */
	}
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-210px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#cdd7f2;    	/* Centre column background colour */
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:410px;         	/* Left column width + right column width */
        background:#A8B8D8;    	/* Left column background colour */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 { /* CENTER */
        margin:0 230px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	    padding-top:  20px;
	}
    .holygrail .col2 { /* LEFT */
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 { /* RIGHT */
        float:left;
        float:right;			/* This overrides the float:left above */
        width:190px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;    	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;

        padding: 30px 10px 10px 10px;
    }
    
    
/* ========================== ENDE HOLY GRAIL ================ */    
    /* ========== zwei spalten */
   
   	
/* 2 column left menu settings */
	.leftmenu {
	    background:#A8B8D8;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:200px;
        background:#cdd7f2;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
	     background:#A8B8D8;
	}
	.leftmenu .col1 {
        margin:20px 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	    background: #cdd7f2;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:200px;
         background:#A8B8D8;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }

    
    
    
    /* ========== zwei spalten ende */
    
    
    
    
	/* Footer styles */
	#footer {
		clear:both;
        float:left;
      
        width:100%;
        color: #999999;
		border-top:1px dotted #666699;
		font-size: 11px;
		text-align:center;
		background-color: #ffffff;
    }
    
    #footer p {
        padding:10px 10px 30px 10px;
        margin:0;
    }            

	#footer a:link, #footer a:visited {
		color: #666;
	}

	#footer a:hover, #footer a:active {
		color: #333;
	}


.col1, .col1 ul, .col1 ul li {
	font-size: 14px;
}

h2.noBotm, h1.noBotm {
	margin-bottom: 0px;
}


img.imgRight {
	float: right;	
}

img.imgLeft {
	float: left;	
	padding: 0 20px 0 0;
}

.green { color: #060;}

hr {
	margin: 20px 0;
	border: 3px solid #BECAEA; /*#BECAEA*/
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	-webkit-border-radius: 3px;
  	border-bottom: 1px solid #dee5fa;
}

a.pdf {
	background: transparent url(/img/i.pdf.32.png) no-repeat;
	padding: 5px 0 10px 40px;
	border: 0px solid black;
	text-decoration: underline;
	margin: 0 0 20px 0;
}

ul.pdfList {
	list-style : none;
	margin: 0;
	padding:  0;
}

ul.pdfList li {
	line-height: 30px;
	background: transparent url(/img/i.pdf.32.png) no-repeat;
	padding: 5px 0 10px 40px;
	
}


.whiteBoxSimple { 
	background: #ffffff; 
	border:  2px solid #666699;
	padding: 3px;
	margin: 10px auto;
	width: 160px;
	-moz-border-radius: 10px;
  	border-radius: 10px;
  	-webkit-border-radius: 8px;
	text-align: center;
	}

.whiteBoxSimple h4 {
	margin: 5px 0px;
	color: #666699;
}

div#cse-search-results, .cse-search-results  {
 background: #cdd7f2;
}

/* new 2010 03 */ 
.simpleBox  {
	padding: 3px;	
	
	-moz-border-radius: 10px;
  	border-radius: 10px;
  	-webkit-border-radius: 8px;
	text-align: center;
	-webkit-box-shadow: #666 0px 0px 6px;
	-moz-box-shadow: #666 0px 0px 6px;
	box-shadow: #666 0px 0px 6px;
}

.whiteBox {
	background: #ffffff; 
/*	border:  2px solid #666699;*/
border:  2px solid #CDD7F2;

}

.blueBox {
	background: #CDD7F2; 
	/* border: 2px solid #7d80ad; */
	 border: 2px solid #CDD7F2;
}

.greenBox {
	background: #96C196; 
	border:  2px solid #277C2F;
}

.noshadow {
	-webkit-box-shadow: #666 0px 0px 0px;
	-moz-box-shadow: #666 0px 0px 0px;
	box-shadow: #666 0px 0px 0px;
}

.col3 .simpleBox {
	margin-bottom: 10px;
}

.col2 .simpleBox {
	margin: 10px;
}


.col2 .simpleBox {
	margin: 10px;
}

.simpleBox h3 {
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	-moz-border-radius: 6px;
  	border-radius: 6px;
  	-webkit-border-radius: 4px;
  	padding: 3px;
}

.greenBox h3 {
	color: #ffffff;
	background-color: #277C2F;	
}

.whiteBox h3 {
	color: #666699;
	background-color: #dee5fa;	
}

.blueBox h3 {
	background-color: #BECAEA;	
}



.simpleBox p {
	font-size: 12px;
}

.simpleBox ul {
	text-align: left;
	font-size: 12px;
	margin-left:20px;
	padding-left: 0px;
}

.simpleBox ul li {
	padding-bottom: 0.5em;
}

.simpleBox img.logo {
	padding-bottom: 20px;
}

a img:hover {
	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7; 
}

a.buttonBlue:link, a.buttonBlue:visited { 
			border: 1px solid #000099;	
			border-radius: 3px;  -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px;   
			padding: 4px 10px;
			font-size: 12px;
			text-decoration: none;
			color: #fff;  
			background-color: #000099;
			background: -webkit-gradient(linear, left bottom, left top, from(#000099), to(#6d77c2), color-stop(100%, #A8B8D8));
			background: -moz-linear-gradient(left bottom, left top, from(#000099), to(#6d77c2));
		    text-shadow: #000 0px -1px 0px; 
		}    
		
		test {
	color: #6d77c2;
}
		
		a.buttonBlue:hover, a.buttonBlue:active { 
				border: 2px solid #009;	
				border-radius: 3px;  -moz-border-radius: 3px;-webkit-border-radius: 3px; -khtml-border-radius: 3px;   
				padding: 4px 10px 4px 10px;
				font-size: 12px;
				text-decoration: none;
				color: #fff;  
				background-color: #000099;
			background: -webkit-gradient(linear, left bottom, left top, from(#000099), to(#6d77c2), color-stop(100%, #A8B8D8));
			background: -moz-linear-gradient(left bottom, left top, from(#000099), to(#6d77c2));
			    text-shadow: #333 0px -1px 0px; 
		}