/*############################################################*/
/*             STANDARD STYLESHEET www.fp-webmedia.de        */
/*         webdesign by fp-webmedia # www.fp-webmedia.de      */
/*############################################################*/
/*#                  LAYOUT CSS BLOCK ELEMENTE               #*/
/*############################################################*/

/* Außen- und Innenabstände aller Elemente zurücksetzen */
* {
	margin: 0; padding: 0; border: 0px none;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; /* firefox arbeitet mit "100.01%" nicht korrekt und verkleinert schriften*/
/*	font-size: 100.01%;	*/
/*	background: #CCDCF6 url(../pics/background-body_0.gif) repeat-y;	*/
	background-color: #CCDCF6;
	color: #99CCFF;
	margin: 0 auto;
}
#wrapper {
	background: #000 url(../pics/background-wrapper_0.gif) repeat-y 0 0;
	text-align: left;
	width: 999px;
	margin: 0 auto;
}
#head_1 {
	clear: both;
	background-image:url(../pics/head_1.gif);
	width: 999px;
	height: 265px;
	margin-left: 0px;
}
#head_1_neutral {
	clear: both;
	background-image:url(../pics/head_2.gif);
	width: 999px;
	height: 265px;
	margin-left: 0px;
}
#head_1_dat {
	clear: both;
	background-image:url(../pics/head_1_dat_2.gif);
	width: 999px;
	height: 265px;
	margin-left: 0px;
}
#head_1_dat_neutral {
	clear: both;
	background-image:url(../pics/head_1_dat_3.gif);
	width: 999px;
	height: 265px;
	margin-left: 0px;
}
#head_1_shop {
	clear: both;
	background-image:url(../pics/head_3_shop_b.gif);
	width: 999px;
	height: 265px;
	margin-left: 0px;
}
#footer {
	clear: both;
	width: 999px;
	height:25px;
	margin-left: 0px;
	text-align: left;
	background: #CCDCF6 url(../pics/footer_0.gif) no-repeat 0 0px;
}
/* --------------- mal schauen ob sich etwas zum Nachteil verändert oder nicht mehr realisierbar ist -----------
#contentfloatholder {/* also makes the right "sliding" tab
	background: url(../pics/trans.gif) repeat-y 100% 0;
	float: left;
	width: 100%;
	position: relative
}
#contentfloatholder:after {
 /* code für NN6 zu clear floats
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
} ----------------- mal schauen ob sich etwas zum nachteil verändert oder nicht mehr realisierbar ist ----------------*/
#center_p1_navi { /* Navigation Apycom */
	margin-left: 100px;
	width: 707px; /* Maß für Navigationsbalken von apycom! */
	height: 42px;
	display: block;
	margin-right: -95%;
	/* Das muss weniger als 100% für Mozzilla / Mac sein, die denken sonst, es wäre leer anders.
	Der Unterschied ist durch die Anbringung eines gemacht
	negative linken Rand auf der linken margin (Schwimmer):
	Hinweis IE/Mac brauchen diese Methode nicht ~ sie machen die 100% so wie sie es können */
}
#center_p1_0 { /* Standardaufbau Center für Bereich Homepage */
	margin-left: 99px;
	width: 563px; /* echtes Maß= 708, padding-left:125 und -right:20 muss abgezogen werden! */
	display: block;
	background-image: url(../pics/center_p1_2.gif);
	background-repeat: no-repeat;
	margin-right: -95%;
	padding-left: 125px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
#center_p1_0_dat { /* Standardaufbau Center für Datenrettung*/
	margin-left: 99px;
	width: 563px; /* echtes Maß= 708, padding-left:125 und -right:20 muss abgezogen werden! */
	display: block;
	background-image: url(../pics/center_p1_0_dat.gif);
	background-repeat: no-repeat;
	margin-right: -95%;
	padding-left: 125px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
