/*=========== 
Datei: uccellini.css
template: uccellini
domain: aachener-fortbildung.de
Datum: 21.3.2008
===========*/

/*=========== sorgt dafür, dass kurze Seiten beim Firefox nicht springen ===========*/ 
html {height: 101%;}


body {

	font-family:  Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #000000;

	line-height: normal;

	padding: 0;

	margin: 0;

	background-color: #FFFFFF;

	background-image: url(bg.jpg);

	background-repeat: repeat-x;

}

a:link, a:visited, a:active {

	color: #A7BA06;

	text-decoration: none;

	font-weight: bold;

}

a:hover {

	color: #CCD47F;

	text-decoration: none;

	font-weight: bold;

}

hr {

	margin: 15px 0px 15px 0px;

	color: #003366;

	height: 1px;

	width: 100%;

}

h1 {

	font-size: 1.4em;

	color: #003;

	margin: 0px;

	font-style: italic;

}

h2 {

	font-size: 1.6em;

	color: #003;

	margin: 0px;

}

h3 {

	font-size: 1.2em;

	color: #003;

	margin: 0px;

}

h4 {

	font-size: 1em;

	color: #003;

	margin: 0px;

}



form {

	margin: 0;

}

input,

textarea {

  color: #003;

  background-color: #fff;

  border: 1px solid #999;

}



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

container

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

#container {

	width: 772px;

	border: #ccc 1px solid;

	padding: 0px;

	margin: 0 auto;

	background-color: #FFFFFF;

}



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

masthead

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

#masthead {

	background: url(pic.jpg) no-repeat 100% 0;

	padding: 156px 0px 0px 0px;

}

.stripe {
	margin: 0;
	padding: 0;
	height: 40px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #EFF1D8;
}

	

.stripe h1 {

	font-size: 2.4em;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	vertical-align: bottom;

	color: #003;

	margin: 0px;

	font-style: italic;

}





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

sidebar

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

#sidebar {

	float: left;

	width: 170px;

	vertical-align: top;

	background-color: #FFF;

	margin-top: 30px;

	margin-left: 20px;

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.menu{

	border: 1px;

	border-style: solid;

	border-color: #CCC;
	
	font-size: 11px;


}



.menu ul, .menu li{

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	border-bottom: 1px solid;

	border-color: #999;

}

.menu ul ul {

	padding-left: 10px;

	background-color: #EFF1D8;

	border-bottom: 0px;

}

.menu a:link, .menu a:visited, .menu a:active {

	padding: 4px 10px 4px 10px;

	color: #000000;

	display: block;

	text-decoration: none;

	font-weight: normal;	

}

.menu a:hover {

	text-decoration: none;
	font-weight: bold;
	color: #CCD47F;

}

.menu_current {

	font-weight: bold;

	background-color: #A7BA06;

}



.tools {

	float: left;

	width: 170px;

	color: #666;

	text-align: center;	

	background-color: #FFF;

	font-size: 70%;

	padding: 0px;

}

.tools input {

	width: 80%;

	font-size: 80%;

}

.tools a:link, .tools a:visited, .tools a:active {

	color: #999;

	text-decoration: none;

}

.tools a:hover {

	color: #FFF;

	text-decoration: none;

}



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

main content

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

#mainContent {

	float:right;

	width: 520px;

	padding: 20px;

	background-color: #FFF;

	position: relative;

	vertical-align: top;

	line-height: 20px; 

	text-align: left; 

	word-spacing: 2px;	

}



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

separator

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



#clear

	{

	clear: both;

	height:0;

	}





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

footer

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



#footer {

	color: #999;

	vertical-align: middle;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 99%;

}

#footer a:link, #footer a:visited, #footer a:active {

	color: #999;

	text-decoration: none;

	font-weight: normal;

}

#footer a:hover { 

	border-bottom: 1px dotted #333; color: #333; 

	}