html {
	width:100%;
}



/* CSS RESET http://www.drweb.de/magazin/css-neustart/ */
center, isindex, menu, dir, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; font-variant: inherit; vertical-align: baseline;}
:focus { outline: 0px; }
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none } /* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: none}
blockquote, q {quotes: none}
ul, ol, dl {position: relative}
strong { font-weight:bold; }
html {overflow:scroll; } 


body {
	margin:30px 0px 0px 0px;
	font-size:11px;
	color:#111;
	font-family: verdana,helvetica,arial;
	background-image:url("imgs/background.gif");
	background-repeat:repeat-x;
	background-color:#d8d8d8;
line-height:1.5em;
}
h2 {  font-size:1.3em; }
#maincontent h2 a,
#subsubnavi li a,
h2 a:hover,
h2 a:link,
h2 a:focus,
h2 a:active,
h2 a:visited { color:black; }
#maincontent .moreInfos h2 { background-color:#ddd; border-bottom: 0px solid #999; margin:0px; padding: 3px 3px 3px 3px; }
li.hover,
h2.hover,
.hover h2 ,
.hover { background-color:#f2f2f2; cursor:pointer; }
#maincontent .centerLeft .block-n1 h2 { margin-top:0px; padding-top:0px }
#subsubnavi li,
#maincontent h2 {font-weight:bold; background-color:#f2f2f2; border-bottom: 1px solid #999; margin:9px 0px 6px 0px; padding: 3px 5px 3px 5px; }
#subsubnavi li li {border:0; font-weight:normal; background-color:#f2f2f2;  margin:5px 0px 5px 0px; padding: 3px 5px 3px 10px; }
#subsubnavi li li li {border:0; font-weight:normal; background-color:#f2f2f2;  margin:0px 0px 0px 0px; padding: 3px 5px 3px 15px; }

#maincontent .centerRight h2 { background-color:#f2f2f2;  border-bottom: 0px solid #999; margin:0px; padding: 3px 3px 3px 3px; }
h4 { font-size:1.2em; font-weight:bold; }
h4 { font-size:1.1em; font-weight:bold; }
h5 { font-size:1em; font-weight:bold; }
a {
	color:#0060A9;
	text-decoration:none;
}
#container {
	width:900px;
	margin:auto;
	text-align:left;
border-left:1px solid #0060A9;

}
#main {
	width:870px;
	background-color:#FFF;
	border-top:1px solid #0060A9;
	border-bottom:1px solid #0060A9;
	float:left;
	border-left:1px solid #0060A9;
	position:relative;
	left:-1px;
}
.mainleft ul { 
	margin: 0px 0px 0px 10px; 
	padding:0px 0px 0px 10px; 
	list-style: disc; 
}
.mainleft ul li { 
	margin: 0px 0px 5px 10px; 
	padding:0px 0px 0px 10px; 
	list-style: disc; 
}
#left {
	width:179px;
	float:left;
	margin:27px 0px 35px 0px;
	border-right:1px solid #0060A9;
}
#content {
	float:left;
	width:689px;
	margin:27px 0px 35px 0px;
	border-left:1px solid #0060A9;
	position:relative;
	left:-1px;
	top:-1px;
}
#maincontent {
padding: 5px 30px 5px 20px;
}
.selected {
	color:#600;
}
#top,
#tophead a,
#topimg a,
#top a img {
border-width:0px;
padding:0px;
margin:0;
text-decoration:none;
}
#tophead {
height:44px;
}
#topimg { height:152px; padding:0px; margin:0; }
#topmenu { 
	border-left:1px solid #0060A9;
	clear:both; 
	float:none; 
	display:block; 
	width:870px; 
	height:26px; 
	padding:0px; 
	background-color:#0060a9; 
	position:relative;
	left:-1px;
} 
 
#submenu ul,
#nav, #nav ul { /* all lists */ 
	margin: 0; 
	padding:0px; 
	list-style: none; 
	line-height: 1; 
} 
 
#nav a { 
	display: block; 
	font-size:12px; 
	color:#FFF; 
} 
#nav .cur, 
#nav .act { 
padding:4px 0px 4px 10px;
background-color:#d4deef;
color:#0060a9;
position:relative;
top:-3px;
} 
 
