/******************************
messagestack.css
Stylesheet-Datei für Message-Stack

Autor:      Carsten Witt 
Version:    2008-08-23
******************************

0.	Grundlegendes

1.  Layout 
1.1	Ueberschriften
1.2	Text
1.3	Links
1.4	Listen
1.5	Tabellen
1.6	Formulare
1.7	Bilder

2.  Typografie

******************************/

/*******************************
0. 		Grundlegendes
******************************/
div.messagestack_messagebox {
	background-color: #f4f4f4;
	border: 2px solid #eee;
	padding: 2px 6px;
}

/*******************************
1.1		Ueberschriften
******************************/
div.messagestack_messagebox h2 {
	margin-top: 0.5em;
}

div.messagestack_messagebox h3 {
	margin-top: 0.2em;
}

/*******************************
1.2		Text
******************************/
div.messagestack_messagebox div.success,
div.messagestack_messagebox p.success {
	padding-left: 20px;
	background: url(silkicons/tick.png) no-repeat;
}

div.messagestack_messagebox div.info, 
div.messagestack_messagebox p.info,
div.messagestack_messagebox div.information, 
div.messagestack_messagebox p.information {
	padding-left: 20px;
	background: url(silkicons/information.png) no-repeat;
}

div.messagestack_messagebox div.error, 
div.messagestack_messagebox p.error,
div.messagestack_messagebox div.failure, 
div.messagestack_messagebox p.failure {
	padding-left: 20px;
	background: url(silkicons/cross.png) no-repeat;
}

/*******************************
1.3		Links
******************************/


/*******************************
1.4		Listen
******************************/


/*******************************
1.5		Tabellen
******************************/


/*******************************
1.6		Formulare
******************************/


/*******************************
1.7		Bilder
******************************/



/********************************************************************************************
2.		Typografie
********************************************************************************************/

/*******************************
2.0. 		Grundlegendes
******************************/

/*******************************
2.2		Text
******************************/
div.messagestack_messagebox span.success,
div.messagestack_messagebox span.ok,
div.messagestack_messagebox span.error,
div.messagestack_messagebox span.failure {
	font-weight: bold;
}

div.messagestack_messagebox span.success,
div.messagestack_messagebox span.ok {
	color: #090;
}
div.messagestack_messagebox span.error,
div.messagestack_messagebox span.failure {
	color: #c00;
}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

div.content_V0 {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:600px; 
}
div.content a, 
div.navigation a {
	text-decoration: none;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
    position: absolute;
    top: 10px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: left;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}


/******************************************************************************************
reset.css
Reset-Stylesheet für die Application "Baustelle"

Autor: Eric Meyer
Version: 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, 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: "" "";
}

/******************************************************************************************
layout.css
Stylesheet-Datei für Layouts der Application "Homepage"

Autor:
Version:
******************************************************************************************

0.	Grundlegendes

1.  Layout 
1.1	Ueberschriften
1.2	Text
1.3	Links
1.4	Listen
1.5	Tabellen
1.6	Formulare
1.7	Bilder

2.  Bestimmte Seiten

******************************************************************************************/

/*******************************
0. 		Grundlegendes
******************************/
body {
	background-image: url(Bilder/body-bg.jpg);
	background-position: center top;	
	color: #2d2d2d;
}
#layout_wrapper {
	width: 914px;
	margin: 20px auto;
	padding-top: 2px; 
}

.js #layout_wrapper {
	background-image: url(Bilder/layout-wrapper-bg.png);
	background-repeat: no-repeat;
	height: 579px;		
}

#layout {
	margin: 15px;
	background-color: white;	
	background-image: url(Bilder/layout-bg.png);	
	background-repeat: no-repeat;	
	background-position: right bottom;
	position: relative;		
	padding-bottom: 25px;	
}

.js #layout {
	height: 542px;	
	padding-bottom: 0px;	
}


#header {
	height: 98px;
	background-color: #fff;
	position: relative;	
	margin-left: 40px;	
	text-align: right;
	padding-top: 12px;
	padding-right: 24px;	
}

