﻿
body  { color: #6B6B6B; font-size: 10px; 	font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;  background-color: white; margin: 0 ;text-align:center}

p,td,input,select,textarea  { color: #6B6B6B; font-size: 10px; 	font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

h1
{
	font-size: 11px; font-weight:bold;
	color: #555555; 
	font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-top:8px;
	margin-bottom:8px;

}
h2
{
	font-size: 11px;
	color: #555555; 
	font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	margin-top:8px;
	margin-bottom:8px;

}

/*
td  { color: #000; font-size: 11px; 	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
input { color: #000; font-size: 11px; 	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
select { color: #000; font-size: 11px; 	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
textarea { color: #000; font-size: 11px; 	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
*/

#outercontainer
{

	}

#horizon        
	{
		
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}


#site 
{
	margin-left: -430px;
	position: absolute;
	top:-308px;
	left: 50%;
	width: 860px;
	height: 616px;
	
/*
    position:relative;
	width: 860px;
	height: 616px;
	margin: 0px auto;
	margin-top:30px;*/
}


#navi {
    position:absolute;
	top:312px;
	left:0px;
	width: 130px;
	height: 245px;
	margin-left: 0px;
	background-color:#fff;
	padding:0px;
}


#mitte {
    position:relative;
	left:0px;
	width: 600px;
	height: 616px;
	margin: 0px auto;
}

#empty {
    position:absolute;
	top:20px;
	left:680px;
	width: 130px;
	height: 616px;
	margin-right: 0px;
	background-color:#fff;
}

#logo {
    position:absolute;
	right:0px;
	background-color:#fff;
}

#pic_pane {
    position:absolute;
	top:30px;
	left:0px;
	height:266px;
	width:600px;
	background-color:#E7E7E7;
	margin:0px;
}
#img_pane
{
	filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;
}

#space  { position: absolute; top: 296px; left: 0; width: 600px; height: 16px }


#content {
    position:absolute;
	top:312px;
	left:0px;
	height:266px;
	width:600px;
	background-color:#E7E7E7;

}

#content a  { 
	color: #8d8d8d; 
	text-decoration: underline; 
	display: block; 
}

#content a:hover, #menu .active a  { 
	color: #333333; 
	text-decoration: underline; 
}

#bottom {
    position:absolute;
	top:585px;
	left:0px;
	height:20px;
	width:600px;
	text-align:right;
	color: #8d8d8d; 
}

#bottom a  { 
	color: #8d8d8d; 
	text-decoration: none; 
}

#bottom a:hover, #menu .active a  { 
	color: #333333; 
	text-decoration: none; 
}


/* Projekte */


#projekte       { text-align: left; margin: 13px 0 0 12px; width: 120px }


#projekte ul         { 
color: #787878; 
font-size: 9px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
line-height: 1.7em; 
letter-spacing: 0.1em; 
list-style-type: none; 
list-style-position: outside; 
margin: 0; 
padding: 0 }


#projekte li { 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
margin: 0 }


#projekte a      { 
color: #8d8d8d; 
text-decoration: none; 
display: block; 
padding-left: 8px }



#projekte a:hover, #projekte .active a     { 
color: #585858; 
text-decoration: none; 
background-position: 0 1px; 
list-style-type: none;
padding-left: 0;

}

#projekte a:hover:before  { 
content: "[ "attr(id);
margin-left: 0px
}


#projekte a:hover:after  { 
content: " ]"attr(id);
margin-left: 0px
}


/* Menu */


#menu  {
   width:110px;                   /* Breite des Bereichs */
   text-align:right;               /* Textausrichtung     */
   margin-top:10px;               /* Au§enabstand oben   */
   margin-bottom:10px;            /* Au§enabstand unten  */
   margin-left:0px;              /* Au§enabstand links  */
   margin-right:15px;             /* Au§enabstand rechts */
}

#menu ul   { 
	margin:0;
	padding:0;
	color: #787878; 
	font-size: 11px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	line-height: 2; 
	letter-spacing: 0.1em;
	list-style: none }

#menu li  { 
	
	margin:0;
 	padding:0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	display: inline; 
}

#menu a  { 
	color: #8d8d8d; 
	text-decoration: none; 
	display: block; 
}

#menu a:hover, #menu .active a  { 
	color: #333333; 
	text-decoration: none; 
}

#menu .selected
{ 
	color: #333333; 
	text-decoration: none; 
}


div.home {
	width: 61px; 
	height: 17px;
	float:right;
	margin-right:15px;
}

div.home a  {
	display: block;
	margin: 0; 
	padding:0;
	width:100%; 
	height:100%;
	overflow:hidden;
}

div.home a { 
    background: url(btnHome.gif) 0 0 no-repeat; 
}

div.home a:hover  { 
    background: url(btnHome.gif) 0 -17px no-repeat; 
    
}


/* Inhalt */

#inhalt  { text-align:left; margin-bottom:15px;	border:1px dotted silver; padding: 0; position: absolute; right: 0; bottom: 0; width: 330px; height: 10px }
#outercontainer  { text-align:left;  margin-bottom:15px; padding:10px; position: absolute; right: 0; bottom: 0; width: 600px;		}


/* aufzaehlerboxen */

#boxen    { background-color: transparent; text-align: right; position: absolute; top: 13px; right: 18px; width: 200px; height: 7px }
#box_on    { background-image: url(Bilder/box_off.gif); background-repeat: no-repeat; background-position: 0 0; display: inline; padding: 0 0 0 15px; right: 0; bottom: 0; border-right: 20px }
#box_on a  { background-image: url(Bilder/box_off.gif); background-repeat: no-repeat; background-position: 0 0 }
#box_on a:hover, #box .active a  { background-image: url(Bilder/box_off_hover.gif); background-repeat: no-repeat; background-position: 0 0 }





.cmslinklist
{
	margin-bottom:8px;
	margin-top:8px;
}
.cmssimpletext
{
	margin-top:3px;
}
.cms_trennung_mitte
{
	margin-top:10px;
	margin-left:290px;
	width:275px;
}
.cms_trennung_links
{
	border:0px solid black;
	margin-top:10px;
	margin-left:215px;
	width:365px;
	padding-right:20px;
}
