@charset "UTF-8";

/*
Basics
---------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
	min-height: 100%;
}
html {
	background:url(images/bg_main.gif) repeat-y #4066aa center;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#1A171B;
	background: url(images/bg_right_col.gif) no-repeat center bottom;
	min-width:990px;
}

.fixfloat {
	float:none;
	clear:both;
	width:1px;
	margin:0 0 -1px 0;
	padding:0;
	font-size:1px;
	line-height:0px;
	height:1px;
	border:0 none;
}

p {
	margin:1em 0;
}

h1 {
	color:#4066AA;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	padding-bottom:1em;
}

h2 {
	font-size:12px;
	padding-top:0.2em;
	padding-bottom:0.3em;
	color:#4066AA;
}

h3 {
	font-size:12px;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

h4 {
	font-size:12px;
	padding-top:0.2em;
	padding-bottom:0.1em;
	color:#4066AA;
	font-weight:normal;
	font-style:italic;
}

a {
	color:#4066AA;
	text-decoration:underline;
}

a:hover {
	color:#000;
}

.internal-link,
.external-link-new-window {
	background:transparent url(images/pfeil_rechts.gif) no-repeat left 3px;
	padding-left:15px;
}

img {
	border:0 none;
}

#content ul li {
	padding-left:20px;
	margin-left:10px;
	list-style-type:none;
	background:url(images/bullet.gif) no-repeat 0 6px;
}
#content ol li {
	margin-left:0em;
}
ol {
	list-style-type: upper-roman;
	list-style-position:inside;
}
.red { color:#e30019;}
/*
Seitenkonstrukt, Seitenelemente
---------------------------------------------------------------------*/

#wrapper {
	margin:0 auto;
	width:990px;
	min-width:990px;
}

#header {
	width:990px;
	height:133px;
}

#logo {
	width:204px;
	height:133px;
	background:url(images/hopf_logo.gif);
	float:left;
}

#logo a {
	width:204px;
	height:133px;
	text-decoration:none;
	display:block;
}

#content {
	width:990px;
	min-width:990px;
}

#leftCol {
	width:204px;
	height:350px;
	background:url(images/bg_left_col.jpg) no-repeat #4066AA;
	float:left;
}

#rightCol {
	width:204px;
	min-height:350px;
	float:right;
}

#rightCol #bgBottom {
	width:204px;
	height:280px;
	background:url(images/bg_right_col.jpg) no-repeat;
} 

#rightCol,
#mainContent {
	margin-top:55px;
}

#newsBox,
.csc-frame-frame1,
.news-latest-container {
	background:url(images/transbg60.png);
	padding:10px 20px;
	color:#fff;
}

#newsBox p,
.csc-frame-frame1 p,
.news-latest-container p {
	margin-top:1em;
}

#newsBox h1,
.csc-frame-frame1 h1,
.news-latest-container h1 {
	text-transform:uppercase;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	display:inline;
	color:#fff;
	padding:0 5px;
	font-weight:normal;
	font-size:12px;
}
#mainContent .csc-frame-frame1 {
	background-color:#97afd5;
	background-image:none;
	padding:10px 20px;
	color:#000;
	margin-bottom:20px;
}
#mainContent .csc-frame-frame1 h2 {
	padding-bottom:0.1em;
}
#mainContent .csc-frame-frame1 p {
	margin:0.1em 0;
}
#mainContent {
	width:470px;
	margin-left:55px;
	float:left;
}

.einSpalter,
.zweiSpalter .left, .zweiSpalter .right {
	float:left;
	margin-right:20px;
}

.einSpalter {
	width:450px;
}

.zweiSpalter .left, .zweiSpalter .right {
	width:215px;
}
.zweiSpalter2 .left {
	width:135px;
	float:left;
	margin-right:20px;
}
.zweiSpalter2 .right {
	width:295px;
	float:left;
	margin-right:0px;
}
/*
Navigation
---------------------------------------------------------------------*/

#menu {
	width:786px;
	height:133px;
	float:left;
}