#center_p1_3_shop {
	margin-left: 47px;
	width: 760px; /* breite shopmichel */
	display: block;
	background-image: url(#../pics/center_p1_3_neutral.gif);
	background-repeat: no-repeat;
	margin-right: -95%;
/*	padding-left: 20px;	*/
	padding-top: 20px;
/*	padding-right: 20px;	*/
	padding-bottom: 0px;
}
#center_p1_3_neutral { /* Standardaufbau Center für Bereich Homepage */
	margin-left: 99px;
	width: 563px; /* echtes Maß= 708, padding-left:125 und -right:20 muss abgezogen werden! */
	display: block;
	background-image: url(../pics/center_p1_3_neutral.gif);
	background-repeat: no-repeat;
	margin-right: -95%;
	padding-left: 125px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
/*************       For IE Mac           **************/
/* IE/Win arbeitet sowieso mit dieser Regel, hat aber auch nichts gegen diesen Eintrag */
* html div#center_p1_0 {margin-right: -100%;}
* html div#center_p2_0 {margin-right: -100%;}

#wrapper {
position: relative;
z-index: 80; /* weil bei lightbox z-index 90 eingestellt ist,
	Bilddarstellung muss vor dem wrapper in den Vordergrund */
}
/* ------------ Breadcrumb ----------------------------------------------------------------------*/
.breadcrumb {
    float:left;
	margin-top: -21px;
	font-size: 9px;
	margin-left: -228px;
	margin-bottom: 20px;
	color: #2F2F2F;
	width: 661px;
	height: 12px;
	background: #CCDCF6 url(../pics/breadcrumb.gif) repeat-y 0 0;
	background-color: #CCDCF6;
	padding-left: 150px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.breadcrumb a, .breadcrumb_shop a{
	text-decoration:none;
	color:#4F4F4F;
}
.breadcrumb a:hover, .breadcrumb_shop a:hover{
	text-decoration:underline;
}
.breadcrumb_shop {
    float:left;
	margin-top: -21px;
	font-size: 9px;
	margin-left: -50px; /*vorher 248 */
/*	margin-bottom: 20px;	*/
	color: #2F2F2F;
	width: 661px;
	height: 12px;
	background: #CCDCF6 url(../pics/breadcrumb.gif) repeat-y 0 0;
	background-color: #CCDCF6;
	padding-left: 150px;
	padding-bottom: 2px;
	padding-top: 2px;
}
/*############################################################*/
/*#                 TYPOGRAFISCHE DEFINITIONEN               #*/
/*############################################################*/
/* Standards für Fließtext */
p, li {
	font-size: 0.8em;
	color: #99CCFF;
}
p {
	margin-bottom: 0.8em;
}
a {
	color: #00A0FF;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	text-decoration: underline;
}
ul {/* ----------------Listenelement "Punkt, tuerkis" +++++++++++++++++++*/
	margin: 0 0 1em 2em;
	list-style-image: url(../pics/list12x12-dot8-12.gif);
}
ul li {
	margin-bottom: 0.2em;
	padding-left: 0.3em;
	line-height: 1.2em;
	color: #99CCFF;
}

h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #66CCFF;
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #00AFFF;
	margin-bottom: 0.5em;
}
h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0080FF;
	text-decoration: none;
	margin-bottom: 0.5em;
}
h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #00AFFF;
	text-decoration: none;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 0.8em;
	font-weight: bold;
	color: #0080FF;
	text-decoration: none;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 0.7em;
	font-weight: bold;
	color: #66CCFF;
	text-decoration: none;
	margin-bottom: 0.5em;
}
address {
	margin-left: 0px;
	padding-top: 6px;
	padding-left: 50px;
	font-size: 10px;
	letter-spacing: 1px;
	color: #0050A0;
	font-style: normal;
	font-weight: normal;
}

