/* TOC:
	GENERELLE EINSTELLUNGEN
	RTE
	Hauptcontainer
	Mainmenu
	Submenu
	absaetze und links
	footer
	formulare
	suchbox
	sonstiges
	flickr - gallery
	rss-feed in
	shoutbox
	imagecycle
*/

/* ------------------ GENERELLE EINSTELLUNGEN ------------------ */

body{
background:#fff url(../images/hg/rotate.php) center 0;
color:#333333;
margin:0px;
padding:0px;
font-size:100.1%;
font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
}

hr {color: #fff; background-color: #fff; border: 1px dotted #cc0000; border-style: none none dotted; }

/* mail - icon */
.mail {
  display: inline-block;
  padding-left: 14px;
  background: transparent url('../images/buttonMail.gif') no-repeat center left;
}

/* nach oben - icon */
.csc-linkToTop:after{content:url(../images/nachoben.gif);margin-left:5px;}
.sectiontoplink:after{content:url(../images/nachoben.gif);margin-left:5px;}
#inhaltspalte1 .sectiontoplink{
padding:0.2em 0px 0.7em 0px;
margin:0px;
line-height:130%;
font-size:0.75em;
}

/* download - icon */
#inhaltspalte1 a[href $='.pdf'] { 
   padding-right: 17px;
   background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}
/* icon nicht bei images */
#inhaltspalte1 a[href $='.pdf'] img { 
   padding-right: 0px;
   background-image:none;
} 

/* ------------------ RTE ------------------ */

/* einzug rte */
.indent {margin-left: 15px;}

/* ------------------ hauptcontainer ------------------ */

/* listimages im hauptcontainer */
#inhaltspalte1 ul li{
list-style-type: none;
padding: 0;
margin: 0;
background-image:url(../images/zahnrad_mini_icon.png);
background-repeat: no-repeat;
background-position: 0 .1em;
padding-left: 22px;
padding-bottom: 2px;
}

/* animiertes zahnrad neben ueberschrift im hauptcontainer */
#inhaltspalte1 .csc-firstHeader {
background-image:url(../images/zahnrad_ani.gif);
background-repeat: no-repeat;
padding-left: 30px;
padding-bottom: 2px;
}

/* keine listimages bei bilder li */
#inhaltspalte1 .csc-textpic-imagewrap ul li img{
padding: 2px;
background-image:none;
}
#inhaltspalte1 .csc-textpic-imagewrap ul li{
padding-left: 3px;
background-image:none;
}
#inhaltspalte1 .csc-textpic-imagewrap ul
{
padding:0px 0px 0px 0px;
margin:0px;
line-height:0.1%;
font-size:0.75em;
background-image:none;
}

/* kleinere textabstaende in listen mit icon */
#inhaltspalte1 .csc-textpic-text ul li{
line-height: 1.2em ! important;
margin-bottom:10px;
}

#container{
margin: 0px auto;
width:994px;
background: url(../images/hg_weiss_70.png); 
}

#imgwrap{
padding:0px 4px 10px 4px;
background:none;
}

#minimenu{
position:absolute;
top:0px;
border: solid 1px #e7e7e7;
height:18px;
width:150px;
margin:0px 0px 0px 799px;
padding: 0;
text-align:center;
}

#logobanner{
height:100px;
padding:0px 0px 4px 0px;
}

#logo{
float:left;
width:450px;
}

#werbung1{
float:right;
width:468px;
background:#999;
height:60px;
margin:40px 0px 0px 0px;
}

#menu{
height:65px;
overflow:hidden;
}

#ticker{
height:15px;
border-top: solid 1px #cc0000;
border-bottom: solid 1px #cc0000;
background:#fff url(../images/hg_ticker.gif) repeat-x 0 0;
font-size:60%;
margin:0px 0px 4px 0px;
}

#footer{
margin: 0px auto;
padding:4px 8px 0px 8px;
width:978px;
background: url(../images/hg_weiss_70.png); 
background:#000;
color:#fff;
}

