/**************************************************/
/***         CSS Dokument der Webseite          ***/
/***         von V�geli Druckzentrum AG         ***/
/***                                            ***/
/***           autor: Michael Blaser            ***/
/***             date: 13.12.2006               ***/
/**************************************************/

/**************************************************/
/***             SEITENFORMATIERUNG             ***/
/**************************************************/

/* die Scrollbars */
html {
	scrollbar-3dlight-color:#7F7F7F;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-highlight-color:#D6D6D6;
	scrollbar-shadow-color:#7F7F7F;	
	scrollbar-arrow-color:#7F7F7F;
	scrollbar-base-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}

/* Grundeinstellungen Seite (Text und Links) */
body, body a, a:active, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	overflow:auto;
}

/**************************************************/
/***           TABELLENFORMATIERUNG             ***/
/**************************************************/

/* Tabellen Grundformatierung */
table.maintable {
	vertical-align:middle;
	text-align:center;
}

table.contenttable {
	table-layout:fixed;
	width:831px;
	height:560px;
	border-collapse:collapse;
	border-style:solid;
	border-color:#7F7F7F;
	border-width:1px;
}

/* Zellen Grundformatierung */
#contenttable td, #contenttable tr {
	background-position:left;
	background-repeat:no-repeat;
}


/**************************************************/
/***            BEREICHSFORMATIERUNG            ***/
/**************************************************/

/* Generelle Formatierung des Content Bereiches */
#cell_content {
	height:335px;
	width:554px;
	overflow:auto;
}

/* Position Navigation 1 */
#cell_navi1 {
/*	position:relative;*/
	margin-left:30px;
}

/* Position Navigation 2 des Start-Templates */
#cell_navi2_start {
/*	position:relative;*/
	margin-left:305px;
	margin-bottom:20px;
	line-height:25px;
	width:500px;
}

/* Position Navigation 2 des Main-Templates */
#cell_navi2_main {
/*	position:relative;*/
	margin-left:305px;
	margin-bottom:20px;
	line-height:25px;
	width:500px;
	
}

.link_navi2 {
	padding-right:12px;
}

/* Position Navigation 3 */
#cell_navi3 {
/*	position:relative;*/
	margin-left:3px;
	margin-bottom:10px;
}

/**************************************************/
/***            INHALTSFORMATIERUNG             ***/
/**************************************************/

/* Formatierung des igentlichen Contents */
#content {
	color:#4D4D4D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding: 0px;
	margin-left:30px;
	margin-top:30px;
	margin-bottom:0px;
}

#content H1 {
	font-size:16px;
	font-weight:bold;
}

#content H2 {
	font-size:14px;
	font-weight:bold;
}

#content p {
	margin:0px;
}

#content.standard {
	padding-right:30px;
}


/**************************************************/
/***             NAVIGATIONSMENUS               ***/
/**************************************************/

/* Formatierung der eigentlichen Navigation 1*/
#menu_navi1, #menu_navi1 a {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#menu_navi1 a:hover {
	color:#4D4D4D;
}

#menu_navi1 a.active {
/*	color:#4D4D4D; */
}

/* Formatierung der eigentlichen Navigation 2*/
#menu_navi2, #menu_navi2 a {
	color:#7F7F7F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

#menu_navi2 a:hover, #menu_navi2 a.active {
	/*color:#4D4D4D;*/
	color:#303030;
}

/* Formatierung der eigentlichen Navigation 3*/
#menu_navi3 ul {
	list-style-type:none;
	list-style-position:outside;
  	padding:0px;
  	margin:0px;
  	font-size:9px;
}

#menu_navi3 li {
  	display:block;
	padding:0px;
  	margin-top:0px;
  	margin-bottom:13px;
  	line-height:12px;
  	width:103px;
}

#menu_navi3 a {
	color:#7F7F7F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

#menu_navi3 a:hover, #menu_navi3 a.active {
  	/*color:#4D4D4D;*/
	color:#000000;
}

/**************************************************/
/***          STANDARD MAIL FORMULAR            ***/
/**************************************************/

/* STANARD Email Formular */
.csc-mailform {
    border:0px;
}

.csc-mailform-field {
	padding-bottom:5px;
}

.csc-mailform-field label {
	float:left;
	clear:both;
	width:25%;
  	text-align:left;
	font-weight:bold;
}

.csc-mailform-submit {
	margin-top:20px;
}

/**************************************************/
/***            NEWS MAIL FORMULAR              ***/
/**************************************************/

/* NEWS Email-Formular */
.csc-mailform-field-news {
	padding-bottom:5px;
}

.csc-mailform-field-news label {
	float:left;
	clear:both;
	width:33%;
  	text-align:left;
	font-weight:bold;
}

/**************************************************/
/***                  BILDER                    ***/
/**************************************************/

/* Darstellung der Bilder (Portrait) */
.ma .csc-textpic-image {
	padding-right:10px;
}

.ma .csc-textpic-caption {
	width:150px;
	padding-bottom:20px;
}

.ma .csc-textpic-caption a {
	font-size:10px;
}

/**************************************************/
/***                   NEWS                     ***/
/**************************************************/

/* TT_NEWS Listeneintrag */
.news-list-date {
	font-size:12px;
}

.news-list-morelink {
	padding-top:10px;
}

/* NEWS Eintrag x bis y von z */
.tx-ttnews-browsebox p {
	text-align:center;
}

.tx-ttnews-browsebox table {
	margin-top:20px;
	margin-bottom:10px;
	border-width:0px;
	text-align:center;
	width:50px;
	height:10px;
}

.tx-ttnews-browsebox table tr {
	text-align:center;
}

/* Trennlinie */
.clearer {
	margin-top:10px;
	margin-bottom:20px;
	height:1px;
	color:#4D4D4D;
}

/* NEWS Single Eintrag */
.news-single-item, .news-single-item h2, .news-single-item h3 {
	font-size:12px;
}

.news-single-imgcaption {
	font-size:10px;
	padding-bottom:10px;
}

.news-single-links {
	padding-bottom:20px;
}

.news-single-backlink {
	padding-bottom:10px;
}


/**************************************************/
/***               Print Portal                 ***/
/**************************************************/

.tx-felogin-pi1 form div {
	padding:0px;
	margin:0px;
}

.tx-felogin-pi1 label {
	float:left;
	clear:both;
	width:40%;
  	text-align:left;
	font-weight:bold;
}

.app { 
	clear:both;
	height: 60px;
}

.app h2{
	margin: 0;
}

.app-name {
	float:left;
	width:40%;
  	text-align:left;
	font-weight:bold;
}

.app-name h2 {
	margin-top: 0px;
}

.app form { 
	float:right;
}

.clear{
	clear:none;
}


.help-icon{
	margin-top: 1px;
	margin-left: 5px;
}

.help-box {
	background:#FFFFFF url(../images/help-box-bg.gif) repeat-x scroll 0 0;
	border:1px solid #D3D3D3;
	padding:10px;
	width:240px;
	z-index: 100;
}
.detail {
	background:#FFFFFF url(../images/help-box-bg.gif) repeat-x scroll 0 0;
	border:1px solid #D3D3D3;
	padding:10px;
	width:240px;
	z-index: 100;
}

.help-box p.bodytext{
	margin-top: 0px !important;
	
}

/* Klimakompensation */
.climacomp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4D4D4D;
}