/*---------------------------------------------
  DECAF° agentur für digitale kommunikation
  www.decaf.de
---------------------------------------------*/

html {
	min-height:101%; /* Scrollbalken dauerhaft einblenden, um "springen" zu vermeiden */
	}
body {
  background:#FFF; color:#000;
  font-family:Helvetica,Arial,sans-serif;
  font-size:100.01%; line-height:1.2em; font-weight:normal;
  margin:5px 0 0 0; padding:0;
	width:100%;
  }
img {
  margin:0; padding:0; border:0;
  }
hr {
	height:20px; margin:0; padding:0;
	visibility:hidden;
	}
.noprint {
	/* display:run-in; */
	}

h1 {
  font-family: "Times New Roman",serif; font-size:1.3em; line-height:1.2em; font-weight:normal;
  margin:10px 0 0.3em 0; padding:0 0 0.2em 0.2em;
  border-left: solid #009F9D 2px;
  border-bottom: solid #009F9D 2px;
	}
h2 {
  font-size:1em; line-height:1.3em; font-weight:bold;
  margin:0; padding:8px 0 0 0;
	color:#009F9D;
	}
h3, h4 {
  font-size:0.85em; line-height:1em; font-weight:bold;
  margin:0 0 0.5em 0; padding:0;
	}
p {
  font-size:0.85em; line-height:1.5em; font-weight:normal;
  margin:0 0 0.6em 0; padding:0;
	}
p.small {
	font-size:0.7em;
	}
a {
  text-decoration:underline; color:#009F9D;
	}
a span {
	display:none;
	}

	

div#container {
  min-width:772px;
	margin:0; padding:0;
	}

div#sidebar {
  width:265px; float:left;
	margin:0; padding:0;
	}
div#side_content {
	margin:0 0 0 45px; width:220px;
	}
	
div#navi {
  background:#EEE; height:400px;
	width:220px; margin:20px 0 0 45px;
	}

	
div#main {
	margin:0 0 0 35%; padding:0;
	border-top:8px solid #009F9D;
	}
div#content {
	width:500px;
	margin:0 0 100px 0; padding:0;
	}
body#home div#content {
	margin-bottom:20px; /* Scrollbalken auf Startseite verkürzen */
	}
	

div#products {
  width:770px; height:280px;
  position:relative; left:-270px;
	margin:0 0 20px 0; padding:0;
	}


img#header {
	width:265px;
	height:170px;
	}
body#home img#header {
	width:265px;
	height:140px;
	}	
img#logo {
  margin:60px 0 28px 0;
	}


	
ul#navi {
  	margin:5px 0 20px 0; padding:0; width:220px;
	font-size:0.85em; line-height:1.3em; font-weight:normal;
	}
ul#navi a {
	display:block; text-decoration:none;
	margin:0; padding:5px 10px 4px 20px;
	background:#E9F1F1 url(./li_linie.gif) 1px 0 repeat-y; color:#000;
	}
ul#navi li {
  margin:0 0 3px 0; padding:0; list-style-type:none;
	}
ul#navi li.break {
	margin-bottom: 12px;
	}
ul#navi li#act a {
	background:#9FC5C5 url(./li_linie_akt.gif) 1px 0 repeat-y; color:#FFF;
	}
ul#navi li a:hover {
	background-color:#DAE7E7;
	padding:6px 9px 3px 21px;
	}
ul#navi li#act a:hover {
	cursor:default;
	padding:5px 10px 4px 20px;
	}
ul#navi li.open:hover {
	background-color:#FFF;
	}




p#provider,
p#provider a {
	margin:10px 0 20px 0;
	color:#666;
	}
p#provider a {
	color:#009F9D;
	}

p#realisation {
	margin-top: 30px;
	}


	
img#tuev {
	position: relative; left: 220px; top: 5px;
	margin-bottom: -58px;
	float: left;
	}
	
	
	
div.pics {
	padding: 20px 0;
	}
div.pics img#bild {
	padding: 0 0 5px 0;
	}
div.pics a img {
	margin:0 5px 5px 0;
	}
	

div#startnavi {
	margin:10px 0 10px -254px;
	width:752px; height:312px;
	position:absolute; /* Safari */
	}
div#startnavi a {
	display:block;
	float:left;
	overflow:hidden;
	}
div#startnavi a span {
	display:none; /* Text ausblenden */
	}
div#startnavi a#sn1 {
	background:#E9F1F1 url(./startnavi_01.gif) no-repeat;
	width:121px; height:151px;
	margin:0 2px 0 0;
	}
div#startnavi a:hover#sn1 {
	background:#9FC5C5 url(./startnavi_01.jpg) no-repeat;
	}
div#startnavi a#sn2 {
	background:#E9F1F1 url(./startnavi_02.gif) no-repeat;
	width:121px; height:151px;
	margin:0 10px 0 0;
	}
div#startnavi a:hover#sn2 {
	background:#9FC5C5 url(./startnavi_02.jpg) no-repeat;
	}
div#startnavi a#sn3 {
	background:#E9F1F1 url(./startnavi_03.gif) no-repeat;
	width:121px; height:151px;
	margin:0 2px 0 0;
	}
div#startnavi a:hover#sn3 {
	background:#9FC5C5 url(./startnavi_03.jpg) no-repeat;
	}
div#startnavi a#sn4 {
	background:#E9F1F1 url(./startnavi_04.gif) no-repeat;
	width:121px; height:151px;
	margin:0 10px 0 0;
	}
