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

				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:#CAE9F3;
	/* background-image: url(../images_design/bg.jpg);
	background-repeat: repeat-x;  */
	color: #1C45A0;
	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: #1C45A0;
	text-align: left;
	padding:5px;
	border: 1px #1C45A0 solid;
	}
	
.stdtxttable2 {	
	line-height: 16px;
	color: #1C45A0;
	text-align: left;
	padding:5px;
	background: #CAE9F3;
	border: 1px #1C45A0 solid;
	}
	
.stdtxttablerot {	
	line-height: 16px;
	color: #0000CC;
	text-align: left;
	}
	
.stdtxt {	
	font-size: 0.9em;
	line-height: 17px;
	color: #1C45A0;
	text-align: left;
	}
	

	
.stdtxtinnertable {	
	font-size: 0.9em;
	color: #1C45A0;
	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: #1C45A0;
}	

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

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

#top a:link {
  color: #1C45A0;
  text-decoration: none;
}

#top a:visited {
  color: #1C45A0;
	text-decoration: none;  
}

#top a:active {
  color: #1C45A0;
  text-decoration: none;  
}

#top a:hover {
  color: #1C45A0;
	text-decoration: underline;  
}

.vcard a:link {
  color: #1C45A0;
  text-decoration: none;
}

.vcard a:visited {
  color: #1C45A0;
	text-decoration: none;  
}

.vcard a:active {
  color: #1C45A0;
  text-decoration: none;  
}

.vcard a:hover {
  color: #1C45A0;
	text-decoration: underline;  
}

.vcard a:focus {
  color: #1C45A0;
	text-decoration: underline;
	background: #fff;  
}



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

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

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

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

#rechts2 a:link {
  color: #1C45A0;
  text-decoration: underline;
}

#rechts2 a:visited {
  color: #1C45A0;
	text-decoration: underline;  
}

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

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




#links2 a:link {
  color: #1C45A0;
  text-decoration: none;
}

#links2 a:visited {
  color: #1C45A0;
	text-decoration: none;  
}

#links2 a:active {
  color: #1C45A0;
	text-decoration: none;  
}

#links2 a:hover {
  color: #454545;
	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: 650px;
    float:right;
    width: 1px;
  }
  
.imgcontent {border: 2px solid #CAE9F3; margin: 13px 10px 10px 0;}

.imgcontent2 {border: 2px solid #CAE9F3; margin: 0px 12px 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-bottom.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;
	height: 30px;
	width: 955px;
	
}	

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


#image2 {
	height: 150px;
	width: 300px;
	background-image: url(../images/tasche-lebenslanges_lernen.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #CAE9F3;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
}

#image {
	height: 150px;
	width: 300px;
	background-image: url(../images/reise-lebenslanges_lernen.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #CAE9F3;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
}

#image3 {
	height: 150px;
	width: 300px;
	background-image: url(../images/hilfe-lebenslanges_lernen.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #CAE9F3;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
}

#image4 {
	height: 150px;
	width: 300px;
	background-image: url(../images/partner-lebenslanges_lernen.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #CAE9F3;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
}

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

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

#image7 {
	height: 150px;
	width: 300px;
	background-image: url(../images/imprint-lebenslanges_lernen.jpg);
	background-position: 45px 0 0 45px;
	background-repeat: no-repeat;
	border-color: #CAE9F3;
	border-size: 2px;
	border-width: 2px;
	border-style: solid;
}

#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: #1C45A0;
	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 ######################################## */

.vcard {
        width: 137px;
        font-size:0.9em;
        margin: 15px 15px 0 181px;
        border-style: solid;
        border-color: #1C45A0;
        border-size: 2px 2px 2px 2px;
        border-width: 2px 2px 2px 2px;
        background:#CAE9F3;
        padding:5px;
       }

.menu1 {
        width: 147px;
        font-size:1.0em;
        margin: 15px 20px 15px 181px;
        border-style: solid;
        border-color: #1C45A0;
        border-size: 2px 2px 1px 2px;
        border-width: 2px 2px 1px 2px;
       }

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

.menu1 li a:link,.menu1 li a:visited {
		font-size:1.0em;
        color: #1C45A0;
        display: block;
        background:  url(../images_design/bg-button.gif);
        padding: 5px 0 0 15px;
        }
        
.menu1 li a:hover {
        font-size:1.0em;
        color: #1C45A0;
        background:  url(../images_design/bg-button.gif) 0 -28px;
        padding: 5px 0 0 15px;
        text-decoration: none;
        }
        
.menu1 li a:focus {
        font-size:1.0em;
        color: #1C45A0;
        background:  #fff;
        padding: 5px 0 0 15px;
        text-decoration: underline;
        }
        
.menu1 li a.current {
        font-size:1.0em;
        color: #fff;
        background:  url(../images_design/bg-button.gif) 0 -56px;
        padding: 5px 0 0 15px;
        }

        
        
.menu2 a:link {
  		font-weight: normal;
  		color: #1C45A0;
}

.menu2 a:visited {
  		font-weight: normal;
  		color: #1C45A0;
}

.menu2 a:hover, a:active {
  		font-weight: normal;
  		color: #1C45A0;
  		text-decoration: underline;
}




/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	font-size: 10px;
	font-weight:normal;
	text-transform:none;
	margin-bottom: 20px;
}

ul.nav2nd li {
	padding:0;
	margin:0;
	font-weight:normal;
	border:none;
	text-align: left;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
}


ul.nav2nd a:hover {
	color:#404040;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	color:#666666;
}

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

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

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

p {
	color:#1C45A0;
	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 #1C45A0;
	BORDER-LEFT: 1px solid #1C45A0;
	BORDER-RIGHT: 1px solid #1C45A0;
	BORDER-BOTTOM: 1px solid #1C45A0;
	BACKGROUND-COLOR: #CAE9F3;
	COLOR: ##1C45A0;
	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 #6FBED8;
	BORDER-BOTTOM: 1px solid #6FBED8;
	BACKGROUND-COLOR: #1C45A0;
	Color: #fff;
	PADDING: 3px;
}

.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: #CAE9F3;
	Color: #454545;
	PADDING: 3px;
}