p.copyright {
	float:right;
	margin: 2px 40px 3px 0px;
	font-size: 10px;
	color: #0050A0;
	text-align: right;
	text-decoration: none;
}
.mark_1{ /*   Schrift für center_p1_0_dat mit Unterlegung */
	background-color:#18354C;
	margin-bottom: 5px;
	padding: 5px;
}
.mark_2 { /*   mit Rahmen - Füllung navi Level 2*/
	background-color:#04485F;
	border:1px #99CCFF solid;
	margin-bottom: 5px;
	padding: 5px;
}
.mark_3 { /*   kein Rahmen - Füllung navi Level 3*/
	background-color:#0B7091;
	margin-bottom: 5px;
	padding: 5px;
}
td.hell { /*   mit Rahmen - keine Füllung */
	padding:5px;
	font-size: 0.8em;
	color:#99CCFF;
	border: #00C0FF 1px solid;
}
td.hell_0 { /*   kein Rahmen - keine Füllung */
	padding:5px;
	font-size: 0.8em;
}
td.linie_hell { /* nur linie oben - keine Füllung*/
	padding:5px;
	font-size: 0.8em;
	color:#99CCFF;
	background-color:transparent;
	border-top: #00C0FF 1px solid;
}
td.linie_dkl { /* nur linie oben - keine Füllung*/
	padding:7px;
	font-size: 0.6em;
	color:#1F1F1F;
	background-color:transparent;
		border-top: #2F2F2F 1px solid;
}

td.dkl { /*   heller Rahmen - dunkle Füllung*/
	padding:5px;
	font-size: 0.8em;
	color:#0090E0;
	background-color: #0C1F2F;
	border: #00C0FF 1px solid;
}
td.dkl_0 { /*   heller Rahmen - keine Füllung*/
	padding:5px;
	font-size: 0.8em;
	color:#0090E0;
	background-color: #0C1F2F;
}
td.balken_hell {
	padding:5px;
	font-size: 0.8em;
	color:#000000;
	background-color:#3B6C94;
		border-top: #00C0FF 1px solid;
		border-left: #00C0FF 1px solid;
		border-right: #00C0FF 1px solid;
		border-bottom: #00C0FF 1px solid;
}
td.balken_dkl {
	padding:5px;
	font-size: 0.8em;
	color:#0090E0;
	background-color: #0C1F2F;
		border-top: #00C0FF 1px solid;
		border-left: #00C0FF 1px solid;
		border-right: #00C0FF 1px solid;
		border-bottom: #00C0FF 1px solid;
}

td.right_neg { /*   kein Rahmen - Füllung negativer Farbverlauf von Hintergrunf*/
	padding:5px;
	font-size: 0.8em;
	background: #CCDCF6 url(../pics/center_right_wrapper_80neg.gif) repeat-y;
}

.entwicklung { /* Schrift für "Seite Zur Zeit noch im Aufbau" */
	font-family:verdana,arial,helvetica;
	color: #FF0000;
	font-size: 11px;
}

.text_bold {
	font-size: 0.8em;
	color:#99CCFF;
	font-weight: bold;
}
.text_small {
	font-size: 0.7em;
	color:#99CCFF;
}
.text_weiss {
	font-family:verdana,arial,helvetica;
	color: #FFF;
	font-size: 0.8em;
	font-weight: lighter;
}
.small_red {
	font-family:verdana,arial,helvetica;
	font-size: 0.6em;
	color: #FF0000;
}
.text_red {
	font-family:verdana,arial,helvetica;
	color: #FF0000;
	font-size: 0.8em;
	font-weight: lighter;
}
.text_bold_red {
	font-family:verdana,arial,helvetica;
	color: #FF0000;
	font-size: 0.8em;
	font-weight: bold;
}
span.red_bold {
	color: #CC0000;
	font-weight: bold;
}
.agb_h4 {
	font-weight: bold;
	color: #00AFFF;
}
/*############################################################*/
/*#  falls erforderlich    NAVIGATION - LEFT       #*/
/*############################################################*/