div#startnavi a:hover#sn4 {
	background:#9FC5C5 url(./startnavi_04.jpg) no-repeat;
	}
div#startnavi a#sn5 {
	background:#E9F1F1 url(./startnavi_05.gif) no-repeat;
	width:244px; height:151px;
	margin:0 0 10px 0;
	}
div#startnavi a:hover#sn5 {
	background:#9FC5C5 url(./startnavi_05.jpg) no-repeat;
	}
div#startnavi a#sn6 {
	background:#E9F1F1 url(./startnavi_06.gif) no-repeat;
	width:244px; height:151px;
	margin:0 10px 0 0;
	clear:left;
	}
div#startnavi a:hover#sn6 {
	background:#9FC5C5 url(./startnavi_06.jpg) no-repeat;
	}
div#startnavi a#sn7 {
	background:#E9F1F1 url(./startnavi_07.gif) no-repeat;
	width:244px; height:151px;
	margin:0 10px 0 0;
	}
div#startnavi a:hover#sn7 {
	background:#9FC5C5 url(./startnavi_07.jpg) no-repeat;
	}
div#startnavi a#sn8 {
	background:#E9F1F1 url(./startnavi_08.gif) no-repeat;
	width:244px; height:151px;
	margin:0;
	}
div#startnavi a:hover#sn8 {
	background:#9FC5C5 url(./startnavi_08.jpg) no-repeat;
	}
	
	
	
div#startcontent {
	margin-top:342px;
	}	

	
	
/*-------------------------------------
  Formular
-------------------------------------*/


form.showmail {
  padding:0; margin:0 0 10px 0;
  }
form.showmail input.submit {
	border:1px solid #C4D3D3; border-left:3px solid #C4D3D3; cursor:pointer;
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;	font-size:0.85em;
	background-color:#657B7B; color:#FFFFFF;
  margin:0; padding:2px 10px;
	width:auto;
  }
form.showmail input.submit:hover,
form.showmail input.submit:focus {
  background-color:#009F9D;
  cursor: pointer;
  }



form#cform {
  border:none; width:500px; padding:0; margin:1em 0 1.5em 2px;
	overflow:hidden; /* Opera */
  }
form#cform fieldset {
  border:none; padding:0 0 1.5em 0; margin:0;
	overflow:hidden; /* Opera */
  }
form#cform input.field,
form#cform textarea {
  font-family:monospace;
	font-size:1em; line-height:1.5em; font-weight:normal;
  background-color:#E9F1F1; color:#000000;
  margin:0 0 0.5em 0; padding:0.2em 10px 0.2em 10px;
  border:1px solid #C4D3D3; border-left:3px solid #C4D3D3; cursor:pointer;
	width:476px;
  }
form#cform input.error,
form#cform textarea.error {
  border:1px solid #009F9D; border-left:3px solid #009F9D;
  }
form#cform label,
form#cform p.label {
  color:#000000;
	font-size:0.85em; line-height:1.3em; font-weight:normal;
	margin:0; padding:0 0 0.2em 0;
	display:block; cursor:pointer;
	clear:left;
  }
form#cform p.label {
  padding-bottom:0.6em;
	}	
form#cform label.cbox {
  clear:none; margin:0;
	padding:0 0 0.6em 10px;
	display:table-cell;
	}
form#cform label:hover,
form#cform label:focus {
  color:#009F9D;
  }
form#cform input:focus,
form#cform textarea:focus {
  border-left:3px solid #009F9D; background-color:#DAE7E7;
  }
form#cform input.submit {
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;	font-size:0.85em;
	background-color:#657B7B; color:#FFFFFF;
	border:1px solid #C4D3D3; border-left:3px solid #C4D3D3; cursor:pointer;
  margin:0 0 0 250px; padding:2px 0;
	width: 250px;
  }
form#cform input.submit:hover,
form#cform input.submit:focus {
  background-color:#009F9D;
  cursor: pointer;
  }
form#cform input.checkbox {
	width:auto; background:none;
	margin:0; padding:0; border:0;
	clear:left; float:left;
	height:1.4em; vertical-align:center;
	}

form#cform p.error {
  font-size:0.7em; line-height:1.5em;  font-style:normal;
	margin:0; padding:4px 10px;
  font-weight:bold; 
	background:#009F9D; color:white;
	display:inline;
  }
p.info {
	font-size:0.85em; line-height:1.3em; font-style:normal;
	margin:0; padding:0.3em 0.5em 0.4em 0.5em;
  font-weight:normal; color:white;
  }
p.err {
  background:#009F9D;
  }
p.ok {
  background:#009F9D;
  }



form#cform .b25,
form#cform .b25r {
  width:125px; float:left;
	}
form#cform .b25 input {
  width:91px; margin-right:10px;
	}
form#cform .b25r input {
  width:101px; margin-right:0;
	}
	
form#cform .b50,
form#cform .b50r {
  width:250px; float:left;
	}
form#cform .b50 input {
  width:216px; margin-right:10px;
	}
form#cform .b50r input {
  width:226px; margin-right:0;
	}

form#cform .b75,
form#cform .b75r {
  width:375px; float:left;
	}
form#cform .b75 input {
  width:341px; margin-right:10px;
	}
form#cform .b75r input {
  width:351px; margin-right:0;
	}
	
	
	
/* DECAF */

div#decafmedia {
  position:absolute; left:4px; bottom:15px; width:12px; height:64px; border:0;
  }
div#decafmedia a, div#decafmedia a:link, div#decafmedia a:hover, div#decafmedia a:focus {
  text-decoration:none; border:none; background:none;
  }