/* =========================================== */
/* ======= Autor and Copyright: Valentin Garbe ======= */
/* =========================================== */

/* ============== Fernstudium PRINT top ============== */

#print	{display:none;}

/* ============== Universal ============== */

BODY	{
		padding: 0;
		margin: 0;
		background-color: #0000cc;
		font-family: lucida grande, verdana, arial, sans-serif;
		font-size: 11px;
		}
TABLE 	{
		border-width: 0px;
		margin: 0;
		padding: 0;
		}
IMG		{border: 0;}


/* ============== Seitenlayout ============== */


#middle 	{
		background-color: #ffffff;
		margin: 5px 10px 0px 210px;
		padding: 30px 20px 0px 20px;
		min-height: 100%;
		}

#middle, table 	{
			font-size: 11px;
			line-height: 20px;
			color: #666666;
			text-align: justify;
		}


/* ============== Navigation (Links) ============== */


a.nav:link, a.nav:visited	{
		color: #ff9933;
		text-decoration: none;
}
a.nav:hover	{
		color: #ffffff;
}

.nav-activ	{
	color: #ffffff;
	font-weight: normal;
	}

#nav-left {
		position: fixed;
		top: 5px;
		left: 0px;
		width: 220px;
		}
#nav-link {
	position: fixed;
	top: 140px;
	left: 30px;
	color: #ff9933;
	font-size: 11px;
	text-decoration: none;
	line-height: 23px;
	letter-spacing: 1px;
	font-weight: normal;
}
#fwp-logo	{
		position: fixed;
		top: 20px;
		left: 15px;
		width: 160px;
		height: 100px;
		padding: 15px;
		background-image: url(http://www.waldorf-fernstudium.de/images/logos/fwp_lg.gif);
		background-repeat: no-repeat;	
		}
#fig		{
		position: fixed;
		top: 550px;
		left: 15px;
		width: 85px;
		height: 60px;
		background-image: url(http://www.waldorf-fernstudium.de/images/logos/fwp_plast.gif);
		background-repeat: no-repeat;
		}
#fig-ut1	{
		position: fixed;
		top: 560px;
		left: 100px;
		width: 105px;
			color: #ffffff;
			font-size: 9px;
		}
.fig-ut2	{
			font-size: 8px;
			font-style:italic;
			line-height:2;
		}


/* ============== Links Allgemein ============== */

a:link, a:visited	{
		color: #ff9933;
		text-decoration: underline;}

a:hover	{
		color: #ff0000;
}

/* ============== Links im Text ============== */

.site-nav			{}
a.sl:link, a.sl:visited 	{text-decoration: underline;}
a.sl:hover			{color:#ff0000;}

a.tl:hover, a.tl-f:hover, a.tl-z:hover, a.sl-p:hover, a.sl-t:hover,a.tl-d:hover, a.tl-c:hover, a.tl-m:hover, a.tl-e:hover, a.tl-s:hover {color:#ff0000;}

/* ZOOM */
a.tl-z:link, a.tl-z:visited
{	padding-left: 13px; 
	background-image: url('../images/symbols/zoom.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* TOP */
a.sl-t:link, a.sl-t:visited
{	padding-right: 11px; 
	background-image: url('../images/symbols/top.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

/* PRINT */
a.sl-p:link, a.sl-p:visited 
{	padding-left: 15px; 
	background-image: url('../images/symbols/print.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* OHNE */
a.sl:link, a.sl:visited
{	text-decoration: none;
}

/* DOWNLOAD */
a.tl-d:link, a.tl-d:visited 
{	padding-right: 10px; 
	background-image: url('../images/symbols/download.gif');
	background-repeat: no-repeat;
	background-position: right center;
}

/* CLOSE */
a.tl-c:link, a.tl-c:visited 
{	padding-left: 14px; 
	background-image: url('../images/symbols/close.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* MAIL */
a.tl-m:link, a.tl-m:visited 
{	padding-left: 16px; 
	background-image: url('../images/symbols/mail.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* MESSAGE */
a.tl-e:link, a.tl-e:visited 
{	padding-left: 11px; 
	background-image: url('../images/symbols/message.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* SITEMAP */
a.tl-s:link, a.tl-s:visited 
{	padding-left: 12px; 
	background-image: url('../images/symbols/map.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* SEARCH */
a.tl-f:link, a.tl-f:visited 
{	padding-left: 13px; 
	background-image: url('../images/symbols/search.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* ============== Bilder im Text ============== */

#image-right {
	float: right;
	margin: 0 0 0 20px;
}
#image-left {
	float: left;
	margin: 0 0 0 20px;
}
#image-center {
	margin: 0;
}

/* ============== Klassen im Text============== */


.fwplg {
	font-variant: small-caps;
}

.border {
	border: solid 1px #660000; 
	padding: 15px; 
}

.bu {
	color: #666666;
	font-style: italic;
	font-size: 11px;
	 line-height: 20px;
}

ul {
	text-align: left;
}

.wir{
	border: solid 1px #660000; 
	padding: 15px; 
	background-color:#ffffff; 
	color: #666666; 
	min-height:150px;
}

.wirhead {
	font-size: 12pt;
	color:#660000;
}

.wirimg {
	padding: 10px 10px 0 10px; 
}

/* ============== Headlines ============== */


h1	{
	color: #0000ff;
	font-size: 16px;
	font-weight:normal;
	}
h2	{
	color: #ff9933;
	font-size: 10pt;
	}
h3	{
	color: #666666;
	font-size: 9pt;
	font-weight:normal;
	}
h4	{
	color: #666666;
	font-size: 9pt;
	}
	
/* ============== If IE ============== */
html>body #left	{position:fixed}
<!--[if IE]><style type="text/css">
  @media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #scroll {
      height: 100%; width: 100%; overflow: auto;
    }
    #middle {
      position: static;
    }
  }
</style><![endif]-->