/*  #################################################
    CSS Template «nellen» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Marcel Zweifel
	date:		2009-08
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("resets.css");
	
/*	################################################# */


html {
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;
}

body {
	font-size: .75em;
	font-family: Georgia, Verdana, sans-serif;
	height: 100%;
	min-height: 100%;
	line-height:1.3em;
	text-align:center;
	background-image: url('../images/interface/bg.jpg');
	background-repeat:repeat-x;
	margin:0;
	padding:0;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	background-color:#fff;
}


a,
a:link,
a:visited {
  text-decoration:none;
  color:#5E7E95;
}

a:active,
a:hover {
  text-decoration:underline;
}

#header {
  height:107px;
  padding-top:15px;
}

#navigation {
  border-bottom:1px solid #B2C3D0;
  height:40px;
  position:relative;
  margin-bottom:40px;
}

#header_left {
  position:absolute;
  left:-12px;
  top:89px;
}
#header_right {
  position:absolute;
  right:-12px;
  top:89px;
}

#hnav {
  position:absolute;
  left:231px;
  top:20px;
}

#hnav ul li {
  float:left;
  margin-right:25px;
}

#hnav ul li a,
#hnav ul li a:link,
#hnav ul li a:visited {
  text-transform:uppercase;
  text-decoration:none;
	letter-spacing:0.1em;
  padding-bottom:2px;
  color:#303B41;
  display:block;
}

#hnav ul li.act a,
#hnav ul li a:hover,
#hnav ul li a:active {
  border-bottom:3px solid #B2C3D0;
}

#fsize {
  position:absolute;
  right:30px;
  top:20px;
}

#fsize ul li {
  float:left;
  margin-right:2px;
}

#snav ul {
  margin-left:30px;
}

#snav ul ul {
  margin-left:0px;
}

#snav ul li a,
#snav ul li a:link,
#snav ul li a:visited {
  color:#5E7E95;
  padding-left:10px;
  margin-bottom:5px;
  display:block;
}

#snav ul li#snav_aktiv a,
#snav ul li.act a,
#snav ul li a:hover,
#snav ul li a:active{
  color:#303B41;
  text-decoration:none;
	background: url('../images/interface/bullet.gif') no-repeat 0 50%;
}

/* 3. Ebene */
#snav ul li.act li a,
#snav ul li li a,
#snav ul li li a:link,
#snav ul li li a:visited {
  color:#5E7E95;
  padding-left:10px;
  margin-left:12px;
  margin-bottom:3px;
  display:block;
  background:none;
}

#snav ul li li.act a,
#snav ul li li a:hover,
#snav ul li li a:active{
  color:#303B41;
  text-decoration:none;
	background: url('../images/interface/list.gif') no-repeat 0 50%;
}

#snav ul ul {
  margin-bottom:5px;
}

#snav h6 {
  margin:15px 0px 10px 32px;
  font-weight:bold;
}

#snav ul.bau {
  margin-bottom:15px;
}

#snav .home {
  margin:0px 30px;
}

#content_outer .left {
  width:230px;
  float:left;
  min-height:400px;
}

#content_outer .right {
  width:700px;
  float:left;
  min-height:400px;
  position:relative;
} 

.content { margin-bottom:70px; }

.content ul {
  margin-bottom:15px;
}

.content ul li {
  line-height:1.8em;
  list-style-type:none;
  background: url(../images/interface/bullet_content.gif) no-repeat 0 0.7em;
  padding-left:10px;
}

.content p {
  line-height:1.6em;
  margin-bottom:15px;
}

.content .image-wrap {
  margin-bottom:15px;
}

.content a.more,
.content a.more:link,
.content a.more:visited {
  background-image:url(../images/interface/pfeil.gif);
  background-position:0px 0.4em;
  padding-left:10px;
  background-repeat:no-repeat;
  color:#5E7E95;
}

#footer {
  height:20px;
  width:100%;
  position:absolute;
  bottom:0px;
  left:0px;
  border-top:1px solid #B2C3D0;
  padding-top:7px
}

#footer ul li {
  float:left;
  margin-right:7px;
  border-left:1px solid #626A6E;
  padding-left:7px;
  line-height:0.9em;
}

#footer ul li:first-child {
  padding-left:0px;
  border:none;
}

