/********** Imagine Worlds base.css **********/


/** basic elements **/

html
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	/*background: url(../pic/tv-stripes.gif) repeat top left;	*/
}

body
{
	margin: 0px;
	padding: 0px;
	text-align:center; /*for NN4, IE4, IE5, IE5.5 (these browsers do not support auto margins)*/
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #404040;
}

p
{
	margin: 0px;
	padding: 0em 0em 1.5em 0em;
}

ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	
}

ol
{
	margin: 0px;
	padding: 0px;
}

a:link, a:visited
{
	color: #1C599F;
}

a:hover, a:active
{
	color: #1C599F;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0em 0em 0.5em 0em;
}

h2
{
	font-size: 13px;
	color: #000000;
	padding-bottom: 1.5em;
}

h4
{
	font-size: 12px;
}


/** basic classes **/
h4.withicon
{
	background: url(../pic/bluebox11x11_2.gif) no-repeat top left;
	padding-left: 20px;
}

.center
{
	text-align:center;
}

.block
{
	margin-bottom: 2em;	
}

ul.noliststyle
{
	list-style-type: none;
}


/** basic divs **/

#container
{
	width: 780px;	
	margin: auto;
	margin-top: 10px;
	border: 2px solid #000000;
	background-color: #ffffff;	
	text-align:left; /* added, because of text-align:center was added to body */
}

#header
{
	height: 150px;
	background: url(../pic/imagine-worlds-header2.jpg) no-repeat top left;
	margin: 0px;
	padding: 0px;
	border-bottom:2px solid #e0e0e0; 
}

#container2
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}


#menuebar
{
	margin: 25px 0px 5px 0px;
	padding: 0px;
	float:left;
	width: 190px;
}

#menuebar ul
{
	margin: 0px 0px 20px 20px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid  #000000;
	list-style-type: none;
	width: 150px;
	color: #1C599F;
	font-size: 11px;
}

#menuebar li.liitem
{
	margin: 0px;
	padding: 5px 0px 5px 20px;
	/*background-image: url(../pic/pfeilicon_schwarz.gif);*/
	background-repeat: no-repeat;
	background-position: top left;
}

#menuebar li.licurrent
{
	margin: 0px;
	padding: 5px 0px 5px 20px /*10px*/;
	/*background-image: url(../pic/pfeilicon_schwarz.gif);*/
	background-repeat: no-repeat;
	background-position: top left;
}

#menuebar li.sfhover
{
	margin: 0px;
	padding: 5px 0px 5px 20px /*10px*/;
	background-image: url(../pic/pfeilicon_schwarz.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#menuebar li.liitem:hover
{
	background-image: url(../pic/pfeilicon_schwarz.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuebar li.licurrent:hover
{
	background-image: url(../pic/pfeilicon_schwarz.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}

#menuebar li.liheading
{
	background: url(../pic/menueheader01.jpg) no-repeat top left;
	padding: 5px 0px 5px 0px;
	text-align: center;
	border-bottom: 1px solid /*#e0e0e0*/ #000000;
	font-weight: bold;
}

#menuebar li.licenter
{
	background: url(../pic/menueheader01.jpg) no-repeat top left;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-weight: bold;
}

#menuebar li a:link, #menuebar li a:visited
{
	color: #1C599F;
	text-decoration: none;
}

#menuebar li a:hover, #menuebar li a:active
{
	color: #1C599F;
	text-decoration: none;
}

#content
{
	margin: 0px 0px 0px 191px;
	padding: 35px 50px 0px 40px;
	background-color: #ffffff;
	line-height: 150%;	
}

#footer
{
	clear: both;
	margin:0px;
	padding:0px;
	border-top: 2px solid #e0e0e0;
	background-color: #ffffff;
	text-align: center;
	font-size: 11px;
}

#footer ul
{
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	color: #404040;
}

#footer ul li
{
	margin-top: 3px;
}

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:hover, #footer ul li a:active
{
	color: #1C599F;
}