#content_wrapper {
	width: 400px;
	padding: 15px 0px 15px 40px;
	border-bottom: 1px solid #006652;		
	border-top: 1px solid #006652;	
	float: left;
	background-image: url(Bilder/lineal.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
	
}



.js #content_wrapper {
	background-position: 414px 0px;	
}

.js #content_wrapper #page_content {
	margin-right: 40px;	
}

#content {
	overflow: auto;	
	height: 373px;	
}



#sidebar {
	margin-left: 470px;
	margin-right: 35px;
	background: url(Bilder/trenn-rot.gif) repeat-x;
	padding-top: 10px;	
}


.js .jScrollPaneTrack {	
	background-color: transparent; 
}


.js .jScrollPaneDrag { 
	position: relative;
	left: -2px;
	background: url(Bilder/pfeil.gif) no-repeat;
	background-position: right 0px;
}



#mainnavi {
	position: absolute;
	top: 20px;
	left: 37px;	
	background-image: url(Bilder/mainnavi-bg.gif);
	background-repeat: repeat-x;
}

@media screen {
	#mainnavi h3,
    #kvh_navi h3,
	#mainnavi p,
	#kvh_navi li.active	 { display: none; }	
}

#kvh_navi,
#page_content h2.trenn {
	background: url(Bilder/trenn-rot.gif) repeat-x;
	padding-top: 20px;	
	margin-top: 2em;
}

#kvh_navi li {
	background: url(Bilder/trenn-rot.gif) repeat-x;
    background-position: 0px bottom;
    padding-bottom: 12px;
    margin-bottom: 10px;
}


.footer {
	position: relative;
	left: 53px;	
    top: -38px;
	padding-right: 26px;
    font-size: 0.8em;
}

.footer p.links,
.footer p.rechts {
    margin-top: 15px;
}

.footer p.links { 
    float: left; 
    position: relative;
    left: -9px;
    top: -8px;
}
.footer p.rechts { 
    float: right; 
}





/* PZ nach links in den weissen Block */
.footer p.rechts { 
    float: none;
    position: absolute;
    top: -50px;
    left: 505px;
}

#gallery2 {
    border: 1px solid red;
}
/*******************************
1.1		Ueberschriften
******************************/
h1.page {
	position: absolute;
	top: 85px;	
    left: 0px;
}

h2 {  }
h3 { margin-top: 1em; }

#kvh_navi li h3 {
    display: block;
	margin-top: 0em;
    margin-bottom: 0em;
}

#page_content h1 {
    margin-top: 2em;
    margin-bottom: 0.5em;
}

/*******************************
1.2		Text
******************************/
#content p {
	margin-bottom: 1em;
}

#caption .caption {
	background: url(Bilder/trenn-rot.gif) repeat-y;
	padding-left: 12px;
	float: right;
	width: 320px;
}
#gallery.quer .caption {
}

#gallery.hoch .caption {
	background: url(Bilder/trenn-rot.gif) repeat-x;
	background-position: 0px bottom;
	margin-left: 285px;
	padding-bottom: 13px;
}

#gallery.hoch .nav-controls {
	margin-left: 280px;
	margin-top: 8px;
	margin-right: 0px;
}


/*******************************
1.3		Links
******************************/
#gallery .nav-controls a span {
	display: none;	
}

#gallery .nav-controls a {
    display: block;
    text-indent: -999em;
    width: 12px;
    float: left;
}
#gallery .nav-controls a.prev {
	background: url(Bilder/pfeil-back-forward.gif) no-repeat;
	background-position: left 1px; 
}

#gallery .nav-controls a.next {
	background: url(Bilder/pfeil-back-forward.gif) no-repeat;
	background-position: right 1px;
}


/*******************************
1.4		Listen
******************************/
#mainnavi  {
	background: url(Bilder/mainnavi-linkes-ende.gif) no-repeat;
	padding-left: 20px;
}

#mainnavi ul {
	background: url(Bilder/mainnavi-rechtes-ende.gif) no-repeat;
	background-position: right 0px;
	height: 44px;		
	padding-top: 13px;
}

