@charset "utf-8";


/*	==================================

	Stylesheet fuer Website www.tgecgh.de

	Kunde: Institut für sozialpädagogische Forschung (ISM)
	Datum: 25. Januar 2010
	Autor: Alexander Metzler [a-fusion] new.media.design

	==================================*/


/*  ====================================
	1. Kalibrierung und allgemeine Styles
	====================================*/
	

/* CSS resetting work is done by famous Eric Meyer ------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}




body {
		font-family: Verdana, Geneva, sans-serif;
		font-size: small;
		color: #616161;
		background-color: #fff;
		background: url(../img/body_bg.png) repeat-y;
		
}

h1 {color:#aaa847; font-size:180%; padding-bottom:10px; font-weight:normal; vertical-align:text-top;}
		
h2 {color:#7f7f7f; font-size:130%; padding:10px 0; font-weight:normal}
	
h3 {}

hr {margin: 15px 0px; height: 0; border-bottom: 1px solid #d8d8d8;}

p {margin: 15px 0 15px 0; line-height:1.4em}

a {color:#aaa847;}
a:visited {}
a:active {outline: none;}
a:hover, a:focus {outline: none;}


/*	====================================
	2. Layoutbereich
	====================================*/
	
#wrapper {
		position: relative;
		margin-right: auto;
  		margin-left: auto;
  		width: 817px;
		}
  		
#box {
		float: left;
		width: 100%;
		/*border: #666 1px solid;*/
		margin:25px 0 25px 0;
		}
  	
	
#header {
		postition: absolute;
		background: url(../img/header.png) no-repeat;
		height:161px;
		}
		
* html #header {background: url(../img/header.gif) no-repeat}
		
#froggy {
		position:relative;
		left:761px;
		top:172px;
		width:120px;
		height:170px;
		z-index:1;
		}

* html #froggy {display:none}
		

		
  /* ====================================
	2.1. Sekundärnavigation
	====================================*/ 
	
		#seknav {float: right; font-size:85%; color: #999; margin: 30px 40px 0 0; display:inline}
		#seknav ul li {float: left; list-style:none; border-right: 1px solid; }
		#seknav ul li a {
			text-decoration:none;
			padding: 0 7px 0 7px;
			color: #999;
			}

  /* ====================================
	2.2. Hauptnavigation
	====================================*/

		#nav {float: left; width:790px; margin-bottom: 40px; border-top:4px solid #e5e016; border-bottom:1px solid #e5e016;}
		#nav ul {margin: 0 0 0 20px;}
		#nav ul li {float: left; list-style:none; padding: 8px 0;}
		#nav ul li a {
			text-decoration:none;
			padding: 0 25px 0 0;
			font-weight:bold;
			}
		#nav ul li a.active {color:#999}
		
		
  /* ENDE Navigation */
  
  #contentbox {float: left; width:100%; background:url(../img/content_bg.jpg) repeat-y; padding-bottom:40px}
  
  #content_left {float: left; width: 145px; margin-left:25px; display:inline /*border:1px solid #0F3*/ }
  		.subnav {margin-top:30px;}
		.subnav li {list-style:none; margin: 8px 0;}
		.subnav a {text-decoration: none}
		
		.subnav ul li a {
			padding: 0 0 0 14px;
			font-size:85%;
			}
			
  #content_left img {padding: 5px 0 0 0;}
		
  
  #content_main {
	float: left;
	width: 435px;
	/*margin-left:10px;*/
	display:inline
	/*border:1px solid #0F3;*/
	font-family: inherit;
}
	
	#content_main ul {padding: 0 0 0 45px;}
	
	#content_main img {border-bottom: 6px solid #e5e016;}


  #content_right {float: left; width: 175px; margin-left:10px; display:inline /*border:1px solid #0F3*/}
  
  #slidebox {background:url(../img/sponsorenbox.jpg) no-repeat; width:165px; height:650px; text-align:center}
  #slidebox p {font-size:85%; padding: 10px 0 10px 0; margin:0;}
  #slidebox img {margin:5px 0 20px 0;}
  
  
  
  #footer {float: left; width:820px; height:50px; text-align:center; font-size:85%; background:url(../img/footer.png) no-repeat; color:#FFF;}
  * html #footer {background: url(../img/footer.gif) no-repeat}
  .footer {float: left; margin: 4px 0 0 1px; padding: 5px 0; width:789px; background:#d1cd1f;}