@charset "utf-8";


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

	Stylesheet fuer Website www.perspektive-rlp.de

	Kunde: Institut für sozialpädagogische Forschung (ISM)
	Datum: 04. April 2010
	Autor: Alexander Metzler [a-fusion] new.media.design --> abgewandelt durch Dagmar Vogel

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


/*  ====================================
	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:#666666;
		background-color: #fff;
		background: url(../img/body_bg.png) repeat-y;
		
}

h1 {color:#f09a16; font-size:180%; padding:10px 0; font-weight:normal;}
		
h2 {color:#858585;font-size:135%; 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:link{color:#97a641;} 
a:visited {color:#555555;}
a:hover, a:focus {outline: none;}
a:active {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 {
		display:none;
		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%; margin: 30px 40px 0 0; display:inline}
		#seknav ul li {float: left; list-style:none; border-right: 1px solid #8f8f8f; }
		#seknav ul li a {
			text-decoration:none;
			padding: 0 7px 0 7px;
			color: #8f8f8f;
			}				 
		

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

		#nav {float: left; width:790px; margin-bottom: 40px; background: #f09a16;}
		#nav ul {margin: 0 0 0 20px;}
		#nav ul li {float: left; list-style:none; padding: 8px 0;}
		#nav ul li a {
			color:#fff;
			text-decoration:none;
			padding: 0 25px 0 0;
			font-weight:bold;
			}
		#nav ul li a.active {color:#fff;}
		
		
  /* 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:15px; display:inline /*border:1px solid #0F3*/ }
  		.subnav {margin-top:30px;}
		.subnav li {list-style:none; margin: 8px 0;}
		.subnav a {text-decoration: none}
		.subnav a:visited {color:#97a641;}
  
  #content_main {
	float: left;
	width: 435px;
	margin-left:10px;
	display:inline
	/*border:1px solid #0F3;*/
	font-family: inherit;
}

	 #content_main img {
	 border: #9d9d9d 1px solid;}
	
	#content_main ul {padding: 0 0 0 45px;}


  #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-top: 4px; padding: 5px 0; width:790px; background:#f09a16;}