#mainnavi ul li { 
	display: inline;
	padding-right: 10px; 
}
#mainnavi ul li.last {
	margin-right: 10px;	
}

dt {
    margin-top: 8px;
    display: block;
}

ul.kalkulation {
    margin: 1em 0em;
}

/*******************************
1.5		Tabellen
******************************/
table.kalkulation {
    position: relative;
    left: 1px;
    width: 300px;
}
table.kalkulation,
table.kalkulation td,
table.kalkulation th {
	border-collapse: collapse;
	border: 1px solid #dadada;	
}
table.kalkulation td,
table.kalkulation th {
	padding: 2px 4px;
	border
}

/*******************************
1.6		Formulare
******************************/


/*******************************
1.7		Bilder
******************************/
#gallery img {
	padding-bottom: 13px;
	background: url(Bilder/trenn-rot.gif) repeat-x;
	background-position: 0px bottom;
	margin-bottom: 10px;
}

#gallery.hoch img {
	float: left;
}

.footer p.rechts img {
    position: relative;
    left: -77px;
    top: 0px;
}

/*****************************************************************************************
2.		Bestimmte Seiten
******************************************************************************************/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/******************************************************************************************
typo.css
Stylesheet-Datei für Typografie der Application "Homepage"

Autor:
Version:
******************************************************************************************

0.	Grundlegendes

1.  Typografie
1.1	Ueberschriften
1.2	Text
1.3	Links
1.4	Listen
1.5	Tabellen
1.6	Formulare
1.7	Bilder

2.  Bestimmte Seiten

16 * 1.4375 = 23
10 * 1.4 = 14
******************************************************************************************/


/*******************************
0. 		Grundlegendes
******************************/

/* rote Schrift */
h1,
#kvh_navi li span.pfeil,
#mainnavi ul a.active { color: #c0002a !important; }

/* grüne Scrhrift */
#mainnavi,
h2,
h3,
.footer div,
table.kalkulation th,
.footer a,
.teaser a,
#kvh_navi h3 a,
#mainnavi a,
#content .teaser { color: #006652; }

body { 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 13.5px;
	font-size: 85% !important;
	line-height: 1.5em;
    color: #000;
}
a { color: #000; }

td a { color: #999; }

/*******************************
1.1		Ueberschriften
******************************/
h1, h2,
#kvh_navi h3 { 
	text-transform: uppercase; 
	font-weight: bold;	
}

h1 { font-size: 1.4em; }

h3 { font-weight: bold;	}

/*******************************
1.2		Text
******************************/
table.kalkulation th,
#content .teaser { font-weight: bold; }

#gallery { 
	font-size: 0.95em; 
	line-height: 1.35em;
} 

#gallery .nav-controls {
	font-weight: bold;	
	color: #888;
}

#kvh_navi li span.pfeil {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 0.8em;
}

.footer p {
	color: #935325;
	font-size: 0.8em;
}

strong, b { font-weight: bold; }

/*******************************
1.3		Links
******************************/
a { 
    color: inherit !important; 
}

.footer a:link,
.footer a:visited,
.navigation a:link,
.navigation a:visited { text-decoration: none; }

.footer a:hover,
.footer a:active,
.footer a:focus,
.navigation a:hover,
.navigation a:active,
.navigation a:focus { text-decoration: underline; }


#gallery .nav-controls a {
	margin: 0px 3px;
	font-size: 1.1em;
	text-decoration: none;		
	font-weight: bold;		
}

#gallery.hoch .nav-controls a {
	margin: 0px 2px;	
}


/*******************************
1.4		Listen
******************************/
#mainnavi { 
	text-transform: uppercase; 
	font-weight: bold;
	font-size: 0.95em;
}

dd {
    font-size: 0.9em;
    color: #888;
}
/*******************************
1.5		Tabellen
******************************/

table.kalkulation {
    font-size: 0.9em;
    color: #888;
}

table.kalkulation td,
table.kalkulation th {
	text-align: right;	
} 




/*******************************
1.6		Formulare
******************************/


/*******************************
1.7		Bilder
******************************/



/******************************************************************************************
2.		Bestimmte Seiten
******************************************************************************************/