html
{
	background-color: #ebebeb;
	
	font: normal 12px "Trebuchet MS", Verdana, "Lucida Grande", Georgia, Sans-Serif;
}

/* Links */

a {font-weight: bold;}

a:link { color: #336699; text-decoration: none; border-bottom-color: #336699; }

a:visited { color: #5588aa; text-decoration: none; border-bottom-color: #5588aa; }

a:hover, a:active { color: #ad5b1e; text-decoration: none;}

p.align-justify {text-align: justify;}

div.indent{padding: 15px;}

/* Html Elements */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 5px 0 10px; padding: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	font-weight: normal;
}

h1 { font-size: 30px; }

h2 { font-size: 26px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

ul, ol, blockquote, pre
{
	color: #000000;
	padding: 10px 30px;
	line-height: 1.8em;
}

ul
{
	list-style-type: disc;
	list-style-image: inherit;
	list-style-position: inside;
}


li{
	list-style-type: inherit;
	list-style-position: inside;
}

ul ul{
	list-style-type: circle;
}


blockquote, pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

ins { text-decoration: none; color: #466b85; }

p { margin: 0;}

del { color: #555555; }

/* Structure */

body
{
	width: 1000px;
	margin: 0 auto;
	text-align:center;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: url(images/body_bg.jpg);
}

#clearer
{
        clear: both;
        margin-bottom: 25px;
}

#header { float: left; width: 100%; clear: both; margin-top: 0px; }

#container
{
	width: 850px;
	text-align:left;
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin: 0 auto;
}

/*********************************************************************************
 *	Header.
 *********************************************************************************/

#header h1
{
	padding: 10px 10px;
	float: left;
	width: 150px;
	margin:0 0 0 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#header h1 img{
        border-right: 1px dotted #333333;
        width: 150px;
}

#header h1 a:hover,
#header h1 a:active
{
	border-bottom-width: 0;
}

#header h2 img
{
	float: left;
	width: 150px;
	font-size: 15px;
        padding-top: 10px;
	text-transform: uppercase;
	text-align: left;
}

#header #search
{
	float: right; 
}

#header #search input
{
        margin: 0 10px 0 0;
	border: 1px solid #999999;
	background-color: #f5f5f5;
}

#header #search input:hover
{
	background-color: #e5e5e5;
	border: 1px solid #777777;
}

#header #search img
{
	padding: 0 0px;
	float: left;
	width: 150px;
	margin:0 0 0 0px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


/*********************************************************************************
 *	Navigation.
 *********************************************************************************/

#navigation { float: left; width: 100%; clear: both; }

#navigation ul
{
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 0px;
	list-style-type: none;
	background-color: #58ACFA;

}

#navigation li { float: left; }

#navigation a:link,
#navigation a:visited
{
	float: left;
	display: block;
	color: #424242;
	padding: 3px 10px;
}

#navigation a:hover
{
	color: #424242;
	background-color: #A9D0F5;
}
#navigation li.active
{
	color: #424242;
	background-color: #A9D0F5;
}

/**************************
* Navigation Teaching
**************************/

#navigation ul#teaching
{
	padding: 0;
	width: 100%;
	float: left;
	list-style-type: none;
	background-color: #FF9933;
}

#navigation ul#teaching a:hover
{
	color: #424242;
	background-color: #F7BE81;
}

#navigation ul#teaching li.active
{
	color: #424242;
	background-color: #F7BE81;
}

/**************************
* Navigation Research
**************************/


#navigation ul#research
{
	padding: 0;
	width: 100%;
	float: left;
	list-style-type: none;
	background-color: #66CC33;
}

#navigation ul#research a:hover
{
	color: #424242;
	background-color: #BEF781;
}

#navigation ul#research li.active
{
	color: #424242;
	background-color: #BEF781;
}

/*********************************************************************************
 *	Subnavigation.
 *********************************************************************************/

#subnavigation { float: left; width: 100%; height: 30px; clear: both; }

#subnavigation ul
{
	padding: 0;
	float: left;
	margin: 0 0 0px;
	width: 100%;
	list-style-type: none;
	background-color: #A9D0F5;
}

#subnavigation li { 
        float: right;
 }

#subnavigation a:link,
#subnavigation a:visited
{
        float: left;
	display: block;
	padding: 3px 20px;
	color: #424242;
	border-bottom-width: 0;
}

#subnavigation a:hover
{
	color: #424242;
	background-color: #58ACFA;
}

#subnavigation li.active
{
	color: #424242;
	background-color: #58ACFA;
}


/**********************************
* Subnavigation Teaching
*********************************/

#subnavigation ul#teaching
{
        margin: 0 0 0px;
	padding: 0;
	float: left;
	width: 100%;
	list-style-type: none;
	background-color: #F7BE81;
}

#subnavigation ul#teaching a:hover
{
	color: #424242;
	background-color: #FF9933;
}

#subnavigation ul#teaching li.active
{
	color: #424242;
	background-color: #FF9933;
}


/**********************************
* Subnavigation Research
*********************************/

#subnavigation ul#research
{
        margin: 0 0 0px;
	padding: 0;
	float: left;
	width: 100%;
	list-style-type: none;
	background-color: #BEF781;
}

#subnavigation ul#research a:hover
{
	color: #424242;
	background-color: #66CC33;
}

#subnavigation ul#research li.active
{
	color: #424242;
	background-color: #66CC33;
}


/*********************************************************************************
 *	Banner.
 *********************************************************************************/

#banner { clear: both; position: relative; height: 200px; background-color: #41627E; }

/*********************************************************************************
 *	Wrapper.
 *********************************************************************************/

.col { width: 250px; float: left; margin: 0 0px 0 0; text-align: left; }

.col ul { margin: 0 0 0 15px; padding: 0; line-height: 1.5em;  }

.col li { padding-bottom: 10px; }

.col h3 { font-size: 13px; padding: 5px 10px; margin-top: 20px; }

h1.csc-firstHeader { font-size: 16px; padding: 5px 10px; margin-top: 20px; font-variant: small-caps;}

#wrapper 
{ 
      text-align: left;
      padding: 50px 20px;
}







/*********************************************************************************
 *	Links.
 *********************************************************************************/

#leftcol h1.csc-firstHeader,
#leftcol h3 
{
	background-color: #58ACFA;
}

#leftcol a:hover, #leftcol a:active 
{ 
         color: #0174DF; 
         border-bottom-color: #0174DF; 
         text-decoration: dotted;
}

#leftcol a:link, #leftcol a:visited 
{ 
         color: #0174DF; 
         border-bottom-color: #0174DF; 
         text-decoration: none;
}




/*********************************************************************************
 *	Mitte.
 *********************************************************************************/

#centercol{
           
           padding: 0 20px;
}

#centercol a:link { color: #FF9933; border-bottom-color: #FF9933; } 

#centercol a:visited { color: #FF9933; border-bottom-color: #FF9933; } 

#centercol h1.csc-firstHeader,
#centercol h3
{
	background-color: #FF9933;
}

/*********************************************************************************
 *	Rechts.
 *********************************************************************************/

#rightcol a:link { color: #5FB404; border-bottom-color: #5FB404; }

#rightcol a:visited { color: #5FB404; border-bottom-color: #5FB404; }

#rightcol h1.csc-firstHeader,
#rightcol h3
{
	background-color: #BEF781;	
}

/*********************************************************************************
 *	Newscol.
 *********************************************************************************/
 
.largecol { width: 790px; float: left; margin: 0 0px 0 0; text-align: left; }


#newscol h1.csc-firstHeader
{
	background-color: #58ACFA;
}

#newscol a:hover, #leftcol a:active 
{ 
         color: #0174DF; 
         border-bottom-color: #0174DF; 
         text-decoration: dotted;
}

#newscol a:link, #leftcol a:visited 
{ 
         color: #0174DF; 
         border-bottom-color: #0174DF; 
         text-decoration: none;
}


/*********************************************************************************
 *	Footer.
 *********************************************************************************/

#footer
{
	clear: both;
	color: #666666;
	padding: 20px 0 15px;
	text-align: center;
	border-bottom: 1px double #000000;
}

#footer a:link { color: #5588aa; border-bottom-color: #5588aa; }

#footer a:visited { color: #77bbdd; border-bottom-color: #77bbdd; } 

#footer a:hover, #footer a:active { color: #336699; border-bottom-color: #336699; }

#footer p { margin: 5px 0; }