/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:

 img, div { behavior: url(/local/stylesheets/iepngfix.htc) }
 
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */



/**********************************************
	Global Elements
**********************************************/

/* html, */
body {
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 100.01%;
	font-family: tahoma, arial, verdana, sans-serif;
	color: #000000;
	background-color: #dcf0c8;
	background-color: #fff;
}


#main {
	margin: auto;
	width: 720px;
	font: normal 1em tahoma, arial, verdana, sans-serif;
}

img {
	border:none;
}

.transparent8 {
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity:0.8;		
}


/**********************************************
	Content Elements
**********************************************/

#content {
    margin: 0 0 0 0;
}

#content .cboth {
	clear: both;
}

#content .cright {
	clear: right;
}

#content .cleft {
	clear: left;
}

#content .contentcleft {
	clear: left;
	margin-bottom:10px;
}

#content .contentmb90 {
	margin: 0 0 0 85px;
}

#content .contentpt10 {
	padding: 10px 0 0 0;
}

.hidden,
#content .hidden { /* Für Elemente, die zwar vorhanden sein, aber nicht angezeigt werden sollen */
	visibility: hidden;
	font-size: 0;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}

#content .privat { /* flag_public */
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity:0.8;		
}


/**********************************************
	Columns
**********************************************/

#content div.lefthalf {
	width:487px;
	float:left;
	margin: 0 6px 0 0;
}

#content div.righthalf {
	width:487px;
	float:left;
	margin: 0 0 0 0;
}

#content div.leftcolumn {
	width:200px;
	float:left;
	margin: 0 6px 0 0;
}

#content div.middlecolumn {
	width:604px;
	float:left;
	margin: 0em 15px 2em 0em;
}

#content div.rightcolumn {
	width:164px;
	float:left;
	margin: 0 0 0 0;
}




/**********************************************
	Header
**********************************************/

#content h1, 
#content h2, 
#content h3,
#content h3 {
	font-weight: bold;
}


#content h1 {
    margin-top: 0em;
    margin-bottom: 0.4em;
    font-size: 300%;
    font-family: tahoma, arial, verdana, sans-serif;
    color: #000;
}


#content h2 {
    margin-top: 0em;
    margin-bottom: 0.8em;
    font-size: 150%;
    font-family: tahoma, arial, verdana, sans-serif;
	color: #000;
}

#content h3, h4, h5, h6 {
   	margin-top: 0em;
    margin-bottom: 0.4em;
    font-size: 110%;
    font-family: tahoma, arial, verdana, sans-serif;
    color: #000;
}


#content h1.imma,
#content h2.imma,
#content h3.imma {
	color: #e68626;
}

#content h1.kibs,
#content h2.kibs,
#content h3.kibs {
	color: #3c700d;
}

/**********************************************
	Text-Content
**********************************************/


#content p {
    margin: 0em 0em 1.5em 0em;
}

#content p.imma {
   color: #e68626;
}

#content p.kibs {
   color: #3c700d;
}

#content p.smalltext {
	font-size:90%;
}


#content address {
	font-style: normal;
}

#content acronym {
	border-bottom: 1px dotted #673b15;
}

#content blockquote,
#content q {
	font-style: italic;
}

#content cite {
	color: ;
	padding: 0em 0.1em 0em 0.1em;
	background-color: #fcefb9;	
}

#content .unterstrichen { /* divs auf der Startseite mit Seperator*/
	border-bottom: 1px solid #B5BBBF;
	padding-bottom: 0.3em;
	margin-bottom: 0.4em;
	margin-left: 0em;
	clear: both;
}




/*
#content ul  { 
	list-style-type: square;
	margin: 0em 0em 1.5em 0em;
	padding-left: 0em;
}*/


#content ul,
#navteaserarea ul { 
	list-style-type: square;
	list-style-image:url(/images/interface/square.gif);
	margin: 0em 0em 1.5em 0em;
	padding-left: 1.5em;
	display:table;
}
/* IE& only */
 * html b\ody #content ul { zoom:100%; }  


#content ul.paragraph {
	list-style-type: square;
	margin: 0em 0em 0em 1.5em;
	padding-left: 0em;
}

#content ol,
#navteaserarea ol { 
	margin: 0em 0em 1.5em 1.5em;
	padding-left: 0em;
}

#content ul li, 
#content ol li,
#navteaserarea ul li,
#navteaserarea ol li { 
	font-family: tahoma, arial, verdana, sans-serif; 
	margin-bottom: 0.1em; 
} 