#footer1{
float:left;
width:380px;
padding:4px 0px 0px 0px;
}

#footer2{
float:left;
text-align:right;
width:480px;
padding:4px 0px 0px 0px;
}

#footer3{
float:right;
width:74px;
}

#footerbild{
margin: 0px auto;
width:994px;
background: url(../images/gruen_footer.gif) repeat-x 0 0; 
height:70px;
}

#partner{
float:left;
width:400px;
padding:12px 0 0 4px;
}

#partner img{
padding:0 4px 0 0;
}

#social{
float:right;
width:400px;
padding:12px 4px 0 0;
text-align:right;
}

#social img{
padding:0 0 0 4px;
}

.clearer{
clear:both;
padding:0px;
margin:0px;
height:0px;
visibility:hidden;
}

#inhaltspalte1{
width:603px;
float:left;
margin:0px 4px 0px 0px;
border:1px solid #e7e7e7;
background: #fff;
}

.border-dotted{
border:1px dotted #e7e7e7;
margin:4px;
}

.border-content{
border-top:1px solid #cc0000;
border-bottom:1px dotted #b6a401;
margin:4px;
}

#inhaltspalte2{
width:232px;
float:left;
margin:0px 4px 0px 0px
}

#intminimenu{
height:114px;
}

#intminimenu_eng{
height:55px;
}

.intminimenu_a{
margin:0px 4px 0px 0px;
width:55px;
float:left;
padding:0px
}

.intminimenu_b{
margin:0px 0px 0px 0px;
width:55px;
float:left;
padding:0px
}

.intminimenu_a2{
margin:4px 4px 0px 0px;
width:55px;
float:left;
padding:0px
}

.intminimenu_b2{
margin:4px 0px 0px 0px;
width:55px;
float:left;
padding:0px
}

#inhaltspalte3{
width:140px;
float:left;
}


/* menue nummerierung und trenn punkte verschieben */

li dfn, .usb{
display:block;
position:absolute;
left: -3000px;
height:0px;
width:0px;
}

/* mainmenu*/ 

#menu ul{
padding:0px;
margin:0px;
width:986px;
height: 66px;
}

#menu li.menufirst,#menu li.menucenter{
padding:0px 4px 0px 0px;
margin:0px;
display: inline;
list-style-type: none;
}

#menu li.menulast{
padding:0px 0px 0px 0px;
margin:0px;
display: inline;
list-style-type: none;
}
	/*layer 1 mainmenu*/
	
	div.layer1{
	font-size:0.8em;
	}
	
	div.layer1 ul{
	padding:0px;
	margin:0px 0px;
	list-style-type: none;
	}
	
	div.layer1 li{
	padding:0px 4px;
	border-bottom:1px dotted #c71c00;
	}
	
	div.layer1 li.layer1even{
	background: url(../menu/hg_layermenu_even.gif) repeat-x bottom ; 
	}
	
	div.layer1 ul li a{
	color:#000;
	font-weight:normal;
	text-decoration:none;
	}
	
	div.layer1 ul li a:hover{
	color:#f90;
	outline: none;
	}
	
	div.layer1 ul li a:active{
	color:#ff0000;
	outline: none;
	}


/* submenu */

#submenu{
font-size:0.8em;
background:#fff url(../images/menu/hg_submenu_logo.jpg) right bottom;
border:solid 1px #aea00b;
border-top:none;
}

#submenu ul{
padding:4px 0px 0px 0px;
margin:0px 4px;
text-transform:uppercase;
}

#submenu ul ul{
margin:0px 0px 0px 10px;
}

#submenu ul li{
padding:0px 4px 0px 0px;
margin:0px;
list-style-image: url(../menu/list_img_submenu.jpg);
list-style-position:inside;
line-height:130%;
border-top:1px dotted #aea00b;
}

#submenu ul li a{
color:#000;
font-weight:normal;
text-decoration:none;
}

#submenu ul li a:hover{
color:#f90;
outline: none;
}

#submenu ul li a:active{
color:#ff0000;
outline: none;
}