#topmenu {
	margin-top:10px;
	width:582px;
	height:22px;
	float:left;
}

#mainmenu {
	margin-top:79px;
	width:582px;
	height:22px;
	float:left;
	background-color:#fff;
	border-bottom:1px solid #4066AA;
}

#mainmenu ul,
#topmenu ul {
	list-style:none;
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:5px;
	border-left:1px solid #222;
}

#mainmenu li,
#topmenu li {
	list-style:none;
	float:left;
}

#mainmenu li a,
#mainmenu li.on a,
#topmenu li a,
#topmenu li.on a {
	font-size:12px;
	padding:0 10px;
	height:14px;
	/*line-height:1em;*/
	vertical-align:middle;
	text-align:left;
	color:#222;
	text-decoration:none;
	display:block;
	border-right:1px solid #222;
	float:left;
}

#mainmenu li a:hover,
#topmenu li a:hover {
	color:#4066AA;
	text-decoration:underline;
}

#mainmenu li.on a,
#topmenu li.on a {
	color:#4066AA;
	font-weight:bold;
}

#toolsmenu {
	margin-top:24px;
	width:204px;
	height:111px;
	padding:0;
	float:right;
}

#toolsmenu ul {
	list-style-type:none;
	
	border:0 none;
}

#toolsmenu li {
	list-style-type:none;
	padding:0;
	margin:0;
	border:0 none;
	
}

#toolsmenu li a {
	margin-left:20px;
	height:12px;
	line-height:12px;;
	padding:0 10px;
	margin-top:12px;
	text-decoration:none;
	color:#fff;
	/*display:inline;*/
	display:block;
	border-left:1px solid #fff;
	font-size:12px;
	
}

#toolsmenu li a:hover {
	text-decoration:underline;
}

#toolsmenu li.on a {
	font-weight:bold;
}

#toolsmenu li.webshop a {
	background-color:#fff !important;
	height:18px;
	margin-left:0;
	margin-top:15px;
	padding:4px 0 0 20px;
	color:#222;
	background-image:url(images/pfeil_rechts.gif);
	background-repeat:no-repeat;
	background-position:left 7px;
}

/* Formulare */

form#mailform fieldset {
background:#FAFAFA none repeat scroll 0%;
border:1px solid #CCCCCC;
padding:1em;
}
form#mailform fieldset span.csc-mailform-radio fieldset {
margin:1em 2em 1em 1em;
}
form#mailform fieldset span.csc-mailform-radio fieldset input {
border:0pt none;
margin:0pt 0.3em 0pt 0pt;
width:auto;
}
form#mailform fieldset span.csc-mailform-radio fieldset label {
float:none;
}
.csc-mailform-field {
clear:both;
margin-bottom:0.8em;
}
fieldset.csc-mailform .csc-mailform-field label {
background:#FAFAFA none repeat scroll 0%;
float:left;
padding:2px;
text-align:right;
width:120px;
}
fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea {
width:262px;
border:1px solid #AAAAAA;
margin-left:10px;
}
#mailformAnrede { width: 60px;}
fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
border:0pt none;
margin-top:0.2em;
width:auto;
}
fieldset.csc-mailform .csc-mailform-field textarea {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
fieldset.csc-mailform label span {
color:red;
}
input#mailformformtype_mail {
background:#4066AA none repeat scroll 0%;
color:#FFFFFF;
cursor:pointer;
margin-left:134px;
text-transform:uppercase;
width:264px;
}
input#mailformformtype_mail:hover {
background:#E30019 none repeat scroll 0%;
}
input#mailformformtype_mail {
}
.csc-mailform-field select {
background:#FAFAFA none repeat scroll 0%;
border:1px solid #CCCCCC;
color:#000;
margin-left:1em;
}
.csc-mailform-label {
display:block;
font-weight:bold;
padding:1em 0pt 0.5em;
}

