/* <style type="text/css"> */

/* ---------------------
| Rahmenformatierungen |
--------------------- */

body {
margin : 50px 0 0 0;
padding : 0;
background-color:#000000;
background-repeat:no-repeat;
}

div#div_flash {
	position: absolute;
	top: -52px;
	right: -27px;
}

object#sirona {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}


object#sirona param {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}


div#position {
	width: 750px;
	margin:auto;
}

div#container {
padding : 0 0 0 10px;
margin: 0px 0 0 0;
width : 700px;
float: left;
position: relative;
}

div#head {
width : 700px;
height: 145px;
position: relative;
margin:0;
padding: 0;
float: left;
}

div#emotion_pic {
	width: 514px;
	height: 64px;
	float: left;
	margin: -35px 0 0 13px;

}

div#middle {
width: 700px;
padding: 21px 0 0 0;
margin: 0;
float: left;
background-image:url(../_gfx/bg_border_left.jpg);
background-position:left;

}


	div#content {
	width : 480px;
	padding : 0 40px 35px 15px;
	margin: 0;
	float : left;
	min-height: 300px;
	}

	
	div#column {
		width: 165px;
		float: left;
		position: relative;
		margin: 0px 0 0 0;
		padding: 0 0 0 0;
	}
	
div#footer {
position: absolute;
width: 730px;
height: 20px;
left:-20px;
bottom:0px;
background-repeat:repeat-x;
background-position:bottom;
background-image: url(../_gfx/bg_border_bottom.jpg);
z-index:1;
}

div.aussen{
position:relative;
width:490px;
height:110px;
background-color:#333;
margin:10px 0 0 0;
float:left;
border:1px solid #4F4F4F;
}
	
div.innen_links{
position:relative;
width:200px;
height:85px;
background-color:#fff;
float:left;
z-index:1;
margin: 13px 0 0 10px;
}

div.innen_rechts{
position:relative;
width:260px;
height:85px;
background-color:#333;
color:#FE9900;
float:left;
text-align:left;
margin: 12px 0 0 0px;
padding: 0 0 0 15px;
}

div.aussen_team{
position:relative;
width:413px;
height:130px;
background-color:#333;
margin:10px 0 0 0;
float:left;
border:1px solid #4F4F4F;
}
	
div.innen_links_team{
position:relative;
width:100px;
height:100px;
background-color:#fff;
float:left;
z-index:1;
margin: 13px 0 0 10px;
}

div.innen_rechts_team{
position:relative;
width:260px;
height:85px;
background-color:#333;
color:#FE9900;
float:left;
text-align:left;
margin: 12px 0 0 0px;
padding: 0 0 0 15px;
}

div#meinText{
	border:1px solid #FE9900;
	width:350px;
	height:350px;
	margin: 0 0 10px 0; 
}

div#meinText_2{
	position:relative;
	border:1px solid #7f7f7f;
	background-color:#333;
	width:300px;
	height:300px;
	margin: 10px 0 10px 23px; 
}

div#meinText_background{
	background-color:#333;	
	width:350px;
	height:410px;
	border: 1px solid #545454;	
	margin: 0 0 0 23px;
}

div#meinText_background p{
	margin: 5px 0 0 0;
	text-align:center;
}

div#smallpics_block1 {
	position:relative;
	text-align:center;
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	background-color:#3f3f3f;
	padding: 2px;
	height:58px;
}

div#hover_pics{
top:-250px;	
position: absolute;
}

div#navi{
	position: absolute;
	top: 0;
	left:8px;
	z-index: 400;
}


	
/* ----------------
| Haupt-Navigation |
------------------ */
	body {font-family:arial; font-size:12px;}
	/* remove the list style */
	
	#nav {
	position: relative;
	margin:180px 0 0 13px;
    padding:0;
	width:700px;
    list-style:none;
	
	}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        width:103px;
        background:#333;
        position:relative;
        z-index:500;
        margin:0 1px;
		
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        padding:8px 5px 0 5px;
        font-weight: bold; 
        height:20px;
        text-decoration:none;
        color:#ccc;
        text-align:left;
		font-size:12px;
    }
 
    #nav li a:hover {
        color:#fff;
    }
    
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute;
            left:0;
			display:none;
            margin:0 0 0 -1px;
            padding:0;
            list-style:none;
			z-index:200;
        }
         
        #nav ul li {
            width:103px;
			height:30px;
            float:left;
			border-top: solid 1px #000;
			opacity: 0.95;
        }
		
		 ul#nav li ul li{
			 background-color: #222;			 
        }
		
		 ul#nav li ul li a{
			 text-decoration: none;
			 color: #ccc;
			 
        }         
        /* display block will make the link fill the whole area of LI */
		
        #nav ul a {
            display:block; 
            height:15px;
            padding: 8px 5px;
            color:#eee;
			font-size:10px;
        }
         
        #nav ul a:hover {
            text-decoration:none; 
        }
		
		#nav li ul li a{
			background-color:#444;
		}
		
		#nav li ul li {
			background-color:#444;
			border-top:1px solid #444;			
		}

		#nav li.active a{
			color:#FE9900;
			text-decoration: none;
		}
		
		#nav li.active ul li a{
			color:#eee;
			text-decoration: none;
		}
		
			#nav li.active ul li a:hover{
			color:#fff;
			text-decoration: none;
		}
		
		#nav li.active ul li.active2 a{
			color:#FE9900;
			text-decoration: none;
		}
		
		

		
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}