/* uls werden bei flaot left nicht korrekt dargestellt, dieser fix loest das problem */
.floatfix { display:table; margin: 0px; }  
/* IE& only */
 * html b\ody .floatfix { zoom:100%; }  

#content hr {
	color:#bcbcbc;
	background-color:#bcbcbc;
	border:1px solid #bcbcbc;
	height:1px;
	clear: both;
}

/**********************************************
	Links
**********************************************/

a,
a:link { 
	color:#000;
	text-decoration: underline;
}
a:visited {
	color:#000;
	text-decoration: underline;
}
a:hover {
	color:#000;
	text-decoration: none;
}
a:active {
	color:#000;
	text-decoration: none;
}

a:focus, a:active {
	outline: none;
}

/**********************************************
	Table
**********************************************/

#content table {
	width:98%;*/
	margin-bottom: 1.5em;
	/**/border: 1px solid #1f1a17;
}

#content table td.imma {
   color: #e68626;
}

#content table td.kibs {
   color: #3c700d;
}

#content thead th {
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight:bold;
	text-align: left;
	color: #673b15;
	vertical-align: top;
    margin:0px;
    background-color: #fff;
    border-bottom: 1px solid #673b15;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

#content tfoot td {
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight:normal;
	text-align: left;
	color: #673b15;
	vertical-align: top;
    margin:0px;
    background-color: #fff;
    border-bottom: 1px solid #673b15;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

#content tbody td,
#content table td {
	font-family: tahoma, arial, verdana, sans-serif;
	text-align: center;
	vertical-align: top;
	color: #000;
	border-bottom: 1px solid #fff;
	padding: 0.1em 0.4em 0.1em 0.4em;
}

/*  Absätze in Tabellen werden mit dieser Einstellung nicht mehr kleiner dargestellt */
#content td p {
    font:  tahoma, arial, verdana, sans-serif;
}




/**********************************************
Formfields
**********************************************/

/*
dotted = gepunktet.
dashed = gestrichelt.
solid = durchgezogen.
double = doppelt durchgezogen.
groove = 3D-Effekt.
ridge = 3D-Effekt.
inset = 3D-Effekt.
outset = 3D-Effekt.
*/


#content div.missionmessage,
#content div.missionmessageerror,
#content div.missionmessagesuccess {
	margin-top: 6px;
	color: #fff;
	background-color: #7b1900; 
	
}

#content div.missionmessage {

}

#content div.missionmessagesuccess {
	background: #433908; 
}

#content div.missionmessageerror div.mmtext,
#content div.missionmessagesuccess div.mmtext {
	
}
#content div.missionmessageerror img,
#content div.missionmessagesuccess img {
	margin-right:10px;
}

#content div.leftcolumn div.missionmessage {
	width: auto;
}


#content fieldset {
	color: #673b15;
	padding: 12px 12px 12px 12px;
	border: 0px solid transparent;
	border-top: 1px solid #673b15;
}

html > body #content fieldset {
	 /* vor IE verstecken */
}


#content fieldset legend {
	color:#fff;
	font-size:110%;
	letter-spacing:0.1em;
	margin: 0em 0em 0.8em 0em;
	background: #673b15;
	border: 1px solid #fff;
	padding: 2px 12px 2px 12px;
}

#content fieldset label {
	xcolor: #673b15;
}

#content fieldset label.browselabel {
	font-weight:bold;
}

#content fieldset .browsevalue {
	margin: 0em 0em 0.8em 0em;
	margin-bottom: 0.8em;
	display:block;
}


#content fieldset label.clickable,
#content label.clickable {
	cursor:pointer;
}

#content fieldset label.clickable:hover {
/*	border-bottom: 0px solid #673b15;*/
}

#content fieldset label.clickable img {
	text-decoration: none;
}

#content fieldset div.labeledvalue {
	margin-bottom: 0.8em;
}

#content select { 
	font-size:100%;
	color: #673b15;
	background-color: #fff;
	margin-bottom: 0.8em;
	padding: 2px 2px 1px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #673b15 #673b15 #673b15 #673b15;
	display:block;
}

#content textarea {
	color: #673b15;
	background-color: #fff;
	margin-bottom: 0.8em;
	padding: 4px 2px 1px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #673b15 #673b15 #673b15 #673b15;
	font-size: 110%;
	line-height: 150%;
	display:block;
}

#content input,
#content button { 
	font-size:100%;
	color: #673b15;
	background-color: #fff;
	margin-bottom: 0.8em;
	padding: 2px 2px 1px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #673b15 #673b15 #673b15 #673b15;
	display:block;
}