#footer ul li a,
#footer ul li a:link,
#footer ul li a:visited {
  color:#626A6E;
  font-family:verdana;
  font-size:0.9em;
  border-left
}

.left h2 {
  font-size:1.4em;
  border-bottom:1px solid #B2C3D0;
  padding-bottom:8px;
  margin-bottom:10px;
  margin-right:30px;
  margin-left:30px;
  display:block;
  padding-top:2px;
}

.left .home h2 {
  margin:0;
}

.left .home p {
  margin:10px 0px 15px 0px;
  line-height:1.5em;
}

.left .home .image-wrap {
  margin:10px 0px 15px 0px;
}

.right h1 {
  font-size:1.8em;
  border-bottom:1px solid #B2C3D0;
  padding-bottom:8px;
  margin-bottom:10px;
  display:block;
  padding-top:2px;
}

.right h2 {
  margin-bottom:15px;
  font-weight:bold;
}

.right h3 {
  font-weight:bold;
}


#page_4 .content p {
  width:310px;
}

.template_1 .template_left {
  float:left;
  width:304px;
  margin-right:25px;
}

.template_1 .template_right {
  float:left;
  width:371px;
}

.template_2 .template_left {
  float:left;
  width:465px;
  margin-right:35px;
}

.template_2 .template_right {
  float:left;
  width:200px;
}

.template_3 .template_left {
  float:left;
  width:150px;
  margin-right:4px;
}

.template_3 .template_right {
  float:left;
  width:150px;
}

.template_4 .template_left {
  float:left;
  width:348px;
  margin-right:4px;
}

.template_4 .template_right {
  float:left;
  width:348px;
}

.gmnoprint p {
  margin:0;
}

.gmnoprint input#gmapDirButtonFrom,
.gmnoprint input#gmapDirButtonTo {
  margin-top:5px;
  background-color:#5E7E95;
  border:none;
  color:#fff;
  font-size:0.9em;
  font-family:verdana;
  padding:3px 0px;
}

.gmnoprint label#gmapDirLabelTo {
  font-weight:bold;
}

.gmnoprint input#gmapDirSaddr {
  border:1px solid #ABABAB;
}

.gmnoprint #gmapDirHeadTo {
  margin-top:2px;
}

.gmnoprint #gmapDirHeadTo strong {
  font-weight:normal;
}

/* Powermail */

span.powermail_mandatory {
	color: #5E7E95;
	margin-left:2px;
}

.tx-powermail-pi1 .star {
  font-weight:normal;
  color:#92A935;
}

/* Ausgabetext Fehlermeldung*/
div.powermail_mandatory_js {
	color: #5E7E95;
	margin: 3px 0 5px 121px;
	font-weight:normal;
}

fieldset.tx-powermail-pi1_fieldset {
	font-weight:bold;
}

fieldset.tx-powermail-pi1_fieldset legend {
  display:none;
}

fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 120px;
	float: left;
	font-weight:normal;
	margin-top:3px;
}

.tx-powermail-pi1 .beilagen label {
  float:left;
  width:230px;
}

.tx-powermail-pi1 .beilagen input {
  float:left;
  margin:5px 10px 0 90px;
  background-color:#fff;
}

fieldset#tx-powermail-pi1_fieldset_2,
fieldset#tx-powermail-pi1_fieldset_4 {
  margin-top:10px;
}

.tx-powermail-pi1 form#kontaktformular {
  margin-left:10px;
}

fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea {
	width: 235px;
	font-size:1.0em;
	font-family: Georgia, Verdana, sans-serif;
	background-color:#B2C3D0;
	border:none;
	padding:4px 3px;
	margin-bottom:4px;
	font-weight:normal;
}

fieldset.tx-powermail-pi1_fieldset textarea {
	font-family: Georgia, Verdana, sans-serif;
	font-size:1.0em;
	margin:0;
}

fieldset.tx-powermail-pi1_fieldset select {
	border:1px solid #ccc;
	font-size:1.0em;
	background-color:#fff;
	border:1px solid #9B9B9B;
}

div.tx_powermail_pi1_fieldwrap_html {
	margin: 3px 0;
}

fieldset input#submit,
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	margin:25px 0px 0px 120px;
	width: 110px;
	background-color:#5F7F96;
	color:#fff;
	border:none;
}

td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

