/* ---------- ZEHNDER PRINT  ----------*/
/*  #################################################
   
    CSS Template «Zehnder» for TYPO3
   
    -------------------------------------------------
	company:	DACHCOM digital AG
	publisher:	Sandro Hagen
	date:		2008-04
	www:		www.dachcomdigital.com
	
	files:		- zehnder.css // zehnder styles
				- home.css // zehnder home
				- gruppe.css // zehnder group layout
				- print.css // zehnder print
				- verlag.css // zehnder verlag

				- swissregiokombi.css // swiss regio kompi styles				

	themes:		none
	################################################# */



/* RESET RELOADED by eric meyer, visit:

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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, font, 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;
	vertical-align: baseline;
}
/* remember to define focus styles! */

:focus {
	outline: 0;
}
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: "";
}
blockquote, q {
	quotes: "" "";
}

strong {font-weight: bold;}

/*------ CLEARFIX ----- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*-------- // ---------*/


.clear {
	clear: both;
}
img {
	vertical-align: bottom;
}
a img, a:link img, a:visited img {
	border: none;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: blue;
}
/* ------- FRAMEWORK -------  */



html {
	font-family: Verdana, Helvetica, Arial;
	font-size: 100.1%;
	background: white;
	height: 100%;
}
body {
	font-size: 8pt;
	line-height: 1.4em;
	height: 100%;
}
#printWrapper {
	width: 95%;
	margin: 0 auto;
}
div.logo {
	display: block;
	text-align: right;
	height: 2cm;
	border-bottom: 2px solid #999;
}
div.logo img {
	width: 6cm;
	height: 1.7cm
}
/*########################################

			 NAVIGATIONEN

#########################################*/


/*########## breadcrumb ##########*/

#printbreadcrumb {
	border-bottom: 1px solid #CCC;
	font-size: .9em;
}
#printbreadcrumb li {display: inline; margin: 0 .1cm;}


/*----- Ebene 2 ------ */
#hnav ul ul {
	margin-left: 8px;
}

/*####### CONTENT ##########*/



div#contentpanel {
}

/*--- div.content ---*/

div#contentpanel div.content {
	margin-top: 1cm;
}
div#contentpanel div.content-inner {
	width: 67%;
}
div#contentpanel div.content-right {
	width: 28%;
	margin: 2cm 0 0 0;
	padding: .2cm;
	float: right;
	border: 1px solid #ccc;
}

/*########## FOOTER ##########*/

#footer {
	clear: both;
	border-top: 1px solid #666666;
	padding-top: 5px;
	margin-top: 1cm;
	font-size: .8em;
	color: #666;
}





/*------------------------------

		IMPORT VON ZEHNDER.CSS
		
-------------------------------*/

/*########################################
			 CONTENTFORMATE				*/

/* TYPO3 Styles */
dd.csc-textpic-caption {display: none;}
div.csc-textpic-imagewrap {margin: 20px 0 0;}
div.csc-textpic-intext-left div.csc-textpic-imagewrap {margin-top: 0;}

/* Content-Styles */
.content a,
.content a:link,
.content a:visited {

}
.content a:hover,
.content a:active {
	color: #333333;
	text-decoration: underline;
}
.content p {
	margin: 10px 0;
	max-width: 45em;
}
.content h1 {
	font-size: 2em;
	line-height: 1.2em;
}

.content h1 img {display: none;}

.content h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: normal;
	padding: 10px 0;
}

.content h3 {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin-top: 15px;
}

.content h4 {
	font-weight: bold;
}


.content ul {
	margin-left: 15px;
	list-style-type: disc;
}

.content ul li {
	margin: 5px 0;
	list-style-type: disc;
	line-height: 1.2em;
}


.content table {}

.content table td {}



.content div.hr,
.content p.hr,
.content hr {
	clear: both;
	border: none;
	width: 100%;
	height: 1px;
	background: #9DACB3;
	margin: 20px 0;
	border-top: 1px solid #666;
}


/*########## Links ##########*/

/* Pfeil */
.content a.pfeil,
.content a.pfeil:link,
.content a.pfeil:visited {
	font-size: 1.1em;
	color: #333;
	display: inline-block;
	padding: 0 0 0 17px;
	margin: 3px 0;
	background: url(/fileadmin/templates/images/linkicon_pfeil_blau.gif) no-repeat 0 50%;
}
.content a.pfeil:hover,
.content a.pfeil:active {
	background-image: url(/fileadmin/templates/images/linkicon_pfeil_blauo.gif);

}

/* PDF */

/* Pfeil */
.content a.pdf,
.content a.pdf:link,
.content a.pdf:visited {
	display: block;
	margin-right: 10px;
	padding: 3px 0 1px 20px;
	margin: 5px 0;
	background: url(/fileadmin/templates/images/linkicon_pdf.gif) no-repeat 0 0;
}
.content a.pdf:hover,
.content a.pdf:active {

}


/*########## Inhalt ##########*/




/*########## Inhalt rechts ##########*/

