/************************************************************************/
/* waldorf-alumni.de styles css_v1.3                                    */
/* ==================================================================== */
/* css released under Creative Commons ShareAlike License v2.0          */
/* http://creativecommons.org/licenses/by-sa/2.0/                       */
/* Feel free to copy this file as a foundation for any new work.        */
/* ==================================================================== */
/* Copyright (c) 1995-2006 by the nrg-network codes+systems developers  */
/* For more information visit: http://www.nrg-network.com/              */
/************************************************************************/

body
{
	margin: 0px;
	font-family: Trebuchet MS, Trebuchet, Verdana, Arial, sans-serif;
	color: #666;
	font-size: 10px;
	background-image: url(../_global/background.gif);
	background-color: #FFF;
}

a:link	{color: #06C; text-decoration: underline;}
a:visited	{color: #666; text-decoration: underline;}
a:active	{color: #F90; text-decoration: underline;}
a:hover	{color: #F90; text-decoration: underline;}

.hide	{display: none;}
.nowrap	{white-space: nowrap;}

/* @group reset */

img	{display: block; border: 0;}
li	{list-style: none;}

input, textarea, select
{
	font-size: 10px;
	color: #000;
	background-color: #fff;
}

ul, li, a
{
	margin: 0px;
	padding: 0px;
}

/* @end */

/************************************************************************
 basic divisions
 ************************************************************************/

#head
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 145px;
	background-image: url(../_global/head_okt.jpg);
	background-repeat: no-repeat;
}

#mainnav
{
	position: absolute;
	top: 120px;
	left: 190px;
	width: 560px;
	\width: 560px; /* SBMHack IE5.x/win */
	w\idth: 560px; /* SBMHack escape friendly */
	height: 23px;
	\height: 23px; /* SBMHack IE5.x/win */
	h\eight: 23px; /* SBMHack escape friendly */
	padding: 0px 0px 0px 0px;
	background-color: #CCC;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FFF #FFF #999 #FFF;
}

#digits
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 190px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FFF #FFF #999 #FFF;
}

#subnavhead
{
	position: absolute;
	top: 145px;
	left: 0px;
	width: 174px;
	\width: 189px; /* SBMHack IE5.x/win */
	w\idth: 174px; /* SBMHack escape friendly */
	height: 15px;
	\height: 15px; /* SBMHack IE5.x/win */
	h\eight: 15px; /* SBMHack escape friendly */
	background-color: #EEE;
	padding: 4px 0px 0px 15px;
	border-width: 0px 1px 1px 0px;
	border-style: solid solid dotted solid;
	border-color: #FFF #EEE #999 #FFF;
}

#subnav
{
	position: absolute;
	top: 165px;
	left: 0px;
	width: 165px;
	\width: 190px; 	/* SBMHack IE5.x/win */
	w\idth: 165px; 	/* SBMHack escape friendly */
	padding: 5px 10px 0px 15px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color: #FFF #FFF #999 #FFF;
	background-image: url(../_global/subnav_back.gif);
}

#contnavhead
{
	position: absolute;
	top: 145px;
	left: 570px;
	width: 180px;
	\width: 180px; /* SBMHack IE5.x/win */
	w\idth: 180px; /* SBMHack escape friendly */
	height: 15px;
	\height: 15px; /* SBMHack IE5.x/win */
	h\eight: 15px; /* SBMHack escape friendly */
	background-color: #FFF;
	padding: 4px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color: #FFF #CCC #999 #FFF;
}

#contnav
{
	position: absolute;
	top: 165px;
	left: 570px;
	width: 180px;
	\width: 180px; 	/* SBMHack IE5.x/win */
	w\idth: 180px; 	/* SBMHack escape friendly */
	background-color: #FFF;
}

#content
{
	position: absolute;
	top: 145px;
	left: 0px;
	width: 760px;
	background-image: url(../_global/shadow_content.jpg);
}

#forum
{
	width: 730px;
	padding: 10px 10px 10px 10px;
	background-image: url(../_global/forum_pinestripe.gif);
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-bottom-width: 1px;
}

#footer /* floats in #content */
{
	width: 760px;
	background-image: url(../_global/shadow_content.jpg);
}

#shadow /* floats in #content */
{
	width: 760px;
	height: 10px;
	background-image: url(../_global/shadow_footer.jpg);
	background-repeat: no-repeat;
}

#devcheck
{
	display: none;
	position: absolute;
	top: 320px;
	left: 710px;
}

/************************************************************************
 banner divisions
 ************************************************************************/

#bannerbox
{
	position: absolute;
	top: 260px;
	left: 25px;
}


/************************************************************************
 navigation styles
 ************************************************************************/

#mainnav ul
{
	font-size: 14px;
	font-weight: normal;
	display: inline;
	margin-left: 0px;
	padding-left: 10px;
}

#mainnav ul li
{
	vertical-align: middle;
	padding: 5px 0px 0px 0px;
	list-style: none;
	display: inline;
}

#mainnav li a
{
	color: #333;
	text-decoration: none;
}

#mainnav li a:hover
{
	color: #FFF;
	text-decoration: none;
}

html>body #mainnav li a { width: auto; } /* Be nice to Opera 5 hack */

#subnav ul
{
	font-size: 12px;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}

#subnav ul li
{
	list-style: none;
	padding: 3px 0px 3px 12px;
	background-image: url(../_global/dot_nav_sub.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

#subnav ul li.first
{
	color: #333;
	list-style: none;
	padding: 3px 0px 3px 0px;
	background-image: url(../_global/subnav_back.gif);
}

#subnav li a
{
	color: #333;
	text-decoration: none;
}

#subnav li a:hover
{
	color: #06C;
	text-decoration: underline;
}

html>body #subnav li a { width: auto; } /* Be nice to Opera 5 hack */

/* content subnav (3rd-level) */

.contnav ul
{
	font-size: 11px;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}

.contnav ul li
{
	list-style: none;
	padding: 3px 0px 3px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted solid dotted solid;
	border-color: #FFF #FFF #999 #FFF;
	background-image: url(../_global/dot_nav_cont.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

.contnav li a
{
	color: #F90;
	text-decoration: none;
}

.contnav li a:hover
{
	color: #666;
	text-decoration: underline;
}

html>body .contnav li a { width: auto; } /* Be nice to Opera 5 hack */

/* content subnav (4th-level) */
.articlenav ul
{
	font-size: 11px;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}

.articlenav ul li
{
	list-style: none;
	padding: 2px 5px 2px 10px;
	background-image: url(../_global/dot_nav_art.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

.articlenav li a
{
	color: #06C;
	text-decoration: none;
}

.articlenav li a:hover
{
	color: #666;
	text-decoration: underline;
}

html>body .articlenav li a { width: auto; } /* Be nice to Opera 5 hack */

/* content subnav (4th-sublevel) */
.supportedhead
{
	font-size: 10px;
	color: #666;
	padding: 5px 0px 5px 0px;
}

.supportednav a
{
	font-size: 10px;
	color: #999;
	padding: 5px 0px 5px 10px;
	text-decoration: underline;
	line-height: 145%;
	background-image: url(../_global/dot_nav_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

.quickfind
{
	padding: 10px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color: #FFF #FFF #999 #FFF;
}


/************************************************************************
 content text styles
 ************************************************************************/

#content p,h1,h2,h3 { padding: 0px 210px 0px 200px; }

h1
{
	color: #06C;
	font-size: 18px;
	font-weight: bold;
	text-shadow: #999 2px 2px 2px;
}

h2
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 145%;
	text-shadow: #999 2px 2px 2px;
}

h3
{
	color: #06C;
	font-size: 12px;
	font-weight: bold;
	line-height: 145%;
}

p
{
	color: #333;
	font-size: 11px;
	font-weight: normal;
	line-height: 145%;
}

.textnorm
{
	color: #333;
	font-size: 11px;
	font-weight: normal;
	line-height: 145%;
}

.textbold
{
	color: #333;
	font-size: 11px;
	font-weight: bold;
	line-height: 145%;
}

.textmin
{
	color: #333;
	font-size: 10px;
	font-weight: normal;
	line-height: 145%;
}

.subhead
{
	color: #06C;
	font-size: 12px;
	font-weight: bold;
	line-height: 145%;
}


/************************************************************************
 content image styles
 ************************************************************************/
 
#content img
{
	/*\width: 346px;*/
	padding: 3px 3px 3px 3px;
	background-color: #FFF;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #999 #999 #999 #999;
}


/************************************************************************
 text styles
 ************************************************************************/

.orange
{
	color: #F90;
}

.navhead
{
	color: #06C;
	font-size: 11px;
	text-transform: uppercase;
}

.sublinks
{
	color: #006;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
}

.sublinks a:link	{color: #666; text-decoration: none;}
.sublinks a:visited	{color: #666; text-decoration: none;}
.sublinks a:active	{color: #666; text-decoration: none;}
.sublinks a:hover	{color: #06C; text-decoration: underline;}

.footer
{
	font-size: 11px;
	padding: 10px 0px 10px 200px;
}

.footer a:link		{color: #666; text-decoration: none;}
.footer a:visited	{color: #666; text-decoration: none;}
.footer a:active	{color: #666; text-decoration: none;}
.footer a:hover		{color: #06C; text-decoration: underline;}


/************************************************************************
 banner styles
 ************************************************************************/

.banner
{
	\width: 120px;
	padding: 3px 3px 3px 3px;
	background-color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC #CCC #CCC #CCC;
}

.bannerspace
{
	margin: 10px;
}

.textadbox { padding: 0px 210px 0px 200px; }

#adtext
{
	width: 320px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 8px 3px 5px;
	background-color: #EEE;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC #CCC #CCC #CCC;
}

#adtext a:link		{color: #666; text-decoration: none;}
#adtext a:visited	{color: #666; text-decoration: none;}
#adtext a:active	{color: #666; text-decoration: none;}
#adtext a:hover		{color: #F90; text-decoration: none;}

#adtext img
{
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color: #EEE;
}


/************************************************************************
 form styles
 ************************************************************************/

.form { padding: 0px 0px 0px 200px; }

.label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px 0px 2px 0px;
}

.input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	border-width: 2px 2px 2px 2px;
	border-color: #999 #CCC #CCC #999;
	border-style: solid;
}

.submit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	border-width: 2px 2px 2px 2px;
	border-color: #CCC #999 #999 #CCC;
	border-style: solid;
	background-color: #06C;
}

.select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 10px;
	font-weight: normal;
	border-width: 2px 2px 2px 2px;
	border-color: #CCC #999 #999 #CCC;
	border-style: solid;
}

.error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #C00;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 10px 3px 10px;
	border-width: 1px 1px 1px 1px;
	border-color: #C00 #C00 #C00 #C00;
	border-style: solid;
}

.okay
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #060;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 8px 3px 8px;
	border-width: 1px 1px 1px 1px;
	border-color: #060 #060 #060 #060;
	border-style: solid;
}


/************************************************************************
 misc rules
 ************************************************************************/

.divider
{
	padding: 5px 0px 5px 0px;
	background-image: url(../_global/divider.gif);
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

.footerdiv
{
	padding: 5px 0px 0px 0px;
	background-image: url(../_global/footer_div.gif);
	background-repeat: no-repeat;
	background-position: 200px 0px;
}

.space
{
	margin: 5px;
}

.pdflink
{
	padding: 0px 0px 0px 15px;
	background-image: url(../_global/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
}

.doclink
{
	padding: 0px 0px 0px 13px;
	background-image: url(../_global/icon_doc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.maillink
{
	padding: 0px 0px 0px 14px;
	background-image: url(../_global/icon_usr.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.extlink
{
	padding: 0px 0px 0px 14px;
	background-image: url(../_global/icon_ext.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.fwdlink
{
	padding: 0px 0px 0px 14px;
	background-image: url(../_global/icon_fwd.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.backlink
{
	padding: 0px 0px 0px 14px;
	background-image: url(../_global/icon_back.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}


/************************************************************************
 experimental section
 ************************************************************************/

#imagetest
{
	position: absolute;
	top: 240px;
	left: 30px;
}


/************************************************************************
 the end...
 ************************************************************************/