#nav li { /* all list items */ 
	float: left; 
	padding:6px 0px 4px 0px; 
	height:16px; 
	width: 8em; /* width needed or else Opera goes nuts */ 
} 
#nav li ul li { /* all list items */ 
	float: left; 
	padding:2px 0px 2px 0px; 
	height:auto; 
	width: 8em; /* width needed or else Opera goes nuts */ 
} 
#nav li a { /* all list items */ 
padding:0px 0px 0px 10px; 
} 
 
#nav li:hover a, 
#nav li a:hover { /* all list items */ 
color:#0060a9; 
} 
 
#nav li ul li a, 
#nav li ul li a:hover { /* all list items */ 
	background-color:transparent; 
	color:#0060a9; 
	border-bottom:1px solid #0060a9; 
	padding:3px 0px 0px 0px; 
	margin:0px 0px 0px 10px; 
} 
#nav li:hover { 
background-image:url("/fileadmin/templates/hevsg/imgs/menubg.png"); 
} 
 
#nav li.sfhover ul { /* lists nested under hovered list items */ 
left: auto; 
display:block; 
} 
 
#nav li ul { /* second-level lists */ 
margin-top:8px; 

position: absolute; 
top:-160px;

background-image:url("/fileadmin/templates/hevsg/imgs/menubg.png"); 
width: 10em; 
height:152px; 
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ 
display:none; 
} 
 
#nav li:hover ul { /* lists nested under hovered list items */ 
left: auto; 
display:block; 
} 
#nav li ul li:hover { background-image:none; } 
 
 
 
#nav li.sixth, 
#nav li.sixth ul, 
#nav li.third, 
#nav li.third ul , 
#nav li.second, 
#nav li.second  ul, 
#mittel { width:123px; } 

#nav li.sixth ul a, 
#nav li.second  ul a, 
#nav li.third ul a, 
#mittel { width:113px; } 
 
#shortshort { width:85px; }
#shortshort { width:75px; } 
 
#nav li.fourth, 
#nav li.fourth ul, 
#nav li.seventh, 
#nav li.seventh ul,
#long { width:145px; } 
 
#nav li.seventh ul a,
#nav li.fourth ul a,
#long { width:135px; } 


#nav li.first, 
#nav li.first ul , 
#nav li.fifth, 
#nav li.eighth, 
#nav li.eighth ul, 
#nav li.fifth ul, 
#short { width:105px; } 
 
#nav li.first  ul a , 
#nav li.eighth ul a, 
#nav li.fifth ul a, 
#short { width:95px; } 
 
#nav li ul li { float:none; clear:both; } 


.mainleft {
	width:399px;
	float:left;
	padding: 0px 30px 0px 0px;
}
.mainright {
	width:200px;
	padding: 0px 10px 0px 0px;
	float:left;
}
#breadcrumb {
	padding:7px 0px 7px 0px;
}
#footer {
	position:relative;
	left:-1px;
	}
#footer a,
#footer {
	padding: 1px 0px 1px 0px;
	width:870px;
	clear:both;
	background-color:#0060A9;
	color:white;
}
#footercontent {
	margin: 5px 5px 5px 5px;
	clear:both;
	font-size:10px;
}
.footer-text {

}
#subnavi a,
#subnavi {
color:#111;
}
#subnavi a {
	padding:0px 0px 0px 3px;
}
.archivelink,
.firstlevel {
	padding:7px 0px 7px 0px;
}
#subnavi .firstlevel a {
	padding:0px 0px 0px 10px;
}
.archivelink a {
	color:black;
padding:20px 0px 10px 10px; }
.archivelink h3 {
	padding:5px 0px 5px 0px; 
	background-color:#d4deef;

}
#subnavi .firstlevel.ifsub a { padding:0px 0px 0px 4px; }
#subnavi .secondlevel.ifsub a { padding:5px 0px 5px 8px; }
#subnavi .secondlevel.ifsub { padding:5px 0px 5px 4px; }
#subnavi .secondlevel a { padding:0px 0px 0px 20px; }
#subnavi .thirdlevel a { padding:0px 0px 0px 35px; }
#subnavi .thirdlevel  { padding:2px 0px 2px 0px; }
.secondlevel {
	padding:5px 0px 5px 0px;
}
.firstlevel.current .secondlevel ,
.firstlevel.active .secondlevel {
	padding:7px 0px 7px 0px;
	margin-left:15px;
	border-bottom:1px solid #0060A9;
}