#submenu ul .active{
color:#cc0000;
outline: none;
}

/* ------------ absaetze und links--------------- */

#inhaltspalte1 p{
padding:0.2em 0px 0.7em 0px;
margin:0px;
line-height:130%;
font-size:0.75em;
}

#inhaltspalte1 ul,#inhaltspalte1 ol{
padding:0px 0px 0px 25px;
margin:0px;
line-height:170%;
font-size:0.75em;
}

a{
color:#b6a401;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#f90;
outline: none;
}

a:active{
color:#ff0000;
outline: none;
}

/* Image opacity when rolled over */
a:hover img {
filter: alpha(opacity=85);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
opacity:0.85;
-khtml-opacity: 0.85;
}

#printlink{
font-size:1.1em;
color:#ff0000;
}

/* -----------------footer----------------------- */

#footer p{
padding:0.2em 0px 0.7em 0px;
margin:0px;
line-height:130%;
font-size:0.55em;
}

#footer2 ul{
padding:0px;
margin:0px;
text-transform:uppercase;
}

#footer2 ul li{
padding:0px 4px 0px 0px;
margin:0px;
display: inline;
list-style-type: none;
font-size:0.55em;
line-height:130%;
}

#footer2 ul li a{
color:#fff;
font-weight:normal;
text-decoration:none;
}

#footer2 ul li a:hover{
color:#f90;
outline: none;
}

#footer2 ul li a:active{
color:#ff0000;
outline: none;
}

#footer2 ul .active:before{content:"> ";color:#ff0000;}

/* --------------- formulare ----------------- */

/* email */

.csc-mailform {border: 1px dotted #cc0000; border-style: none dotted dotted;}

#mailform {font-size:0.75em;text-align:right; margin:5px;
}

#mailformname,#mailformemail,#mailformformtype_mail,#mailformaddress,#mailformtext{
/*font-size:0.75em;*/
margin:3px;
padding:1px 2px;
color:#fff;
border:1px solid #a81d53;
margin:2px 0;
text-align:left;
}

#mailformname,#mailformemail,#mailformformtype_mail,#mailformaddress,#mailformtext{
background:#666;
}

#mailformname:focus,#mailformemail:focus,#mailformformtype_mail:focus,#mailformaddress:focus,#mailformtext:focus{
background:#CCCC00;
}

.csc-mailform-submit{
background-image:none ! important; 
padding:0 ! important; 
margin:0 ! important; 
background-color:#000 ! important; 
width:70px ! important; 
height:20px ! important; 
color:#fff ! important;
border:1px solid #a81d53 ! important;
font-size:12px ! important;
}

/*suchbox*/
/*zweite class fuer inputfeld auf suchseite*/
#searchform input.text,.tx-indexedsearch-searchbox-sword{
margin: 0px;
padding: 0px 0px;
border-width: 1px;
border-style: solid;
border-color: #b6aa44;
font-family: "trebuchet ms";
text-indent: 4pt;
width:140px; 
font-size:12px;
height:18px;
}

div.textsearchbox{
float:left;
width:106px;
height:20px;
}

div.imagesearchbox{
float:left;
width:65px; 
height:20px;
padding:5px 0;
}

/*suche*/
/*suche ein wenig nach unten schieben*/
.tx-indexedsearch { margin-top:3px; }

.tx-indexedsearch-descr,.tx-indexedsearch-path path,.tx-indexedsearch-info{
font-size:0.75em;
}

/*sucheergebnis - list-images ausblenden in ergebnissen*/
ul.browsebox li {background-image:none !important; padding-left: 8px !important;}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#fff; font-size:10px;}
.tx-indexedsearch .tx-indexedsearch-percent { font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:normal; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#cc0000; }


h1.imageheader {
overflow: hidden;
height: 50px;
width:700px;
text-indent: -999em;
white-space: nowrap;
background-repeat: no-repeat;
padding:0px;
margin:0px 0px 0px 0px;
}

.csc-textpic-caption, #content_menu2 p{
font-size:0.65em;
}