.content-right {color: #666666;}

.content-right {font-size: .9em;}

.content-right h2 {
	font-size: 1em; 
	font-weight: bold; 
	color: #DC0067;
	padding: 0;
	margin: 5px 0;
}
.content-right h2.magenta {background-color: #DC0067; padding: 2px; color: #fff;}
.content-right h2.yellow {background-color: #EFEF6E; padding: 2px; color: #333}
.content-right h2.grey {background-color: #9EADB4; padding: 2px; color: #fff}



/*########################################

	  ELEMENTE diverses - buttons etc.

#########################################*/


.content a.btn-blue,
.content a.btn-blue:link,
.content a.btn-blue:visited {
	clear: both;
	font-size: 1.1em;
	margin: 8px 0;
	width: 160px;
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0px 10px 0px 20px;
	background: url('/fileadmin/templates/images/button_blue.gif') no-repeat 0 0;
	color: #F5F5F5;
}
.content a.btn-blue:hover {color:#FFFFFF;}
.content a.btn-blue:active {
	background-position: 0 -18px;
	text-decoration: none;
}


/*--- Button swiss regio kombi --- */

a.btn-swissregio, a.btn-swissregio:link, a.btn-swissregio:visited {
	margin: 5px 0;
	display: block;
	width: 125px;
	height: 19px;
	background: url('/fileadmin/templates/images/btn_swissregiokombi.png') no-repeat 0 0;
}
a.btn-swissregio:hover, a.btn-swissregio:active {
	background-position: 0 -19px;
}
a.btn-swissregio span {
	display: none;
}




/*############## Sitemap ##############*/

div.sitemap-gruppe,
div.sitemap-print,
div.sitemap-verlag {
	width: 31%;
	margin-top: 10px;
	padding-left: 2%;
	padding-top: 0;
	float: left;
	border-left: 1px solid #999999;
}
div.sitemap-gruppe {
	width: 26%;
	border-left: none;
	padding-left: 0;
}

.content ul#sitemap {
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}
.content ul#sitemap li {
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.content ul#sitemap li a,
.content ul#sitemap li a:link,
.content ul#sitemap li a:visited {
	color: #000000;
}
.content ul#sitemap li a:hover,
.content ul#sitemap li a:active {color: #0083D7;}
.content ul#sitemap ul {
	margin-left: 10px;
}
.content ul#sitemap li {
	text-transform: uppercase;
	padding: 5px 0;
}
.content ul#sitemap li li {
	padding: 0;
	text-transform: none;
}


/*########################################

			 FORMULARE

#########################################*/

.content form {
	width: 480px;
}

.content form input.txt {
	width: 240px;
	margin: 0 0 3px;
	padding: 1px;
	font-size: 1em;
	border: 1px solid #999;
}
.content form textarea {
	width: 230px;
	height:  140px;
	margin: 0;
	padding: 5px;
	font-size: 1em;
	font-family:  inherit;
	border: 1px solid #999;
}
.content form fieldset {
	width: 100%;
	clear: both;
	margin: 10px 0;
	padding: 15px 10px 10px;
	border: none;
	background: url('/fileadmin/templates/images/bg_fieldset_blue.gif') no-repeat 0 0;
}

.content form fieldset legend {
	text-transform: uppercase;
	color: #666666;
	padding: 0 4px;
	margin-bottom: 15px;
	color: #0083D7;
}

.content form label {
	float: left;
	width: 30%;
	margin: 0 5% 0 0;
	padding: 0;
	text-align: right;
}

.content form br {
	clear: both;
}


/* Spezielle Felder */

.content form input.plz {width: 80px;}
.content form input.ort {width: 152px;}

/* Submit-Button */
.content form input.submit {
	cursor: pointer;
	font-weight: normal;
	font-size: 1.1em;
	border: none;
	text-align: left;
	color: #F5F5F5;
	margin: 8px 0;
	width: 190px;
	height: 18px;
	line-height: 1.2em;
	padding-left: 20px;
	background: url('/fileadmin/templates/images/button_blue.gif') no-repeat 0 0;

}
.content form input.submit:hover {color:#FFFFFF;}
.content form input.submit:active {
	background-position: 0 -18px;
	text-decoration: none;
}


/* Error-Meldungen */
.content form .error {
	font-size: .8em;
	position: relative;
	top: -16px;
	padding-top: 16px;
	color: #DC0067;
	background: url('/fileadmin/templates/images/ico_error.gif') no-repeat 0 0;
	padding-left: 15px;
	float: right;
	clear: both;
	width: 254px;
}





/*########## PRINT Toolbar (Nur Screen) ##########*/
@media screen {

	div#printToolbar {
		background: #333;
		border-bottom: 2px solid #000;
		padding: 5px;
		margin-bottom: 50px;
		height: 20px;
		font-size: 10px;
	}
	div#printToolbar a,
	div#printToolbar a:link,
	div#printToolbar a:visited {
		float: left;
		margin: 0 10px;
		padding: 1px 10px 1px 20px;
		color: #ccc;
		border: 1px solid #666;
		text-transform:  uppercase;
	}
	div#printToolbar a:hover,
	div#printToolbar a:active {
		border-color: #0083D7;
		color: #fff;
	}
	a.printlink,
	a.printlink:link,
	a.printlink:visited {
		background: url('/fileadmin/templates/images/ico_print.gif') no-repeat 8% 45%;
	}
	a.closelink,
	a.closelink:link,
	a.closelink:visited {
		background: url('/fileadmin/templates/images/ico_close.gif') no-repeat 8% 50%;
	}
	
}

@media print {
	div#printToolbar {display: none;}
}