html { margin:0; padding:0; min-height: 100%; background-color: #ffffff; }

body { font-family: "Trebuchet MS", Arial, sans; font-size: 100%; margin: 0; padding: 0; }


#backheadfond { height: 150px; background-color: #CC0000; }

#page   { position: absolute; z-index: 0; top: 0; width: 100%; }


#middle { width: 940px; margin: 0 auto; position: relative; top:0; }


#headholder { min-height: 130px; width:100%; padding-top:40px; }



#headcontent { color: white; background-color: #CC0000; width: 790px; }



#searchfond { float:left; width: 100%; min-height: 48px; background-image: url( "rasterline.gif" ); background-position: left bottom; background-repeat: repeat-x; }
#searchfond input { float:left; font-size:1em; }
#searchfond input.inputtext { padding: 0.2em 9px; margin-right: 20px; line-height: 1.3em; width: 280px; border: 1px solid #999999; height: 1.2em; background-image: url( "input-back.png" ); background-position: left top; background-repeat: repeat-x; font-size: 0.9375em; }
#searchfond input.button { height: 1.65em; }

#pathnavi { float:left; padding: 14px 0; font-size: 0.8125em; width: 620px; }
#pathnavi a { color: #CC0000; text-decoration: none; }
#pathnavi a:hover { text-decoration: underline; }
#helpnavi { float:right; padding: 14px 0; font-size: 0.8125em; width: 300px; text-align:right; }
#helpnavi a { color: #666666; text-decoration: none; }
#helpnavi a:hover { text-decoration: underline; }
#navigation { list-style-type: none; list-style-position: outside; display:block; clear:left; float:left; padding: 0; margin: 0 0 5em 0; width: 300px; border-color: black; border-style: solid; border-width: 3px 0 4px 0; font-size: 0.875em; }
#navigation ul { padding: 0; margin: 0; list-style-type: none; list-style-position: outside; }
#navigation li { line-height:1em; border-top: 1px solid #000000; color: #CC0000; }
#navigation li div { padding-left: 24px; background-position: 1px 5px; background-image: url( "navi-item.gif" ); background-repeat: no-repeat; }
#navigation li ul li div { padding-left: 48px; background-position: 25px 5px; }
#navigation li ul li ul li div { padding-left: 72px; background-position: 49px 5px; }
#navigation a { display: block; text-transform: uppercase; color: #000000; font-weight: bolder; text-decoration: none; padding: 8px 0; }
#navigation a.active { color: #CC0000; }
#navigation a:hover { text-decoration: underline; color: #CC0000; }


#content { padding: 0 0 3em 0; background-color: #fff; margin: 0 0 0 0; border-bottom: 4px solid #000000; overflow: hidden; float:right; width: 620px; }


#content .paragraph button { height: 30px; padding:0; margin:0; border:0; background-color:transparent; float:left; }
#content .paragraph button img { padding:0; margin:0; border:0; }
#content .paragraph #submitbutton img { width: 94px; height:26px; }
#content .paragraph #resetbutton img  { width:130px; height:26px; }
#content .paragraph #submitbutton { margin-left: 120px; width: 98px; }
#content .paragraph #resetbutton  { margin-left: 20px; width: 134px; }
#content .paragraph input,
#content .paragraph textarea { padding: 0.2em; margin-right: 20px; line-height: 1.3em; width: 280px; border: 1px solid #999999; height: 1.2em; background-image: url( "input-back.png" ); background-position: left top; background-repeat: repeat-x; font-size: 1em; }
#content .paragraph textarea { font-family: "Trebuchet MS", Arial, sans; font-size: 1em; height: 10em; }
#content .paragraph input,
#content .paragraph textarea { margin: 0.3em 1em; }

#content .paragraph { padding-top: 2em; margin-bottom: 1em; width:100%; overflow: hidden; background-image: url( "rasterline.gif" ); background-position: left top; background-repeat: repeat-x; font-size: 0.8125em; }

#content .paragraph h1 { font-size: 2.385em; font-weight: normal; text-transform: uppercase; line-height: 1.0625em; margin: 0; padding: 0 0 0.5em 0;}
#content .paragraph h2 { font-weight: normal; margin-top: 0; }
#content .paragraph p { margin: 0 0 1em 0; padding:0; }
#content .paragraph a, .dontprint a { color: #CC0000; text-decoration: none; }
#content .paragraph a:hover, .dontprint a:hover { text-decoration: underline; }
#content .paragraph a.linkextern { display:block; clear:both; background-image: url("link-item.png"); background-position: 1px center; background-repeat: no-repeat; padding-left: 2em; }
#content .paragraph a.linkextern:hover { text-decoration: underline; }
#content .paragraph ul { list-style-type: none; list-style-position: outside; margin: 0 0 1.5em 0; padding:0; }
#content .paragraph ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 1.5em 2.5em; padding:0; }
#content .paragraph ul li { margin: 0.75em 0; padding: 0 0 0 1.5em; background-image: url("list-item.gif"); background-position: 1px 5px; background-repeat: no-repeat; }
#content .paragraph ul.linkextern li { padding: 0 0 0 2.1em; background-image: url("link-item.png"); background-position: 1px 1px; }
#content .paragraph ol li { margin: 0.75em 0; padding: 0; }
#content .paragraph .image { float:left; margin: 0 20px 20px 0; padding: 0; }
#content .paragraph .image img { float:left; border-bottom: 4px solid #CC0000; border-top: 4px solid #FFFFFF; border-width: 4px 0; }
#content .paragraph .textcolumn h2 { margin-top: 0; }
#content .paragraph a.topbutton { clear:both; float:right; margin-top:1em; margin-bottom: 1em; padding-right:2em; background-image: url("top-item.png"); background-position: right center; background-repeat: no-repeat; }


#content .paragraph .pager { border: 1px solid black; border-width: 1px 0; padding: 0.1em 0; margin: 1em 0; }
#content .paragraph .pager a { font-weight: bolder; }

#content ul.sitemap { padding-left: 2em; }


#footer { float:right; clear:right; width:620px; padding: 0 0 5em 0; font-size: 0.875em; }

.clear { clear: both; }

/* für IE versteckte HG-Bilder */

html > body #middle { background-image: url( "/export/system/modules/de.spdfraktionhalle.homepage/resources/logo-kasten.png" ); background-position: 790px 55px; background-repeat: no-repeat; }