/* #############################
** ### tt_news #################
** #############################
*/
.tx-ttnews-browsebox {text-align:center; padding:0; margin:1.2em 0 1em 0; padding:1px; border:1px solid #ccd; background:#f0f0f4;}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {padding:0 0.4em 0.4em 0; margin:0; }

/* LATEST Ansicht */
.news-latest-item {margin-bottom:1em;margin-top:1em;}
.news-latest-item h2 {padding-top:0em;}
.news-latest-item h2 a {text-decoration:underline; color:#fff;}
.news-latest-item h2 a:hover {}
.news-latest-container .news-latest-item h3 { font-size:1.0em; color:#fff; margin:0; line-height:1.3em;}
.news-latest-container .news-latest-item h3 a { font-size:1.0em; color:#fff; text-decoration:none; }
.news-latest-container .news-latest-item span.news-latest-date a { font-size:0.86em; color:#fff; text-decoration:none;line-height:1.5em;}
.news-latest-item img {padding-right:1em; padding:0.5em 0; float:none;}
.news-latest-morelink {padding:0px; border:0px solid #ccd; text-align:left;padding-bottom:15px; border-bottom:1px solid #fff;}
.news-latest-morelink a, .news-latest-gotoarchive a { color:#fff; text-transform:uppercase; font-size:12px; text-decoration:none; background:url(images/mehr.gif) no-repeat 0 1px; padding-left:15px;}
.news-latest-morelink a:hover, .news-latest-gotoarchive a:hover {text-decoration:underline;}

/* tt_news LIST Ansicht */
.news-list-item {margin-bottom:1em;padding-bottom:1em; border-bottom:1px solid #c0c0c0}
.news-list-item h2 {padding-top:0; line-height:1.4em;}
.news-list-item h2 a {text-decoration:none;}
.news-list-item h2 a:hover {}
.news-list-item h2 span.news-list-date {color:#aaa; font-weight:normal; font-size:0.86em;}
.news-list-morelink {padding:0px; border:0px solid #ccd; text-align:left;}
.news-list-morelink a { text-transform:uppercase; font-size:12px; text-decoration:none; background:url(images/mehr.gif) no-repeat 0 1px; padding-left:15px;}
.news-list-morelink a:hover {text-decoration:underline;}
.news-list-category {color:#aaa;}
.news-list-item img { padding-bottom:10px;}

/* SINGLE Ansicht */
.news-single-item h1 {}
.news-single-img {padding-right:15px; padding-bottom:10px;float:left;}
.news-single-img p {padding:0; margin:0;}
.news-single-timedata {color:#aaa; margin-bottom:1em;}
.news-single-additional-info {}
.news-single-additional-info dd {margin-top:-1em;}
.news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}
.news-amenu-container h1 {font-size:1.3em; color:#004155; margin:1.1em 0 0.5em 0; border-bottom:0px #ccc solid;line-height:1.2em;}
.news-single-backlink a {
	background:transparent url(images/pfeil_links.gif) no-repeat left 3px;
	padding-left:15px;
}

/* CATEGORY Menu */
.news-catmenu {font-size:0.8em; margin-top:2em; padding:1em; background:#eee; border:1px dotted black;}
.news-catmenu a {display:inline; padding-left:2px;}
.news-catmenu a:hover {background:transparent; font-style:italic; font-weight:bold;}
.news-catmenu .news-catmenu-NO {height:16px;}
p.news-catmenu-header {line-height:1em; margin:0;}

/***************************
*  styles for the
*        EXT rgtabs
***************************/  

/* wraps the hole tab */
.tx-rgtabs-pi1 {
	clear:both;
	float:none;
	position:relative;
	display:block;
	width:465px;
}
.rgtabs-wrapper {
  overflow:hidden;
  border: 1px solid #999;
  padding:5px;
  position:absolute;
  right:0px;
  top:0px;
  background-color:#fff;
}
.rgtabs-wrapper h1 {
	display:none;
}
/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  background:	url(spinner2.gif) no-repeat center;
}


/* Tab-Menu ul */
.rgtabs-menu  {
  margin: 0;
  padding: 0 0 0 0px;
  list-style:none;
}

/* Tab-Menu li */
#content ul.rgtabs-menu li {
  list-style-type: none;
  list-style:none;
  cursor: pointer;
  padding-left:0px;
  padding-bottom:8px;
  margin-left:0;
  width:230px;
  display:block;
}	

/* Tab-Menu li.a */
.rgtabs-menu  li a {
  text-decoration: none;
}

/* Selected Tab */
.rgtabs-menu  li.rgtabs-selected {
}	

.rgtabs-menu  li.rgtabs-selected a {
  color: #e30019;
  height:20px;
}
.rgtabs-menu  li a img {
  padding-right: 6px;
  vertical-align:middle;
}
.rgtabs-container { 
  margin-top:0px;
}
.rgtabs-wrapper .csc-textpic-imagewrap {
	display:none;
}
.rgtabs-wrapper table td {
	padding:5px;
	margin:0;
	text-align:center;
}
.rgtabs-wrapper table td p { margin:0;}

/* Icons begin */
.filelinks dl {
	margin:0 0 10px 0;
}
.filelinks dd {
	background:transparent url("images/save.png") no-repeat scroll left top;
	margin:0;
	padding-left:20px;
	min-height:16px;
}
.filelinks span {
	display:block;
}
.filelinks dd.filecount {
	display:block;
	margin-bottom:5px;
}
.filelinks a {
	color:#333;
	text-decoration:none;
}
.filelinks dd.ai {
	background-image:url("/typo3/gfx/fileicons/ai.gif");
}
.filelinks dd.ani {
	background-image:url("/typo3/gfx/fileicons/ani.gif");
}
.filelinks dd.au {
	background-image:url("/typo3/gfx/fileicons/au.gif");
}
.filelinks dd.avi {
	background-image:url("/typo3/gfx/fileicons/avi.gif");
}
.filelinks dd.bmp {
	background-image:url("/typo3/gfx/fileicons/bmp.gif");
}
.filelinks dd.cdr {
	background-image:url("/typo3/gfx/fileicons/cdr.gif");
}
.filelinks dd.css {
	background-image:url("/typo3/gfx/fileicons/css.gif");
}
.filelinks dd.csv {
	background-image:url("/typo3/gfx/fileicons/csv.gif");
}
.filelinks dd.doc {
	background-image:url("images/word.png");
}
.filelinks dd.dtd {
	background-image:url("/typo3/gfx/fileicons/dtd.gif");
}
.filelinks dd.eps {
	background-image:url("/typo3/gfx/fileicons/eps.gif");
}
.filelinks dd.exe {
	background-image:url("/typo3/gfx/fileicons/exe.gif");
}
.filelinks dd.fh3 {
	background-image:url("/typo3/gfx/fileicons/fh3.gif");
}
.filelinks dd.flash {
	background-image:url("/typo3/gfx/fileicons/flash.gif");
}
.filelinks dd.folder {
	background-image:url("/typo3/gfx/fileicons/folder.gif");
}
.filelinks dd.gif {
	background-image:url("/typo3/gfx/fileicons/gif.gif");
}
.filelinks dd.htm {
	background-image:url("/typo3/gfx/fileicons/htm.gif");
}
.filelinks dd.html {
	background-image:url("/typo3/gfx/fileicons/html.gif");
}
.filelinks dd.ico {
	background-image:url("/typo3/gfx/fileicons/ico.gif");
}
.filelinks dd.inc {
	background-image:url("/typo3/gfx/fileicons/inc.gif");
}
.filelinks dd.java {
	background-image:url("/typo3/gfx/fileicons/java.gif");
}
.filelinks dd.jpg {
	background-image:url("/typo3/gfx/fileicons/jpg.gif");
}
.filelinks dd.js {
	background-image:url("/typo3/gfx/fileicons/js.gif");
}
.filelinks dd.max {
	background-image:url("/typo3/gfx/fileicons/max.gif");
}
.filelinks dd.mid {
	background-image:url("/typo3/gfx/fileicons/mid.gif");
}
.filelinks dd.mov {
	background-image:url("/typo3/gfx/fileicons/mov.gif");
}
.filelinks dd.mpeg {
	background-image:url("/typo3/gfx/fileicons/mpeg.gif");
}
.filelinks dd.mpg {
	background-image:url("/typo3/gfx/fileicons/mpg.gif");
}
.filelinks dd.pcd {
	background-image:url("/typo3/gfx/fileicons/pcd.gif");
}
.filelinks dd.pcx {
	background-image:url("/typo3/gfx/fileicons/pcx.gif");
}
.filelinks dd.pdf {
	background-image:url("images/acrobat.png");
}
.filelinks dd.png {
	background-image:url("/typo3/gfx/fileicons/png.gif");
}
.filelinks dd.ps {
	background-image:url("/typo3/gfx/fileicons/ps.gif");
}
.filelinks dd.psd {
	background-image:url("/typo3/gfx/fileicons/psd.gif");
}
.filelinks dd.rtf {
	background-image:url("/typo3/gfx/fileicons/rtf.gif");
}
.filelinks dd.sgml {
	background-image:url("/typo3/gfx/fileicons/sgml.gif");
}
.filelinks dd.swf {
	background-image:url("/typo3/gfx/fileicons/swf.gif");
}
.filelinks dd.sxc {
	background-image:url("/typo3/gfx/fileicons/sxc.gif");
}
.filelinks dd.sxw {
	background-image:url("/typo3/gfx/fileicons/sxw.gif");
}
.filelinks dd.tga {
	background-image:url("/typo3/gfx/fileicons/tga.gif");
}
.filelinks dd.tif {
	background-image:url("/typo3/gfx/fileicons/tif.gif");
}
.filelinks dd.ttf {
	background-image:url("/typo3/gfx/fileicons/ttf.gif");
}
.filelinks dd.txt {
	background-image:url("/typo3/gfx/fileicons/txt.gif");
}
.filelinks dd.wav {
	background-image:url("/typo3/gfx/fileicons/wav.gif");
}
.filelinks dd.wrl {
	background-image:url("/typo3/gfx/fileicons/wrl.gif");
}
.filelinks dd.xls {
	background-image:url("/typo3/gfx/fileicons/xls.gif");
}
.filelinks dd.xml {
	background-image:url("/typo3/gfx/fileicons/xml.gif");
}
.filelinks dd.xsl {
	background-image:url("/typo3/gfx/fileicons/xsl.gif");
}
.filelinks dd.zip {
	background-image:url("images/compress.png");
}
.filelinks a:hover {
	text-decoration:underline;
}

.filelinks.filelinks_layout_1 div,
.filelinks dd.bild { 
	background-position:left bottom;
}
.filelinks dd.bild,
.filelinks dd.filedescription { 
	background:none;
	min-height:0;
}
.filelinks dt.bild img { 
	border:1px solid #eee;
}
.filelinks.filelinks_layout_1 dl {
	float:left;
	display:inline;
	margin-right:15px;
}
.filelinks.filelinks_layout_0 dt {
	display:none;
}
.filelinks.filelinks_layout_0 dd {
	display:inline;
	float:left;
}
.filelinks.filelinks_layout_0 dd.filedescription {
	display:block;
	float:none;
	clear:both;
}

/* ################################
** ### Accordion                  #
** ################################
*/

h3.rgaccord1-toggle {
  font-size:1em;
  line-height: 26px;
  height: 23px;
  background:#d9e1ed url("images/icons/plus.gif") 5px center no-repeat;
  padding:2px 0 5px 25px;
  margin-bottom:1px;
  cursor:pointer;
  color:#005da8; 
  font-weight:normal; 
  text-transform:uppercase;
}
h3.rgaccord1-toggle:hover {
  color:#005da8;
}

/* Toggle act item */
h3.act {
  color:#fff;
  background:#4066aa url("images/icons/minus.gif") 5px center no-repeat;
}
h3.rgaccord1-toggle.act:hover {
  color:#fff;
}
/* the content */
div.rgaccord1-content {
  padding: 0 5px 10px 5px;
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
  display:none;
}