/*********************************************************************************

				ranadesign Birgit Berger
				Programmierung | Design
				Karl-Liebknecht-Str. 47
				14482 Potsdam
				
				http://www.ranadesign.de
				Telefon: +49 (0)331 - 740 91 96

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol,li  { list-style: none;}
h1,h2,h3,h4,h5,h6,pre { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,form,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }

address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td {border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

a:focus { background:#fff; text-decoration: underline;  }
a:hover { text-decoration: none; }

acronym {
	cursor: help;
	border-bottom: 1px dashed;
	font-style: normal;
}


div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 14px;line-height: 16px;}

ul			{list-style: circle;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }



/* ### HTML ###################################################################### */
html {
	min-height: 101%;
	margin-bottom: 5px;
}

/* ### BODY ###################################################################### */
body {
	background:#A0D8E5;
	/* background-image: url(../images_design/bg.jpg);
	background-repeat: repeat-x;  */
	color: #256DB3;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small;
	}

/* \*/ * html body { text-align:left; font-size: small; } /* *//* IE 5.5 Hack */


.clear {
	clear:both;
}

.stdtxttable {	
	line-height: 16px;
	color: #256DB3;
	text-align: left;
	padding:7px;
	border: 1px #256DB3 solid;
	}
	
.stdtxttable2 {	
	line-height: 16px;
	color: #256DB3;
	text-align: left;
	padding:5px;
	background: #CAE9F3;
	border: 1px #256DB3 solid;
	}
	
.stdtxttablerot {	
	line-height: 16px;
	color: #0000CC;
	text-align: left;
	}
	
.stdtxt {	
	font-size: 0.9em;
	line-height: 17px;
	color: #256DB3;
	text-align: left;
	}
	

	
.stdtxtinnertable {	
	font-size: 0.9em;
	color: #256DB3;
	line-height: 16px;
	text-align: left;
	padding: 4px;
	border-bottom: 1px #fff solid;
	}
	
.stdtxtfett
{
    font-size: 0.9em;
    LINE-HEIGHT: 16px;
    FONT-WEIGHT: bold;
    color: #0B5DAD;
}	

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#c00; background: inherit; }

#top a:link {
  color: #256DB3;
  text-decoration: none;
}

#top a:visited {
  color: #256DB3;
	text-decoration: none;  
}

#top a:active {
  color: #256DB3;
  text-decoration: none;  
}

#top a:hover {
  color: #256DB3;
	text-decoration: underline;  
}



#rechts a:link {
  color: #256DB3;
  text-decoration: none;
}

#rechts a:visited {
  color: #256DB3;
	text-decoration: none;  
}

#rechts a:active {
  color: #256DB3;
	text-decoration: none;  
}

#rechts a:hover {
  color: #256DB3;
	text-decoration: underline;  
}

#rechts2 a:link {
  color: #256DB3;
  text-decoration: underline;
}

#rechts2 a:visited {
  color: #256DB3;
	text-decoration: underline;  
}

#rechts2 a:active {
  color: #256DB3;
	text-decoration: underline;  
}

#rechts2 a:hover {
  color: #256DB3;
  background: #CAE9F3;
	text-decoration: underline;  
}




#links2 a:link {
  color: #256DB3;
  text-decoration: none;
}

#links2 a:visited {
  color: #256DB3;
	text-decoration: none;  
}

#links2 a:active {
  color: #256DB3;
	text-decoration: none;  
}

#links2 a:hover {
  color: #256DB3;
	text-decoration: underline;  
}


#rechts ul				{list-style: none;}
#rechts ul li			{margin: 8px 0 0 15px; list-style: circle; font-size: 11px; line-height: 15px;}
#rechts ul li ul		{margin: 0 0 0 0;}
#rechts ul li ol		{margin: 0 0 0 0;}

.hoehe {
    height: 500px;
    float:right;
    width: 1px;
  }
  
