﻿body#home a#homenav,
body#produkte a#prodnav,
body#dienstleistungen a#dienstnav,
body#downloads a#downnav,
body#links a#linksnav,
body#partner a#partnernav,
body#kontakt a#kontaktnav,
body#impressum a#impressumnav { color: #8C111A; }

/* Layout */

#top_img { margin: 0; padding: 0; border: 0; width: 763px; position: absolute; height: 109px; }

#intro { clear: both; margin: 0; padding: 15px 25px 0 15px; border: 0; display: block; color: #9E9C9C; position: relative; height: 20px; }

#wrap_start { margin: 0 auto; padding: 0; width: 763px; border: 0; background: transparent url(images/wrap_start_bg.jpg) repeat-y; position: relative; }

#head_start { width: 763px; border: 0; background: transparent url(images/head_start.png) top left no-repeat; text-align: center; position: relative; height: 173px; }

#wrap { margin: 0 auto; padding: 0; width: 763px; border: 0; background: transparent url(images/wrap_bg.jpg) repeat-y; position: relative; }

#head { width: 763px; border: 0; background: transparent url(images/head.jpg) top left no-repeat; text-align: center; position: relative; height: 231px; }

#content { clear: both; margin: 0; padding: 0; border: 0; width: 760px; }
#content1 {clear: both; margin: 0; padding: 0px 0px 0px 40px; border: 0; width: 760px; }
#left { position: relative; float: left; margin: 0px 15px 0px 5px; padding: 5px; width: 220px; clear: right; }
.tabheight {height:160px; margin: 0px 0px 5px 0px;}

#left_kasp { position: relative; float: left; margin: 0px 15px 0px 5px; padding: 0px 0px 0px 0px; width: 220px; clear: right; }


.extras { margin: 0 0 10px 0; padding: 10px; text-align: left; }

.leftProdukt {  margin: 0px 10px 0 0 !important; margin: 0px 10px 0 0; background: url(images/leftProdukt.gif) no-repeat bottom right; }