#content button {
	background-color: #673b15;
	color: #fff;
}

#content input.hidden,
#navteaserarea input.hidden,
#navteaserarea div.calendarrange input.hidden { 
	color: none;
	background-color: none;
	margin: 0;
	padding: 0;
	border-style: none;
	border-width: 0px;
	border-color: none;
	display:inline;
}

#content fieldset div.info {
	color: #673b15;
	font-size:90%;
	text-indent: -14px;
	padding-bottom: 0.1em;
	padding-left: 14px;
	margin: 0.2em 0em 0.2em 0em;
}

#content fieldset div.error {
	color: #7b1900;
	font-size:90%;
	letter-spacing:0.1em;
	text-indent: -10px;
	padding-bottom: 0.1em;
	padding-left: 10px;
	margin: 0.2em 0em 0.8em 0em;
	top: -0.4em;
}

#content div.fieldset {
	margin-bottom: 0.8em;
}

#content div.fieldset div.fieldsetlist {
	margin-bottom: 0.2em;
}

#content fieldset div.fieldsetcolumn {
	float: left;
	margin-right:10px;
	width: 260px;
}

#content fieldset div.fieldsetrow {
	clear:both;
	margin-right:10px;
}

#content fieldset div.fieldsetclear {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 0px;
	line-height: 0px;
	font-size:0px;
}

#content div.fieldsetsep {
	clear:both;
	margin-bottom: 1em;
}


#content fieldset div.triggers {
	clear:both;
	text-align:right;
	margin-right:10px;
}

#content input.radio { 
	display:inline;
	margin-bottom: 0em;
	padding: 0;
	border-width: 0px;
}

#content div.radios { 
	margin-bottom: 0.4em;
	text-indent: -20px;
	padding-left:20px;
}

#content div.singlecheckbox { 
	margin-bottom: 0.8em;
	text-indent: -20px;
	padding-left:20px;
}

#content input.checkbox { 
	display:inline;
	margin-bottom: 0;
	padding: 0;
	border-width: 0;
}




/**********************************************
	Boxes
**********************************************/



div.box {
	margin-top: 6px;
	background-color: #ffcb11;
}

div.righttopcorner {
	background-image: url(/images/boxes/righttopcorner.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 8px; 
	height:8px; 
	float:right;
	font-size:0px;
}

div.lefttopcorner {
	background-image: url(/images/boxes/lefttopcorner.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:8px; 
	font-size:0px;
}

div.leftbottomcorner {
	background-image: url(/images/boxes/leftbottomcorner.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 8px; height:8px; 
	z-index:2;
	font-size:0px;
}

div.rightbottomcorner {
	background-image: url(/images/boxes/rightbottomcorner.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 8px; height:8px;
	z-index:2;
	float:right;
	font-size:0px;
}


div.boxcontent {
	padding: 12px;
}


div.boxcontent h1,
div.boxcontent h2, 
div.boxcontent h3, 
div.boxcontent h4,
div.boxcontent h5,
div.boxcontent h6 {
	color: #673b15;
	font-size: 100%;
	padding: 0;
	margin: 0em 0em 0.5em 0em;	
}

div.boxw980h165 {
	padding:0px; 
	width: 980px; 
	height: 149px; 
	overflow:hidden;
}

div.boxw980 {
	padding:0px; 
	width: 980px; 
	overflow:hidden;
}

div.boxflex {
	-moz-opacity:0;
	opacity:0;
	filter:alpha(opacity=50);
}


/**********************************************
	Photos
**********************************************/

/** Ausrichtungen für Photos **/
#content img.photo,
#content div.photo { /* Für Bilder ohne Ausrichtung und Umfluss*/
	display: block;
	margin-bottom: 1.5em;
	float: none;
}

#content img.photo_none,
#content div.photo_none {

}

#content img.photo_right,
#content div.photo_right { /* Für Bilder, die rechtsbündig gesetzt werden sollen */
	margin: 0em 0em 0.4em 0.6em;
	float: right;
	clear: both;
}

#content img.photo_left,
#content div.photo_left { /* Für Bilder, die linksbündig gesetzt werden sollen */
	margin: 0em 0.6em 0.4em 0em;
	float: left;
	clear: both;
}

#content img.photo_center,
#content div.photo_center { /* Für Bilder, die linksbündig gesetzt werden sollen */
	text-align:center;
	padding-left:25%;
	padding-right:25%;
	margin: 0em 0em 0.4em 0em;
	clear: both;
	
}