.imgcontent {
	border: 2px solid #A0D8E5; 
	margin: 13px 10px 10px 0;	
 
	}

a .imgcontent2  {
	border: 2px solid #A0D8E5; 
	margin: 0px 0px 0px 0;	

	}

#wrappertop {
	position:relative;
	margin:0 0px;
	padding: 5px 0 5px 0;
	top: 5px;
	width: 955px;
	/* background-image: url(../images_design/bg-line.gif); */
}
  
#wrapper {
	position:relative;
	margin:0 0px;
	padding: 25px 0 0 0;
	top: 25px;
	height:100%;
	width: 955px;
	background:#fff;
	background-image: url(../images_design/bg-bottom2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px; 
}


#top {	
	float: right;
	margin: 5px 10px 5px 0px;
	height: 15px;
	width: 955px;
	
}

#links {	
	float: left;
	width: 360px;
	}


#rechts {
	float: left;
	margin-left: 10px;
	width: 550px;
	padding-bottom: 15px;
	padding-right: 20px;
	}

#rechts2 {
	float: left;
	margin-left: 10px;
	width: 550px;
	padding-top: 26px;
	padding-bottom: 15px;
	padding-right: 20px;
	}
	
#footer {	
	clear: both;
	margin: 0 0 15px 20px;
	padding: 0 0 10px 0;
	height: 30px;
	width: 955px;
	
}	

/*************************************/
	


