@charset "utf-8";
/* CSS Document - 03/2009 Florian Wentzel - www.mit-wentzel.de */

* {
	margin:0px;
	padding:0px;
	font-size: 100.01%;
}

html {height: 100%;}
body {
	font-size: 0.625em;
	height: 100%;
	background-color:#c6c6c6;
	text-align:center;
}

body, button, input, optgroup, option, select, textarea, pre {
	/* Basisschriftart */
	font-family: Arial, Helvetica, sans-serif;
}

/* nicht sichtbare hilfselemente */
.novis,
.hidden {height:0em; left:-400em; overflow:hidden; position:absolute; width:100em; display:none; }

/* Standart HTML Elemente Formatieren  */
h1 {font-size: 1.5em; text-transform: uppercase; padding: 0em 0em 0.8em 0em; line-height: 1.2em; color: #00a3d4; }

h1.csc-firstHeader {padding: 0em 0em 0.8em 0em;  }

h2 {font-size: 1.5em; padding: 1.2em 0em 0.4em 0em;  color: #134c73;  }
h3 {font-size: 1.2em; padding: 0.8em 0 0.2em 0;}
h4,
h5,
h6 {font-size: 1.2em; padding: 0.4em 0 0.1em 0;}

.csc-header { clear:both; padding: 0 0; margin: 0 0;}
table caption {  }
body.druckansicht table { padding-left: 5px;}


/* tabellen im content */
table { padding: 0 0; width: auto;}
table caption {visibility:hidden; display:none; padding: 0 15px;  text-align:left; border: 0px;}
table td { vertical-align:top; text-align:left; font-size: 1.0em; padding: 0em 0.5em 0.5em 0em;}
table th { vertical-align:top; text-align:left; font-size: 1.0em; padding: 0em 0.5em 0.5em 0em; font-weight: normal; }
table td strong { white-space:nowrap;}
tabletfoot td { padding: 0.5em 1.5em 0.1em 0em;}

/* Typo3 Element Downloads */
.csc-uploads-icon img { border: 0px;}

/* Formatierung von Links */
p {font-size: 1.2em; line-height: 1.4em; padding-bottom: 0.5em;}
.align-right { text-align:right;}
.align-justify {text-align:justify;}
p a {text-decoration: underline; color:#00a5d7;}
p a:hover { text-decoration: none;}
.download { 
	background-image:url(icon/napshot.gif); 
	background-repeat: no-repeat; 
	padding-left: 15px; 
	display:block; 
	background-position: 0px 2px; 
	text-decoration: none;
	}

ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; padding-right: 15px; }
ul { margin: 0px 0px 0px 0px; list-style-type: square; padding: 0px 0px 0px 16px; padding-right: 15px;}

blockquote {  padding: 0px 0px 0.5em 32px; }

li {font-size: 1.2em; line-height: 1.4em; margin-bottom: 0.6em;}
li li{ }
li p {}

.csc-header { clear:both;}

.indent {padding-left: 1em;}

fieldset {border: 0px;}
fieldset legend {font-weight: bold;}

/* Sonderelement - Seitenbersicht mit inhaltsangabe*/
dt { font-size: 1.0em; font-weight: bold; margin: 1.4em 0 0.4em 0;}
dd { font-size: 1.0em; margin: 0 0 0.4em 0;}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Projektbezogene Settings */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.page-color-product p a ,
.page-color-product h1,
.page-color-product h2 { color:#fbba00; }

.page-color-grafic p a ,
.page-color-grafic h1,
.page-color-grafic h2 {  color:#e16439; }


#page-left-col h1 { text-align: right; padding: 0em 0em 0.4em 0em;}
#page-left-col h3,
#page-left-col h2,
#page-left-col p,
#page-left-col li{ text-align:right;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Besondere Rahmen */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.csc-spaceAfter,
.csc-spaceBefore { clear:both; width: 100%;}

.csc-frame-rulerAfter { border-top: 1px solid #bbbbbb; padding-bottom: 0.5em;}

/* Rahmen 1 */
.csc-frame-indent3366 { padding-right: 33%;width: 100%;}
.csc-frame-rulerBefore {
	clear:both;
	width: 100%;
	margin-bottom: 20px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Sitemaps */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.csc-menu { padding-bottom: 1em;}
.csc-sitemap { margin: 1em 0em;}
.csc-sitemap ul { margin:  0 0; padding: 0 0;}
.csc-sitemap ul ul { margin:  5px 0 0 0; padding: 0 0;}
.csc-sitemap li { margin: 0 0 10px 0px;  list-style: none; font-weight: bold;}
.csc-sitemap li li{ font-weight: normal; margin: 0 0 10px 15px;}
.csc-sitemap li li li{ font-style:italic;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* CSC - Mailform Typo3 Formulare */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

input,
textarea ,
select ,
option,
label  { font-size: 1.2em; }
fieldset { margin: 0 0; padding: 0 0; border: 0px;}
.csc-mailform { 
	border: 0px; 	
	width: 440px;
	overflow: hidden;
	border: 0px;
	padding: 0 0;
}

.csc-mailform-field { 
	border: 0px;
	margin: 0 0;
	margin-bottom: 0.4em;
	padding: 0 0;
	clear:both;
	}
.csc-mailform-label {
	font-weight: bold;
	padding:8px 0 0 0px;
  margin-bottom: 0.4em;
	display:block;
	font-size: 1.2em;
}

.csc-mailform-field p {margin: 3px 10px 2px 5px;  padding: 2px 0; font-weight: normal;}
.csc-mailform-field label { 
	float:left; 
	margin: 3px 10px 2px 0;
	padding: 2px 0 0 0px;
	display: block;  
	width: 200px;  
	line-height: 1.0em;
	}

.csc-mailform-field input,
.csc-mailform-field textarea { width:200px; padding: 2px;}
.csc-mailform-field select  {width:200px;}
.csc-mailform-field option { padding: 2px;}
.csc-mailform-field .csc-mailform-submit {
	font-weight: bold;
	width: auto;
	padding: 2px 0px;
	margin-right: 22px;
}
.csc-field-submit label { visibility:hidden;}
.csc-mailform-submit { float:right;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* @ umschreibung für Anti Spam schutz der E-Mail Adressen*/
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.liam {
	background-image:url(images/at.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px 2px 0px 2px;
}

.ups { background-image:url(images/ups.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px 1px 0px 1px;
}