fieldset.tx-powermail-pi1_fieldset input.validation-failed,
fieldset.tx-powermail-pi1_fieldset textarea.validation-failed {
	background-color:#EBF0F3;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input {
  padding:0;
  width:20px;
  float:left;
}

.tx-powermail-pi1 img.powermail_captcha {
  margin-left:120px;
  margin-top:5px;
}

.tx-powermail-pi1 input.tx-powermail-pi1_mandatory_submit {
  background-color:#5F7F96;
  border:medium none;
  color:#FFFFFF;
  width:200px;
  padding:3px 0;
}

.tx-powermail-pi1 li.powermail_mandatory_listitem {
  list-style-type:none;
  background:none;
  margin:0;
  padding:0;
}

.tx-powermail-pi1 li.powermail_mandatory_listitem strong {
  font-weight:normal;
}

.content .user-downloads-pi1 {
  padding:0;
  background-color:#fff;
}

#links_box li {
  border-top:1px solid #B2C3D0;
  padding:10px 0;
  margin-left:0px !important;
  background:none !important;
}

#links_box li:first-child {
  border:none;
  padding-top:0px;
}

#links_box .links_image {
  width:220px;
  float:right;
  margin-left:30px;
}

#links_box .links_text {
  width:450px;
  float:left;
  margin-top:10px;
}

#links_box .links_text a,
#links_box .links_text a:link,
#links_box .links_text a:visited {
  display:block;
  margin-top:5px;
  background-image:url(../images/interface/pfeil.gif);
  background-position:0pt 0.7em;
  background-repeat:no-repeat;
  padding-left:10px;
}



#links_box .links_text h3 {
  margin-bottom:3px;
}

/* Sitemap */

.csc-sitemap {
  margin-top:40px;
}

/*clearfixing for sitemap*/
.csc-sitemap li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.content .csc-sitemap li {
	display: inline-block;
	list-style-type:none;
	margin-left:0px;
	background:none;
}

.content .csc-sitemap ul {
  margin-bottom:0px;
}

html[xmlns] .csc-sitemap li {
	display: block;
}
* html .csc-sitemap li {
	height: 1%;
}

/* overwrites content styles */
#main .csc-sitemap ul {margin: 0;}
#main .csc-sitemap ul li {list-style-type:none; margin-left: 0;}

.csc-sitemap ul {
	width: 100%;
	border-top: 1px solid #B2C3D0;
}

/* level 1 */
.csc-sitemap li {
	display:block;
	float: none;
	clear: both;
	vertical-align: bottom;
	border-bottom: 1px solid #B2C3D0;
}

.csc-sitemap a:hover,
.csc-sitemap a:active {
	text-decoration:none;
}

.csc-sitemap ul li a,
.csc-sitemap ul li a:link,
.csc-sitemap ul li a:visited {
	padding: 4px 0;
	display: block;
	float: left;
	width: 20%;
	vertical-align: bottom;
}

.csc-sitemap ul li li a,
.csc-sitemap ul li li a:link,
.csc-sitemap ul li li a:visited {
	font-weight:normal;
}

.csc-sitemap ul ul {
	float: left;
	width: 80%;
	vertical-align: bottom;
	border: none;
}

/* level 2 */
.csc-sitemap ul ul li {
	border-bottom: none;
	padding-bottom: 0;
	border-top: 1px dotted #B2C3D0;
}
.csc-sitemap ul ul li:first-child {
	border: none;
}

.csc-sitemap ul ul li a,
.csc-sitemap ul ul li a:link,
.csc-sitemap ul ul li a:visited {
	width: 33%;
	padding-left:2%;
}
.csc-sitemap ul ul ul {
	width: 65%;
}

.csc-sitemap ul ul li:hover a,
.csc-sitemap ul ul li:hover a:link,
.csc-sitemap ul ul li:hover a:visited {
  color:#fff;
}