#center_left {
	float: left;
		width: 99px;
		height: 352px;
}
div#navigation {
    float:left;
	margin-top: 0px;
	margin-left: 0px;
	width: 99px;
	height: 352px;
	background: url(../pics/center_p1_2_left.gif) no-repeat;
}
div#navigation_dat {
    float:left;
	margin-top: 0px;
	margin-left: 0px;
	width: 99px;
	height: 352px;
	background: url(../pics/center_p1_0_dat_left.gif) no-repeat;
}
.navicontainer {
	width:99px;
	margin:0px;
}


#center_left_shop {
	float: left;
		width: 1px;
		height: 352px;
}
div#navigation_shop {
    float:left;
	margin-top: 0px;
	margin-left: 0px;
	width: 1px;
	height: 352px;
	background: url(../pics/center_p1_0_left.gif) no-repeat;
}
.navicontainer_shop {
	width:1px;
	margin:0px;
}
/*   Navigation im Head rechts, für Nebenmenü   */
p.head_navi {
	padding-top: 245px;
	padding-left: 812px;
	height: 11px;
	font-size: 12px;
	font-weight: normal;
	color: #001060;
}
a.head_navi {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
a.head_navi:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.head_naviaktuell {
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
}
/*############################################################*/
/*#                      SPALTE - RECHTS - RIGHT             #*/
/*############################################################*/
#center_right {
	float:right;
	width: 192px;
	height: 352px;
	background: url(../pics/center_right_0.gif) no-repeat;
}
#center_right_dat {
	float:right;
	width: 192px;
	height: 352px;
	background: url(../pics/center_right_0_dat_hdd_1.gif) no-repeat;
}
#center_right_neutral {
	float:right;
	width: 192px;
	height: 452px;
	background: url(../pics/center_right_00.gif) no-repeat;
}
#center_right_dat_hdd_1 {
	float:right;
	width: 192px;
	height: 352px;
	background: url(../pics/center_right_0_dat_hdd_1.gif) no-repeat;
}
#center_right_dat_hdd_2 {
	float:right;
	width: 192px;
	height: 352px;
	background: url(../pics/center_right_0_dat_hdd_2.gif) no-repeat;
}
#center_right_dat_hdd_3 {
	float:right;
	width: 192px;
	height: 352px;
	background: url(../pics/center_right_0_dat_hdd_3.gif) no-repeat;
}
#center_right_corporate {
	float:right;
	width: 192px;
	height: 517px;
	background: url(../pics/corporate_right_1.gif) no-repeat;
}
.center_right_container {
	width: 192px;
	margin: 0px;
}
/* ---------------Schriftfarbe für Text in Center-Right-------------------*/
#center_right p, li {
	font-size: 0.8em;
	color: #FFFFFF;
}
#center_right p {
	margin-bottom: 0.8em;
}

#center_right a {
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#center_right a:hover {
	color:#FFFFFF;
	text-transform: none;
	text-decoration: underline;
}
/*------------ Elemente zur Zeile "Seite empfehlen, Zurück, Nach oben, Weiter" ----------*/
a.link_pfeil {
	height:10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #00A0FF;
	text-decoration: none;
	background-image: url(../pics/pfeil.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
a.link_pfeil_anim {
	height:10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	background-image: url(../pics/pfeil-klein04_anim.gif);
	background-position: center left;
	background-repeat: no-repeat;
	color: #00A0FF;
	text-decoration: none;
}

a.link_pfeil:active, a.link_pfeil:hover, a.link_pfeil_anim:hover {
	height:10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../pics/pfeil-over.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color:#CC0000;
	text-decoration: underline;
}
a.link_pfeil_top {
	height:10px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #00A0FF;
	text-decoration: none;
	background-image: url(../pics/pfeil_top.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
a.link_pfeil_top:active, a.link_pfeil_top:hover {
	height:10px;
	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../pics/pfeil_top-over.gif);
	background-repeat: no-repeat;
	font-size: 1.0em;
	color:#CC0000;
	text-decoration: underline;
}