/* ------------------
| Text-Formatierung |
--------------------*/

div#content h1 { 
margin: 40px 0 30px 0;
padding: 0;
font-family: Arial, Helvetica, sans serif;
font-size : 18px;
color: #fff;
}

div#content h2 { 
margin: 37px 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans serif;
font-size : 14px;
color: #FE9900;
}

div#content h3 { 
margin: 4px 0 0 0;
font-family: Arial, Helvetica, sans serif;
font-size : 14px;
color: #FE9900;
}

div#content h3 a{ 
margin: 4px 0 0 0;
font-family: Arial, Helvetica, sans serif;
font-size : 14px;
color: #FE9900;
}

#content p {
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #fff;
margin: 0px 0 0 0;
}

#content p a{
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #fff;
margin: 0px 0 0 0;
}

#content a{
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #fff;
margin: 0px 0 0 0;
}

div#content ul li {
	color:#FE9900;
	font-size: 12px;
	list-style-type:disc;
}

div#content ul li p{
	color:#fff;
	font-size: 12px;
}

div#content ul {
	margin: 0 0 0  15px;
	padding: 0;
}

div#column h2 { 
margin: 7px 0 10px 0;
padding: 0;
font-family: Arial, Helvetica, sans serif;
font-size : 14px;
color: #d7b518;
}

div#column p { 
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #333333;
padding: 0;
margin: 0;
}

span.span_color{
	color:#FE9900;
}

/* ------------------
| Link-Formatierung |
--------------------*/

a img {
border: 0px none #000;
}

div#content ul li p a {
	color:#555555;
	text-decoration:  none;
}
a.buttonmail {
	font-size: 12px;
	font-family: Arial, Helvetica, sans serif;
	text-decoration: none;
}

/* ------------------
| Bild-Formatierung |
------------------- */
img#logo {
position: absolute;
top: 38px;
z-index:1;
}

img#dgzi {
position: absolute;
bottom:-23px;
left: 25px;
width: 71px;
height: 21px;
}

img#kurrikulum{
position: absolute;
bottom:-22px;
left: 170px;
width: 140px;
height: 19px;
}

img#dgzi:hover {
}

img#lesehilfe {
position: absolute;
bottom:-13px;
left: 430px;
}

img#email {
position: absolute;
bottom:-11px;
left: 670px;
}

img#print {
position: absolute;
bottom:-12px;
left: 500px;
}

img#cps {
position:relative;
margin: 110px 0 0 -20px;
}

img#left_border {
position:absolute;
left: 30px;
bottom: -20px;
}

img#left_border_2 {
position:absolute;
left: 0px;
top:67px;
}

img#adresse{
position: absolute;
right:-30px;
top:-250px;
}

img#mediworkx {
position: absolute;
bottom: 290px;
right: -25px;
}

img#title_pic {
	position: absolute;
	width: 519px;
	height: 23px;
	z-index:10;
	
 top:240px;}

img#title_pic_oeffnung {
	position: absolute;
	top:235px;
	width: 519px;
	height: 23px;
	z-index:10;
}

img#title_pic_anliegen {
	position: absolute;
	top:235px;
	width: 519px;
	height: 23px;
	z-index:10;
}

img#content_pic {
	position:absolute;
	right:0px;
	bottom:0px;
	width:183px;
	height:255px;
	}
	
	
img#content_pic_finanzierung {
position:absolute;
right:0px;
bottom:0px;
width:160px;
height:255px;
}

img#content_pic_zirkon {
position:absolute;
right:0px;
bottom:0px;
}

img#arrows_left{
position: absolute;
left: 2px;
top:20px;
}

img#arrows_right{
position: absolute;
right: 2px;
top:20px;
}

img#facebook{
position:absolute;
left:116px;
bottom:-22px;
z-index:100;
}

/* ------------------------
| Allgemeine-Formatierung |
------------------------- */

/* ------------
| Adminbereich |
-------------- */

/* --------------------
| Tabellenformatierung |
---------------------- */

div#content form#contactform table tr td.formtext {
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #dddddd;
padding: 8px 0 8px 0;
}

div#content form#contactform table tr td input{
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #333333;
}

div#content form#contactform table tr td select{
font-family: Arial, Helvetica, sans serif;
font-size : 12px;
color: #333333;
}

div#content form#contactform table tr td textarea{
width: 339px;
height: 110px;
}