.csc-sitemap ul li:hover {background: #ECF0F3;}
.csc-sitemap ul ul li:hover {background: #8EA2AF;}
.csc-sitemap ul ul li:hover li {background: #5F7F96;}
.csc-sitemap ul ul ul li:hover li {background: #576F7F;}

/* level 3 */
.csc-sitemap ul ul ul li a,
.csc-sitemap ul ul ul li a:link,
.csc-sitemap ul ul ul li a:visited {
	width: 38%;
	padding-left:2%;
}
.csc-sitemap ul ul ul ul {
	width: 60%;
}

/* level 4 */
.csc-sitemap ul ul ul ul li a,
.csc-sitemap ul ul ul ul li a:link,
.csc-sitemap ul ul ul ul li a:visited {
	width: 40%;
}
.csc-sitemap ul ul ul ul ul {
	width: 60%;
}

.tx-indexedsearch {
  margin-bottom:100px;
}

#search input.searchbox-sword {
	font-size: 1em;
	border: 2px solid #eee;
	padding: 1px 10px;
	color: #999;
	width: 108px;
	margin-right: 3px;
}

#search input.searchbutton {
	border: none;
	font-size: 1em;
	background-color: #eee;
	color: #999;
	padding: 2px 10px;
	cursor: pointer;
}

p.tx-indexedsearch-descr {
  margin-left:10px;
  margin-bottom:10px;
}

div.tx-indexedsearch-secHead {
  margin-top: 30px;
}

div.res .tx-indexedsearch-redMarkup {
	font-weight:bold;
}
div.res:hover .tx-indexedsearch-redMarkup {background: none;}

/* Suchbox */
div.tx-indexedsearch-searchbox {}

div.tx-indexedsearch-searchbox div div div.bl {
	padding: 20px;
}

.tx-indexedsearch-form {position: relative;}

.tx-indexedsearch-form input#tx-indexedsearch-searchbox-sword {
	float: left;
	width: 250px;
  background-color:#B2C3D0;
  border:none;
  border:2px solid #B2C3D0;
  font-size:1em;
  padding:2px 20px 2px 5px;
  margin-bottom:5px;
}
.tx-indexedsearch-form input#tx-indexedsearch-searchbox-button-submit {
	float: left;
	margin-left: 10px;
  padding: 3px;
  width: 100px;
  color: #fff;
  background-color: #5F7F96;
  font-weight: bold;
  cursor: pointer;
  border: none;
  font-size: 1em;
}

.tx_indexedsearch_advancedlink {
	float: right;
	height: 35px;
	padding-top: 10px;
	display: none;
}
.tx_indexedsearch_advancedlink a,
.tx_indexedsearch_advancedlink a:link,
.tx_indexedsearch_advancedlink a:visited {
	display: block;
	height: 16px;
	padding: 0 0 0 25px;
}
.tx_indexedsearch_advancedlink a:hover,
.tx_indexedsearch_advancedlink a:active {
	background-position: 0 -16px;
}

div.tx-indexedsearch-rules {}

div.tx-indexedsearch-whatis {display:none;}

span.tx-indexedsearch-title {
  margin-left:10px;
}

/* Pagebrowser */

div.tx-indexedsearch-browsebox {
	margin: 20px 0 20px 0;
}
.tx-indexedsearch-browsebox p {
	font-weight: bold;
}
.tx-indexedsearch-browsebox p strong {
	font-size: 1.2em;
	color: #ff6600;
}

/*resets*/
ul.browsebox {margin: 0;padding: 0;}
ul.browsebox li {margin: 0;padding: 0; background: none;}

#content .tx-indexedsearch-browsebox ul.browsebox {
	display: block;
	padding:0;
	border-top: 2px solid #fff;
	margin-left: 0;
}
.tx-indexedsearch-browsebox ul.browsebox li {
	display:inline;
	margin-right:15px;
}
.tx-indexedsearch-browsebox ul.browsebox li a,
.tx-indexedsearch-browsebox ul.browsebox li a:link,
.tx-indexedsearch-browsebox ul.browsebox li a:visited {
	display:inline-block;
	padding: 3px 7px 1px;
	border-bottom: 2px solid #fff;
	color: #666;
	text-decoration: none;
}
.tx-indexedsearch-browsebox ul.browsebox li strong a,
.tx-indexedsearch-browsebox ul.browsebox li strong a:link,
.tx-indexedsearch-browsebox ul.browsebox li strong a:visited {
	background: #fff;
	border-bottom: 2px solid #FF8C40;
	text-decoration: none;
}
.tx-indexedsearch-browsebox ul.browsebox li a:hover,
.tx-indexedsearch-browsebox ul.browsebox li a:active {
	border-bottom: 2px solid #FF8C40;
	color: #333;
	text-decoration: none;
}