#image2 {
	height: 150px;
	width: 300px;
	background-image: url(../images/mailinglist-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image4 {
	height: 150px;
	width: 300px;
	background-image: url(../images/welcome-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image3 {
	height: 150px;
	width: 300px;
	background-image: url(../images/documents-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image {
	height: 150px;
	width: 300px;
	background-image: url(../images/projects-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image5 {
	height: 150px;
	width: 300px;
	background-image: url(../images/buecher-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image6 {
	height: 150px;
	width: 300px;
	background-image: url(../images/kontakt-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image7 {
	height: 150px;
	width: 300px;
	background-image: url(../images/legals-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image8 {
	height: 150px;
	width: 300px;
	background-image: url(../images/hilfe-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image9 {
	height: 150px;
	width: 300px;
	background-image: url(../images/faqs-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image10 {
	height: 150px;
	width: 300px;
	background-image: url(../images/conferences-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}

#image11 {
	height: 150px;
	width: 300px;
	background-image: url(../images/donation-ign.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #A0D8E5;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
	-moz-border-radius:7px;	
	-khtml-border-radius:7px;
}


#logo a {
	display:block;
	height: 110px;
	width:	360px;
	text-indent:-1000em;
}	

#jumper a, .jumper {
	position: absolute;
	z-index: 5;
	width: 10em;
	overflow: hidden;
	top: -100px;
	left: -1000px
}
#jumper a:focus, #jumper a:active {
	position: absolute;
	z-index: 100;
	width: 15em;
	top: 0;
	left: 0;
	margin-left: 5px;
	padding-left: 0.5em;
	text-decoration: underline;
	color: #256DB3;
	background: #fff;
	font-size: 0.8em
}

.unsichtbar {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}



/*	Navigation horizontal and vertical - 



/* ### nav1st - first level navigation ######################################## */


ul.menu1  {
        width: 180px;
        font-size:1.0em;
        margin: 15px 20px 15px 148px;
        border-style: solid;
        border-color: #256DB3;
        border-size: 2px 2px 1px 2px;
        border-width: 2px 2px 1px 2px;
       }

ul.menu1  li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size:1.0em;
        height: 22px;
        text-decoration: none;
        }

ul.menu1  li a:link, ul.menu1 li a:visited {
		font-size:1.0em;
        color: #256DB3;
        display: block;
        background:  url(../images_design/bg-button.gif);
        padding: 5px 0 0 18px;
        }
        
ul.menu1  li a:hover {
        font-size:1.0em;
        color: #256DB3;
        background:  url(../images_design/bg-button.gif) 0 -28px;
        padding: 5px 0 0 18px;
        text-decoration: none;
        }
        
ul.menu1  li a:focus {
        font-size:1.0em;
        color: #256DB3;
        background:  #fff;
        padding: 5px 0 0 18px;
        text-decoration: none;
        }
        
ul.menu1  li a.current {
        font-size:1.0em;
        color: #fff;
        background:  url(../images_design/bg-button.gif) 0 -56px;
        padding: 5px 0 0 18px;
        }
        
/* ####################################################
    Unternavigation = Aufklappmenues ######################## */
    
ul.menu1 li ul {
        width: 180px;
        font-size:0.9em;
        border-bottom: 1px solid #256DB3;

       }

ul.menu1 li ul  a {
        voice-family: "\"}\"";
        voice-family: inherit;
        font-size:0.9em;
        text-valign:center;
        height: 20px;
        text-decoration: none;
        }

ul.menu1 li ul li a:link, ul.menu1 li ul li a:visited {
		font-size:0.9em;
        color: #256DB3;
        display: block;
        background:  url(../images_design/bg-button2.gif);
        padding: 5px 0 0 18px;
        }
        
ul.menu1 li ul li a:hover {
        font-size:0.9em;
        color: #256DB3;
        background:  url(../images_design/bg-button2.gif) 0 -83px;
        padding: 5px 0 0 18px;
        text-decoration: none;
        }
        
ul.menu1 li ul li a:focus {
        font-size:0.9em;
        color: #256DB3;
        background:  #fff;
        padding: 5px 0 0 18px;
        text-decoration: none;
        }
        
ul.menu1 li ul li a.current {
        font-size: 0.9em;
        color: #256DB3;
        background:  url(../images_design/bg-button2.gif) 0 -83px;
        padding: 5px 0 0 18px;
        }









/*****************/

h1 {
	font-family: 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;
	color:#00A4CB;
	font-weight:bold;
	font-size: 1.05em;
	padding-bottom: 10px;
}

h2 {
	font-family: 'Lucida Grande', Geneva, Arial, Helvetica, Verdana, sans-serif;
	color:#256DB3;
	font-weight:bold;
	font-size: 1.0em;
	padding-bottom: 13px;
	line-height: 18px;
}

p {
	color:#256DB3;
	font-weight: normal;
	font-size: 11px;
	line-height: 18px;
}


.fehler
{
	FONT-SIZE: 8pt;
	font-weight: bold;
   LINE-HEIGHT: 16pt;
	color: #cc0000;
}

.eingabe
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8pt;
	BORDER-TOP: 1px solid #256DB3;
	BORDER-LEFT: 1px solid #256DB3;
	BORDER-RIGHT: 1px solid #256DB3;
	BORDER-BOTTOM: 1px solid #256DB3;
	BACKGROUND-COLOR: #C4E7EF;
	COLOR: ##256DB3;
	PADDING: 3px;
	MARGIN: 0px 0 9px 0;
}

.button1
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8pt;
   BORDER-TOP: 1px solid #CAE9F3;
	BORDER-LEFT: 1px solid #CAE9F3;
	BORDER-RIGHT: 1px solid #256DB3;
	BORDER-BOTTOM: 1px solid #256DB3;
	BACKGROUND-COLOR: #256DB3;
	Color: #fff;
	PADDING: 3px;
	cursor: pointer;
}

.button2
{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   FONT-SIZE: 8pt;
   BORDER-TOP: 1px solid #CAE9F3;
	BORDER-LEFT: 1px solid #CAE9F3;
	BORDER-RIGHT: 1px solid #1C45A0;
	BORDER-BOTTOM: 1px solid #1C45A0;
	BACKGROUND-COLOR: #C4E7EF;
	Color: #606060;
	PADDING: 3px;
	cursor: pointer;
}