#content div.photocopyright {
	color: ;
	border-bottom: 1px solid #fff;
	padding: 0.1em 0.2em 0.2em 0.2em;
	font-size: 90%;
	background-color: #fcefb9;
}

#content div.photodescription {
	font-size: 90%;
	padding: 0.1em 0.2em 0.2em 0.2em;
	background-color: #fcefb9;
}


/**********************************************
	Footer
**********************************************/

#footer {
	clear:both;
	padding: 6px 0 0 0;
	opacity:0;
	filter:alpha(opacity=0); 
	filter: alpha(opacity=50);
}

#footer div.box {
	margin-top:0;
}

#footer #footernav {
	margin-left: 10px; /*250px*/
	margin-right: 40px;
}

#footer p,
#footer span {
	color: #673b15;
}

#footer p {
	float:right;
	margin: 0;
	padding: 0 10px 0 0;
}

#footer a,
#footer a:link, 
#footer a:visited {
	color: #673b15;
	text-decoration: underline;
}

#footer #footernav a,
#footer #footernav a:link, 
#footer #footernav a:visited {
	padding: 0 2em 0.2em 0;
	text-decoration: none;
}


/**********************************************
	EditorWindow
**********************************************/

#content .editorwindow {
	border: 2px ridge black;
	z-index:300;
	position:absolute;
	background-color: #fff;
}

#content .editorwindow #windowtitlearea {
	background-color: GrayText;
	color: #fff;
	font-size: 11px;
	line-height: 12px;
}

#content .editorwindow input { 
	color: #673b15;
	background-color: #fff;
	margin-bottom: 0.8em;
	padding: 0.2em 0.2em 0em 0.2em;
	border-style: solid;
	border-width: 1px;
	border-color: #7f7f7f #bcbcbc #bcbcbc #7f7f7f;
	display: inline;
}

#content .editorwindow input.hidden { 
	border-width: 0px;
	margin: 0;
	padding: 0;
}

#content .editorwindow #windowclientarea {
	overflow:auto;
	font-size: 10px;
	line-height: 14px;
}
.floatRight {
	float:right;
}

#content #phposeditset {
	padding: 5px 0px 5px 10px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid GrayText;
	border-left: 1px solid GrayText;
}

#content #phposeditset div {
	text-indent: -12px;
	padding: 1px 3px 1px 12px;

}
#content #phposeditset div img {
	margin-right: 2px;
}
/**********************************************
	Editor / Browser Wrapper
**********************************************/

#content .browserwrapper {
	margin: 2.0em 0em  2.0em 0em;
}

#content .editorwrapper {
	margin: 2.0em 0em 2.0em 0em;
}

/**********************************************
	PHP-OS Help
*********************************************/

#content div.phposhelpnavwrapper {
	float: left;
	margin-bottom: 1em;
	width:230px;
	overflow:hidden;
}

#content div.phposhelpnavwrapper a { 
	text-decoration: underline;
	line-height: 150%;
	color: #000;
}
#content div.phposhelpnavwrapper a:visited {
	text-decoration: underline;
	color: #000;
}
#content div.phposhelpnavwrapper a:hover {
	text-decoration: underline;
	color: #000;
}
#content div.phposhelpnavwrapper a:active {
	text-decoration: underline;
	color: #000;
}

#content div.phposhelpnavwrapper a.sel,
#content div.phposhelpnavwrapper a.sel:link,
#content div.phposhelpnavwrapper a.sel:visited,
#content div.phposhelpnavwrapper a.sel:hover,
#content div.phposhelpnavwrapper a.sel:active {
	font-weight:bold;
	color: #000;
}


#content div.phposhelpnav {
	padding-left: 10px;
	text-indent: -10px;
}

#content div.phposhelpnav div.phposhelpnavchildren {

}

#content #phposhelptext {
	margin-left: 265px;
}


/**********************************************
	Content Parts
**********************************************/



/**********************************************
	Print
**********************************************/

@media print {
	H1, H2, H3,
	H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
	BLOCKQUOTE, 
	PRE           { page-break-inside: avoid }
	UL, OL, DL    { page-break-before: avoid }
	body {
		color: #000;
		background-color:#ffffff;
	}
	

	#main {
		background-image:none;
	}
	
	#navigation,
	#globalnav,
	#mainnav,
	#location,
	#navigationsubline,
	#subnav,
	#navteaserarea,
	#logo,
	div.triggers {
		display:none;
		margin: 0;
		padding: 0;		
	}


	#content {
		margin: 0px 0px 0px 10px;
		font: normal 0.8em tahoma, arial, verdana, sans-serif;
	}

	#footer {
		display:none;
	}
}