/* Resultateliste */

.tx-indexedsearch-secHead h2 {
  background-color: #EBF0F3;
  padding: 2px;
  color: #333;
}

.content .tx-indexedsearch-secHead h2 a,
.content .tx-indexedsearch-secHead h2 a:link,
.content .tx-indexedsearch-secHead h2 a:hover,
.content .tx-indexedsearch-secHead h2 a:active {
  color: #333;
  border: none;
}

div.tx-indexedsearch-res {
	margin: 0 0px 0px 0; /* crop last line */
}

#content div.tx-indexedsearch-res h2 {
  padding: 2px 2px;
}

#content div.tx-indexedsearch-res .result-count {
  font-weight: normal;
}

div.tx-indexedsearch-res div.res {
	border-bottom:1px solid #B2C3D0;
}
 		
.tx-indexedsearch-res h3 {
	font-size:1em;
}
.tx-indexedsearch-res h3 span.h3-inner {
	display:block;
	padding: 10px 0 3px 0;
}

.tx-indexedsearch-res h3 span.tx-indexedsearch-percent {
	float: right;
	margin:0;
	padding:0;
}

.tx-indexedsearch-res span.tx-indexedsearch-result-number { display:none }

dl.tx-indexedsearch-info {
	font-size: .9em;
	padding-bottom: 2px;
	color: #666;
	display: none;
}

.tx-indexedsearch .info-tmpl-css dt,
.tx-indexedsearch dl.info-tmpl-css dd {
	float:left;
}

.tx-indexedsearch .info-tmpl-css dt {font-weight: bold;}
.tx-indexedsearch dl.info-tmpl-css dd {margin-right: 20px;}

.tx-indexedsearch .info-tmpl-css dd.item-path {
	float:none;
	white-space: nowrap;
}

#content div.tx-indexedsearch-res h2 {
  background-color:#FF8C40;
  color:#FFFFFF;
  font-size:1.3em;
  font-weight:bold;
  padding:7px 10px 13px;
}

.content div.tx-indexedsearch-res h2 .h2-inner a {
  color:#FFFFFF;
  margin-right:5px;
}

.tx-indexedsearch-browsebox p strong {
	color: #FF6600;
}

.right .tx-indexedsearch h2 {
  margin-bottom:0px;
  padding:6px 10px;
}

#brillant_imagemap {
  margin-left:30px;
  position:absolute;
  bottom:15px;
  left:0;
  text-align:left;
}

#map {
	margin:0;
	padding:0;
	width:157px;
	height:96px;
	background:url(../../../../typo3conf/ext/user_tooltip/res/images/objekte.gif) top left no-repeat #fff;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
	position:absolute;
	bottom:25px;
	left:0px;
	z-index:1;
}

#map li {
	margin:0;
	padding:0;
	list-style:none;
	background-image:none;
}

#map li a {
	position:absolute;
	display:block;
	cursor:pointer;
  background:url(../images/interface/clear.gif) top left repeat;
	text-decoration:none;
	color:#000;
	z-index:5;
}

#map li a span { display:none; }

#map li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:35px;
	top:35px;
	border:1px solid #CFDAE3;
	background:#fff;
	background-image:none;
	padding:5px;
	z-index:50;
}

#map span b {
  display:block;
}

#map a.diamant,
#map a.diamant:link,
#map a.diamant:active,
#map a.diamant:visited,
#map a.diamant:hover {
	top:12px;
	left:55px;
	width:80px;
	height:74px;
	display:block;
	position:absolute;
	display:block;
	z-index:10;
  background:url(../images/interface/clear.gif) top left repeat;
}

#map a.rubin,
#map a.rubin:link,
#map a.rubin:active,
#map a.rubin:visited,
#map a.rubin:hover {
	top:0px;
	left:30px;
	width:37px;
	height:36px;
	position:absolute;
	display:block;
	z-index:20;
  background:url(../images/interface/clear.gif) top left repeat;
}		


#map a.saphir,
#map a.saphir:link,
#map a.saphir:active,
#map a.saphir:visited,
#map a.saphir:hover {
	top:32px;
	left:0px;
	width:42px;
	height:45px;
	position:absolute;
	display:block;
	z-index:30;
  background:url(../images/interface/clear.gif) top left repeat;
}	

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border:1px solid #CCCCCC !important;
}
