/* =========================================== */
/* ======= 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;
		}

hr.line {
	border-top: solid 1px #666666;
	border-bottom: 0;
	border-left:0;
	border-right:0;
	height:0px;
	}

/* ============== 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 20px 0 0;
}
#image-center {
	margin: 0;
}

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


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

.border {
	border: solid 1px #660000; 
	padding: 15px; 
	text-align: center; 
	background-color: #e8f1fb;
	}

.blue-frame {
	padding: 15px 30px 15px 30px; 
	background-color: #e8f1fb;
	}
.blue-frame-border {
	padding: 25px 50px 25px 50px; 
	background-color: #e8f1fb;
	border: 1px solid #660000;
	}
.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;
	}

/* ============== FORMULARE ============== */

.formwindow {
	background: #e8f1fb; 
	border: 1px solid #660000; 
	width: 250px;
	}
	
/* ============== STARTSEITE ============== */

.startseite{
	font-family:  lucida grande, verdana, arial, sans-serif;
	font-size: 11px; 
	color: #ffffff; 
	background-color: #0000cc; 
	text-align: center;
	}
a.startseite:link{
	color: #ff9933;
	text-decoration: none;
	text-align:center;
	}
a.startseite:visited{
	color: #ff9933;
	text-decoration: none;
	}
a.startseite:hover{
	color: #ff0000;
	}
#topstartseite {
	margin: 30px auto 0 auto; 
	padding-bottom:10px;
}
#centerstartseite {
	margin: 0 auto 0 auto; 
	width:400px;
}

.center-steiner {font-style:italic;}
.center-steiner-klein {text-align:right; font-size: 9px; font-style:italic;}
.center-text {text-align:justify; line-height:1.8;}
a.weiter-link {text-decoration: underline;}

#bottom-logo-startseite {
	color: #ff9933; 
	text-align: center; 
	font-size: 11pt;
	margin: 60px 0 300px 0; 
}
.links-startseite {
	text-align: justify; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #ff9933;
	padding: 0 40px 20px 40px;
}
.bottom-copy-startseite { 
	background-color:white; 
	font-size: 10px; 
	color: #666666;
	padding: 0 40px 0 40px;
	}
	
	
/* ============== DEAKTIVIERT ============== */
	
	hr.menuline {
	border-top: solid 1px #ff9933;
	border-bottom: 0;
	border-left:0;
	border-right:0;
	height:0px;
	}

/* ============== 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]-->