#subsubnavi .current ,
#subsubnavi .active ,
#subnavi .current ,
#subnavi .active { background-color:#d4deef; }

.firstlevel.last {
	border-bottom:0px;
}
.contenttable { }
.contenttable td p { margin:3px 10px 0px 0px; padding:0px; }
.contenttable td { vertical-align:top; }
.csc-textpic img {
float:left;
}
.contenttable-3 { width:550px; }
.contenttable-3 td p { margin:3px 10px 0px 0px; padding:0px; }
.contenttable-3 td { vertical-align:top; }
.contenttable-3 .td-0 { width:250px; font-weight:bold }
.contenttable-3 .td-2 { text-align:right }
.contenttable-3 .tr-3 .td-1,
.contenttable-3 .tr-3 .td-3,
.contenttable-3 .tr-3 .td-2
{ border-bottom:1px solid #666; }
.contenttable-3 .tr-4 td,
.contenttable-3 .tr-5 td {
padding: 2px 0px 7px 0px; font-weight:bold }

.personImage,
.csc-textpic-imagewrap {
float:left;
margin: 0px 0px 10px 0px; 

}
.csc-textpic-imagerow {
	padding-top:30px;
	vertical-align:top;
}
.csc-textpic-image {
padding: 0px;
}
.personImage {
padding: 0px 20px 10px 0px;
}


.csc-textpic-firstcol {
}
/*
.content-left .csc-uploads-fileName  p {
	padding:0px 0px 0px 20px;
	background-image:url("/fileadmin/templates/villa-eiche.ch/imgs/pdf.gif");
	background-repeat:no-repeat;
}

*/

.block-main {
float:left;
width:730px;

}

.content-left {
padding:55px 0px 0px 0px;
float:left;
width:170px;

}
.content-right {
margin-left: 180px;
width:440px;

}


.news-single-item h4 {  font-size:1em;font-weight:bold; margin:15px 0px 5px 0px; padding:3px 0px 0px 0px;  }
.news-single-imgcaption { margin:0px 0px 10px 0px; padding: 3px 5px 3px 5px; }
.news-single-item .news-single-imgcaption { font-size:0.9em;float:none;clear:both;font-style:italic;  } 
.news-single-author { font-style:italic;padding: 9px 0px 3px 0px; }

.rightcol_newsdamimgtext,
.mietzins .title,
.tx-ttnews-browsebox,
.centerRight .csc-textpic,
.grouptitle, 
.rcit-title,
.news-single-item .news-subheader { font-weight:bold; padding: 3px 0px 3px 0px;margin:0px 0px 5px 0px; }
.news-single-item .teaserImgInner  { float:left; }
.news-single-item .news-subheader,
.news-single-item .bodytext  { float:none;clear:both; }

.centerLeft .csc-textpic ,
.centerLeft .contentElement .teaser { margin:0px 0px 0px 0px;  padding:0px 10px 10px 0px; }
.bigTarget {  margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style: none; } 

.more a { color:#009036; font-weight:bold; }
.centerLeft li {  margin: 0px 0px 2px 0px; padding:0px 0px 0px 0px;  }

	.tx-ttnews-browsebox { width:400px; text-align:center; }
	.tx-ttnews-browsebox table { margin:auto;text-align:center; }
	.tx-ttnews-browsebox table td { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
	.tx-ttnews-browsebox a { width:25px;display:block; }
	.tx-ttnews-browsebox-SCell a:visited,
	.tx-ttnews-browsebox-SCell a { font-weight:bold; color:black; }


.csc-mailform {
width:400px;
}
.mainright .csc-mailform { width:180px; }
.csc-mailform-field {
margin:5px 0px 5px 0px;
}
.tx-powermail-pi1_formwrap label,
.csc-mailform-field>label {
display:block;
width:180px;
float:left;
text-align:right;
padding:0px 5px 0px 0px;
}
.csc-mailform-field>input{
width:200px;
}
.csc-mailform-field.csc-mailform-submit {

width:150px;
}
.csc-mailform-submit {
	
	margin-left:185px;
	font-weight:bold;
	border:none;
border:1px solid #0060A9;
}
.powermail_submit_uid420 {
	margin: 5px 0px 0px 195px;
	color:white;
	
	font-weight:bold;
	border:none;
}
.csc-mailform-field>textarea{
width:200px;
overflow:auto;
}

#mailform {
margin:10px 0px 10px 0px;
border:1px solid #0060A9;
}
.mainright .csc-mailform { width:190px;margin: 0px 0px 0px 3px; }
.mainright .csc-mailform-field>input { width:180px; }
.mainright .csc-mailform-field>textarea { width:180px; }
.mainright .csc-mailform-submit { margin: 0px 0px 0px 2px; width:180px; }


.powermail_mandatory { color:red; }

fieldset.tx-powermail-pi1_fieldset {
	border: 1px solid #aaa;
	background-color:#eaeaea;
	padding: 10px;
}


.tx-powermail-pi1_fieldset input.powermail_text,
.tx-powermail-pi1_fieldset textarea.powermail_textarea,
.tx-powermail-pi1_fieldset select.powermail_select { width: 330px; }



.tx-powermail-pi1_fieldset_60  label,
.tx-powermail-pi1_formwrap_4995 textarea.powermail_textarea,
.tx-powermail-pi1_formwrap_4995 input.powermail_text,
.tx-powermail-pi1_fieldset_60 { width: 173px; margin:0px 0px 5px 0px; padding:0px; float: left; }
.tx-powermail-pi1_formwrap_4995 textarea.powermail_textarea {
height: 90px;overflow:hidden; 
}
.tx-powermail-pi1_fieldset_60  fieldset legend {
visibility:hidden;

}

.csc-textpic { 
float:none; clear:both; display:block;
margin:10px 0px 10px 0px;
padding:0px 0px 10px 0px;

}

table.contenttable-1, 
.contenttable-1  { width:639px; }
.contenttable-1 td ,
.contenttable-1 .tr-even { background-color:#fff; }
.contenttable-1 .tr-odd td { background-color:#f2f2f2; }


.csc-textpic-intext-right-nowrap .csc-textpic-text { padding: 0px 50px 0px 10px; }

.contenttable { width:400px; }
.contenttable td { vertical-align:top;padding:5px; }


.contenttable-2, /* Heizgradtage */
.contenttable-7, /* Aktuelle Zinssaetze */
.contenttable-9, /* Durch­schnitt­li­che Miet­zin­se in Fran­ken */
.contenttable-3 { width:405px; margin:3px 0px 3px 0px; } /* standard 'Layout 3' */

.contenttable .tr-0 td ,
.contenttable-2 .tr-0 td,
.contenttable-4 .td-0 td,
.contenttable-4 .td-0 ,
.contenttable-2 .td-0 ,
.contenttable-2 .td-last ,
.contenttable-9 .tr-0 td,
.contenttable-9 .td-0 ,
.contenttable-7 .tr-0 td,
.contenttable-3 .tr-0 td,
.contenttable-3 .td-0 ,
.contenttable-3 .td-last {
font-weight:bold;
}
.contenttable .tr-even ,
.contenttable-2 .tr-odd ,
.contenttable-3 .tr-odd ,
.contenttable-9 .tr-odd ,
.contenttable-1 .tr-odd { background-color:#f2f2f2; }


.contenttable-7 td { padding:5px 0px 5px 0px; }

.contenttable-2 .tr-0 {
font-weight:bold;
}
.contenttable-2 .tr-4 {
font-weight:bold;
}
.contenttable-2 .tr-5 {
font-weight:bold;
}
.contenttable-2 .tr-24 {
font-weight:bold;
}
.contenttable-2 .tr-40 {
font-weight:bold;
}
.contenttable-2 .tr-last {
font-weight:bold;
}

					/*
					 * hypozinssatz tabellen 
					 *
					 */


					.contenttable-6 {
					width:405px;
					margin:0px 0px 3px 0px;
					}
					.contenttable-6 td {
					font-size:0.9em;
					}
					.contenttable-6 .tr-odd{
						background-color:#f2f2f2;
					}
					.contenttable-6 .tr-odd .td-1 ,
					.contenttable-6 .tr-odd .td-2 ,
					.contenttable-6 .tr-odd .td-5 ,
					.contenttable-6 .tr-odd .td-6 ,
					.contenttable-6 .tr-odd .td-9,
					.contenttable-6 .tr-odd .td-10,
					.contenttable-6 .tr-odd .td-13,
					.contenttable-6 .tr-odd .td-14,
					.contenttable-6 .tr-odd .td-17,
					.contenttable-6 .tr-odd .td-18{
						background-color:#e1e8f0
					}
					.contenttable-6 .tr-even .td-1 ,
					.contenttable-6 .tr-even .td-2 ,
					.contenttable-6 .tr-even .td-5 ,
					.contenttable-6 .tr-even .td-6 ,
					.contenttable-6 .tr-even .td-9,
					.contenttable-6 .tr-even .td-10,
					.contenttable-6 .tr-even .td-13,
					.contenttable-6 .tr-even .td-14,
					.contenttable-6 .tr-even .td-17,
					.contenttable-6 .tr-even .td-18{
						background-color:#C1C8E0;
					}

					.contenttable-6 .tr-0 td,
					.contenttable-6 .tr-1 td ,
					.contenttable-6 .tr-0 .td-1,
					.contenttable-6 .tr-0 .td-2,
					.contenttable-6 .tr-0 .td-5,
					.contenttable-6 .tr-0 .td-6,
					.contenttable-6 .tr-1 .td-1,
					.contenttable-6 .tr-1 .td-2,
					.contenttable-6 .tr-1 .td-5,
					.contenttable-6 .tr-1 .td-6{
						background-color:#f2f2f2;
						font-weight:bold;
					}

					.contenttable-5 .tr-1 .td-18{
					background-color:#C1C8E0;
					font-weight:bold;
					}




.centerRight .csc-textpic,
.centerRight .csc-textpic-text,
.centerRight .csc-header,
.centerRight .csc-textpic-clear,
.centerRight .csc-textpic-lastcol,
.centerRight .bodytext,
.centerRight .textpic-wrap,
.centerRight .csc-textpic-below,
.centerRight .csc-textpic-left,
.block,
.centerRight .csc-textpic-imagewrap { clear:both; float:none; display:block; }
.centerLeft .csc-textpic ,
.csc-textpic img,
.teaser { margin:0px 0px 0px 0px; padding:0px 10px 10px 0px; }
.myGallery,
.carouselContainer { margin:5px 0px 5px 0px; padding:0px 0px 10px 0px; }

.tx-rgsmoothgallery-pi1 {
  background:#012138 url(img/loading-bar-black2.gif) center center no-repeat;
}

.myGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
	display: none;
	border: 1px solid #000;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #012138;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #012138;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black2.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	left: 5px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #054471;
  border:1px solid #0d66a5;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #043252;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #00b0ff;
}

.jdGallery .carousel .label
{
	font-size: 11px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 0;
	margin: 0;
  color:#00b0ff;
}

.jdGallery .carousel .label .number
{
	color: #00b0ff;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}


.jdGallery a.right, .jdGallery a.left, .jdGallery a.open
{
	position: absolute;
	cursor: pointer;
	background: tranparent;
	z-index:12;
  top: 215px;
}



.jdGallery a.left
{
  right:40px;
	margin: 5px;
	height: 13px;
	width: 13px;
	background: url('img/left.gif') no-repeat center left;

}



.jdGallery a.right
{
	right: 20px;
	margin: 5px;
	height: 13px;
	width: 13px;
	background: url('img/right.gif') no-repeat center right;
}



.jdGallery a.open
{
	position: absolute;
  right:0;
	margin: 5px;
	height: 13px;
	width: 13px;
	z-index: 10;
  background: url('img/big.gif') no-repeat center right;
}


#maincontent .mainright ul,
#maincontent .mainright ol,
.allelisteimnormalencontent {  padding: 5px 0px 5px 15px; }

#maincontent li { list-style:disc; padding: 5px 0px 5px 10px; }
#maincontent .mainright li { list-style:disc; padding: 0px 0px 0px 0px; }