#content_header h2{
font-size: 1.1em;
color:#000;
font-weight:normal;
margin:0px;
padding:0px 0px 0px 26px;
}

#content_maintext h2{
font-size: 1.1em;
color:#fff;
margin:0px;
padding:0px 0px 0px 0px;
}

#content_menu2 a{
color:#fff;
font-weight:normal;
}

DIV.csc-textpic, DIV.csc-textpic-imagewrap, .csc-textpic-image { margin-bottom: 10px; }


/* ---------------sonstiges----------------- */

/* flickr - gallery */
.tag_xsmall { font-size:80%;} 
.tag_small { font-size:100%;}
.tag_large { font-size:130%;}  
.tag_xlarge { font-size:150%;}
.thumbnail {border:0}


/* rss-feed in */
/* delicious */
.twrss_bodytext, .delicious {font-size:0.75em;line-height:101%;}


/* shoutbox */
.chat
{
 border: 1px solid #e7e7e7;
 width: 230px;
 margin-top: 5px;
padding:0px;
}

.chat-header{ 
padding-left: 10px;
font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
margin-top:-18px
}

.chat-header h3{ 
font-size:120%;
font-family: Futura,Helvetica,Arial,sans-serif;
color: #b6a401;
font-weight: bold;
margin-bottom:0px
}

.chat-headertext{ 
font-size:70%;
}

#shout_container {
 border: 1px dotted #e7e7e7;
 width: 220px;
margin:4px;
}

#smilies{
 font: 8pt Arial;
 height: 40px;
 overflow: auto;
}

#shout_contentwrap {
 font: 8pt Arial;
 height: 250px;
  width: 210px;
 background-color: #fff;
 overflow: auto;
 margin:5px;
 border: 1px solid #b6aa44;
}
 
#shout_content {
 margin: 5px;
}
 
#shout_content .name {
 color: #555555;
 font-weight: bold;
 padding-right: 5px;
}
 
#shout_inputwrap {
 font: 8pt Arial;
}
 
#shout_input {
 margin: 5px;
}
 
#shout_input .text {
 border: 1px solid #b6aa44;
 font: 8pt Arial;
 width: 200px;
 background-color: #fff;
}
 
#shout_input .button {
 width: 50px;
 margin-top: 4px;
 background-color: #b6aa44;
 font-family: "trebuchet ms";
 color: #000;
 border: 0px;
}

/* imagecycle */

/* keine listimages im hauptcontainer bei imagecycle */
#inhaltspalte1 .tx-imagecycle-pi1 ul li{
background-image:none;
padding-left: 0px;
padding-bottom: 0px;
/*margin-left: -25px;*/
}

.tx-imagecycle-pi1 {
	display: block;
	position: relative;
	z-index: 0;
	background:#fff;
	border:1px solid #e7e7e7;
}

.imagecycle-controller {
	display: none;
	background: url(../img/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.imagecycle-controller * {
	margin: 0;
	padding: 0;
}
.imagecycle-controller-hidden { 
	opacity: 0;
}
.imagecycle-controller-visible {
	opacity: 1;
}
.imagecycle-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.imagecycle-controller a:hover {
	background-position: 0 18px;
}
.imagecycle-controller li {
	list-style: none;
}
.imagecycle-controller li.first a {
	background-image: url(../img/controller-first.gif);
	left: 33px;
	width: 19px;
}
.imagecycle-controller li.last a {
	background-image: url(../img/controller-last.gif);
	left: 186px;
	width: 19px;
}
.imagecycle-controller li.next a {
	background-image: url(../img/controller-next.gif);
	left: 145px;
	width: 28px;
}
.imagecycle-controller li.pause a {
	background-image: url(../img/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.imagecycle-controller li.play a {
	background-position: 20px 0;
}
.imagecycle-controller li.play a:hover {
	background-position: 20px 18px;
}
.imagecycle-controller li.prev a {
	background-image: url(../img/controller-prev.gif);
	left: 65px;
	width: 28px;
}