.leftProdukt IMG  {  border: 1px solid #990033; margin: 0px0px 0px 0px; padding: 0px; display: block; background: #fff; position: relative; }

#right { position: relative; float: right; margin: 0px 15px 0px 0px; padding: 0; width: 470px; }




.no_styles { display: none; }

/* Navigation */
#navcontainer { clear: both; margin: 0; padding: 0; border: 0; }

ul#navlist { margin: 5px 0px 0px 10px; position: relative; padding: 0; float: left; list-style: none; display: inline; white-space: nowrap; background: transparent; text-transform: uppercase; width: 630px; font-size: 11px; }

ul#navlist li { float: left; margin: 0; padding: 0; background: transparent url(images/navi-li.gif) no-repeat top right; font: bold 11px Arial, Helvetica, sans-serif; }

#navlist a, #navlist a:link { float: left; margin: 0; padding: 7px; border: 0; display: block; color: #035688; text-decoration: none; }

#navlist a:hover { float: left; margin: 0; padding: 7px; display: block; color: #fff; background: transparent url(images/navi-li-over.jpg) no-repeat top left; text-decoration: none; }


/* Allgemeines */
html, body, div, p, ul, dd,
span, table, td, form, li { margin: 0; padding: 0; font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,arial,sans-serif; text-align: center; }

html, body { background: #E0E0E0; font: normal 11px/1.4em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,arial,sans-serif; height: 100%; }

h1, h2, h3 { margin: 0; padding: 0; font-family: Verdana, Helvetica, sans-serif; text-align: left; }


a:link { padding: 2px; color: #990033; text-decoration: none; }

a:visited { color: #990033; text-decoration: none; }

a:hover { background: #CCFF33; color: #000; text-decoration: none; }

a:active { color: #000; text-decoration: underline; }

#topthema a:link { padding: 2px; color: #fff; text-decoration: none; }

#topthema a:visited { color: #fff; text-decoration: none; }

#topthema a:hover { background: none; color: #fff; text-decoration: underline; }

#topthema a:active { color: #fff; text-decoration: none; }

strong { font-weight: bold; }

img, a img { border: 0; }

a:hover img { background-color: #fff; }

p { font-size: 11px; text-align: left; }

.rightalign { float: right; margin-left: 10px; margin-right: -5px; }

.leftalign { float: left; margin-right: 10px; margin-left: -5px; }


/* Listen */
ul, li, ol { padding: 0; margin: 0; list-style-type: none; text-align: left; }
ul, ol, dl { position: relative; }
#right ol { margin: 5px 7px 0 20px; padding: 5px; }



/* Headlines */
h2 { font: 16px georgia, Times New Roman, serif; text-transform: uppercase; text-align: left; margin: 5px 0 0 0; color: #B81D25; font-size: 18px; background: transparent; padding: 0 0 0 2px; }

h3 { color: #074677; font-family: Verdana, Helvetica, sans-serif; text-transform: uppercase; clear: both; letter-spacing: 1px; }

h4 { margin: 20px 25px 5px 7px; padding: 0; border-bottom: 1px solid #7E7E7E; color: #7E7E7E; font-size: 11px; font-weight: bold; letter-spacing: normal; text-align: left; }

h5 { clear: both; margin: 0; padding: 2px; border-bottom: 1px dotted #7E7E7E; color: #7E7E7E; font-size: 11px; font-weight: bold; letter-spacing: normal; text-align: left; }

h6 { clear: both; margin: 0; padding: 2px; border-bottom: 1px dotted #7E7E7E; color: #990033; font-size: 11px; font-weight: bold; letter-spacing: normal; text-align: left; }

#left h2{ clear: both; font-family: Verdana, Helvetica, sans-serif; margin: 15px 0 2px 0; padding: 0; border-bottom: 1px solid #B81621; color: #5B5B5B; font-size: 11px; font-weight: bold; }

#left li { padding:0 20px 2px 0;}

.hdomreg {margin: 0px 0px 0px 0px;  color: #074677; font-family: Verdana, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 12px; clear: both; letter-spacing: 1px; text-align: left; }
.h2domreg { georgia, Times New Roman, serif; text-transform: uppercase; text-align: left; margin: 5px 0px 0px 20px; color: #B81D25; font-size: 12px; background: transparent; padding: 0 0 0 2px; }



#right h2 { margin: 5px 0 0 0; padding: 0 0 5px 19px; font: 16px georgia, Times New Roman, serif; text-transform: uppercase; text-align: left; color: #B81D25; font-size: 18px; background: transparent; }

#right h4 { margin: 18px 0 0 0; padding: 0 0 16px 19px; background: transparent url(images/pg/h3.jpg) no-repeat 10px 13px; font-weight: bold; font-size: 14px; border: 0; }

#row_1 #right h2 { clear: both; font-family: Arial, Helvetica, sans-serif; margin: 15px 0 0 10px; padding: 0; color: #5B5B5B; font-size: 10px; font-weight: bold; border: none; }

#left h3 { margin: 5px 0 5px 0; padding: 0; color: #5B5B5B; font-size: 12px; letter-spacing: normal; }

#right h3 {margin: 18px 0 0 0; padding: 0 0 5px 19px; font-weight: normal; font-size: 18px; letter-spacing: -1px;
background-repeat: no-repeat; background-image: url(images/h3.jpg); background-position: 10px 10px;}

#right h5 { clear: both; margin: 5px 0 0 0; padding: 0 0 5px 19px; color: #7E7E7E; font-size: 11px; font-weight: bold; letter-spacing: normal; text-align: left; text-decoration: underline; border: none; }


/* Layout Start */

#row_1 { clear: both; margin: 0; padding: 0; border: 0; width: 763px; overflow: hidden; }

#topthema { clear: both; margin: 0 auto; padding: 0; position: relative; text-align: left; color: #fff; background: transparent url(images/tt_bg.png) repeat-y; }

#topthema_top { background: transparent url(images/tt_top.png) top left no-repeat; width: 361px; height: 24px; }

#topthema_bottom { background: transparent url(images/tt_bottom.png) top left no-repeat; width: 361px; height: 23px; }

#topthema_main { background: transparent; width: 310px; padding: 0 20px; text-align: left; }


/* Layout¸bergreifend */


#row_1 #right { position: relative; float: right; margin: 0; padding: 10px 25px 0 0; width: 361px; }

#right p { margin: 5px 25px 5px 7px; text-align: left; }

#row_1 #right p { clear: both; margin: 5px 25px 5px 7px; text-align: left; font-size: 1.2em; }

#row_1 #right #topthema p { margin: 3px 0; padding: 0; text-align: left; font-size: 1.1em; }

#footer { clear: both; margin: 0 6px; border: 1px solid #5A5959; background: #7E7E7E; position: relative; height: 35px; bottom: 10; }

#footer p, #footer a { color: #E9E8E8; font-size: 10px; text-align: right; }

#footer p { padding: 3px; }

#footer a:link { font-weight: bold; }

	
/* Formatierungen */
#right p { margin: 0 0 5px 19px; padding: 3px; font-size: 11px; text-align: left; line-height: 1.5em; }

.date { padding: 0 0 13px 19px; color: #7E7E7E; font-size: 11px; text-align: left; }

.tab { padding: 0 0 0px 0px; color: #000000; font-size: 10px; text-align: left; }
.tabbox { width: 430px;margin: 0px 0px 0px 20px; color: #000000; font-size: 10px; text-align: left; }
#tableft { width: 452px;margin: 0px 0px 0px 20px; color: #000000; font-size: 10px; text-align: left; }
.tableft { color: #000000; font-size: 9px; text-align: left; }
#tabright { color: #000000; font-size: 11px; text-align: right; }

/* Bilder */	
	
.rahmen { margin: 10px 10px 0 0 !important; margin: 10px 10px 0 0; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow.gif) no-repeat bottom right; }

.rahmenstart { margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; background: url(images/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow_start.gif) no-repeat bottom right; }

.rahmen IMG, .rahmenstart IMG  { border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; display: block; background: #fff; position: relative; }


.rahmen a, .rahmen a:hover, .rahmenstart a, .rahmenstart a:hover { padding: 0; margin: 0; }

/* linkliste rechts */

.grau { background: #fff url(images/liDuBlau.png) top left repeat-x; padding: 5px; border-top: 1px solid #E0E0E0; margin: 5px 7px 0 20px; text-align: left; overflow: hidden; }

.white { background: #fff url(images/liBlau.png) top left repeat-x; padding: 5px; border-top: 1px solid #E0E0E0; margin: 5px 7px 0 20px; text-align: left; overflow: hidden; }	
	
/* Formulare */

#kontaktformular, #suchen { width: 400px; text-align: left; font-size: 11px; margin: 0 20px 0 20px; }

.senden { border: 1px solid #7E7E7E; background: #fff url(images/navi-li-over.jpg) repeat-x; cursor: pointer; width: 150px; color: #fff; font-weight: bold; }

	
input, textarea { color: #0D97CC; font: normal 11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,arial,sans-serif; width: 250px; }

.radio, .checkbox { color: #0D97CC; font: normal 11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,arial,sans-serif; width: 25px; margin: 3px 0 0 0; }

select { border: 0; color: #0D97CC; font: normal 11px "Lucida Grande","Lucida Sans Unicode",geneva,verdana,arial,sans-serif; letter-spacing: 1.2px; text-transform: uppercase; }

#reihe1 { clear: both; margin: 0; padding: 0; border: 0; width: 763px; }


#left_start {
	position: relative;
	float: left;
	margin: 15px 0px 0px 15px;
	padding: 10px;
	width: 220px;
	height: 200px;

	clear: right;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}
#middle_start {
	position: relative;
	float: left;
	margin: 15px 0px 0px 15px;
	padding: 10px;
	width: 200px;
	height: 200px;

	clear: right;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
}
#right_start { 
position: relative; 
float: left; 
margin: 15px 0px 0px 15px; 
padding: 10px; 
width: 200px;
height: 200px;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px; }

