HTML, BODY { 
  height: 100%; 
}

BODY { 
  background-image: url(../images/body_hg.gif);
  background-repeat: repeat-x;
  background-color: #000;
  margin: 0; 
  padding: 0; 
  height: 100%;
}

BODY, TD, TH, P, DIV { 
  color: #000; 
  font-size: 12px; 
  font-family: Arial, sans-serif;
}


/* --------------------- WRAPPER --------------------- */
#wrapper { 
  width: 952px; 
  min-height: 100%;
  position: relative;
	margin: 0px auto;
	background-image: url("../images/wrapper_hg.jpg");
	background-repeat: repeat-y;
	background-position: 199px;
}

/* --------------------- IE-FIX für Wrapper --------------------- */
* HTML #wrapper { 
  height: 100%;
}

#wrapper_home { 
  width: 952px; 
  min-height: 100%;
  position: relative;
	margin: 0px auto;
}

/* --------------------- IE-FIX für Wrapper --------------------- */
* HTML #wrapper_home { 
  height: 100%;
}


/* --------------------- HEADER --------------------- */
#header {
	height: 127px;
	width: 952px;
	background-image: url(../images/body_hg.gif);
  background-repeat: repeat-x;
}

#header #logo {
	width: 199px;
	height: 127px;
	float: left;
}

/* --------------------- Header-Hauptnavigation --------------------- */
#header #meta_navigation_1 {
	float: left; 
	width: 753px;
	height: 27px;
	padding-top: 100px;
}

#header #meta_navigation_1 .nav_button {
	float: left;
	padding-left: 9px;
	padding-right: 9px;
	text-align: center;																																																																																																								
}

#header #meta_navigation_1 .nav_sep {
	float: left;
	height: 13px;
	width: 2px;
	font-size: 1px;
	background-image: url(../images/nav_sep.jpg);
  background-repeat: no-repeat;																																																																																																							
}


/* --------------------- Mein-Dialog (inkl. Suchfeld) --------------------- */
#header #my_dialog {
	position: absolute; 
	left: 640px;
	top: 15px;
	width: 312px; 
	height: 18px;
}

#header #my_dialog #links {
	float: left;
	color: #707070; 
	width: 145px; 
	height: 18px; 
	line-height: 18px; 
	font-size: 11px; 
	text-decoration: none;
	text-align: right;
}

#header #my_dialog #links a {
	color: #FFF; 
	width: 145px; 
	height: 18px; 
	line-height: 18px; 
	font-size: 11px; 
	text-decoration: none;
}

#header #my_dialog #links a:hover {
	color: #96b4d2; 
}

#header #my_dialog #searchbox {
	float: left;
	color: #000; 
	width: 160px; 
	height: 18px;
	background-color: white;
	margin-left: 7px;
	background-image: url(../images/lupe_icon.jpg);
  background-repeat: no-repeat;						
}

#header #my_dialog #searchbox input {
	font-size: 11px; 
	margin-left: 20px;
	border-width: 0px;
	border-color: #FFF;
	border-style: none;
	width: 130px;
	height: 15px;
	color: #AAA;
}


/* --------------------- Haupt-Content (3 Spalten) --------------------- */
#main {
	clear: both;
	width: 952px;
}

#main #c_left {
	float: left;
	width: 192px;
	padding-right: 7px;
}

/* --------------------- Navigation (Links) --------------------- */
#main #c_left #nav_sep {
	width: 192px;
	height: 2px;
	font-size: 1px;
	background-image: url(../images/nav_left_top_sep.jpg);
  background-repeat: repeat-x;
}

#main #c_left #meta_navigation_2 {
	width: 192px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#main #c_left #meta_navigation_2 a.nav_button {
	background-image: url(../images/nav_button_left_hg.gif);
  background-repeat: repeat-x;
  /*width: 182px;*/
  height: 25px;
  display: block;
  color: #96b4d2;
  font-size: 12px;
  line-height: 25px;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  text-decoration: none;																																																																																																				
}

#main #c_left #meta_navigation_2 a.nav_button:hover {
	background-image: url(../images/nav_button_left_hg_hover.gif);
	color: #FFF;																																																																																											
}

#main #c_left #meta_navigation_2 a.sub_nav_button {
	background-image: url(../images/nav_button_left_hg.jpg);
  background-repeat: repeat-x;
  width: 162px;
  height: 25px;
  display: block;
  color: #96b4d2;
  font-size: 12px;
  line-height: 25px;
  font-family: Arial, sans-serif;
  padding-left: 30px;
  text-decoration: none;																																																																																																				
}

#main #c_left #meta_navigation_2 a.sub_nav_button:hover {
	background-image: url(../images/nav_button_left_hg_hover.jpg);
	color: #FFF;																																																																																											
}


/* --------------------- Handy-Slider (Startseite) --------------------- */
#main #c_left #handy_slider {
	width: 190px;
	height: 320px;
	background-image: url(../images/handy_slider_hg.jpg);
  background-repeat: no-repeat;
}
#main #c_left #handy_slider h1 { font-size: 19px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }


/* --------------------- Kleine-Contentbox auf der linken Seite (Startseite) --------------------- */
#main #c_left .start_box_small {
	margin-top: 15px;
	float: left;
	width: 190px;
	height: 165px;
}


/* --------------------- Mittlerer Bereich (Content) --------------------- */
#main #c_middle {
	float: left;
	width: 586px;
	color: #000;
	font-size: 12px;
}

#main #c_middle #breadcrum {
	width: 576px;
	height: 23px;
	line-height: 23px;
	background-image: url(../images/bread_crum_nav_hg.jpg);
  background-repeat: repeat-x;
  padding-left: 10px;
  color: #3C6B99;
  font-size: 11px;
}

#main #c_middle #breadcrum a {
  color: #3C6B99;
  font-size: 11px;
  text-decoration: none;
}

#main #c_middle #breadcrum a:hover {
  color: #3C6B99;
  font-size: 11px;
  text-decoration: underline;
}


/* --------------------- Kleine-Contentboxen unterhalb des großen Bildes (Startseite) --------------------- */
#main #c_middle .start_box_small {
	margin-top: 15px;
	float: left;
	width: 190px;
	height: 165px;
}

#main #c_middle .start_box_small_spacer {
	float: left;
	width: 8px;
	height: 165px;
	font-size: 1px;
}

/* --------------------- Haupt-Inhaltsbereich (Content) --------------------- */
#main #c_middle #content {
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 50px;
}

#main #c_middle #content p { 
  margin: 0;
}

#main #c_middle #content img { 
	border:0;
}

#main #c_middle #content h1 { font-size: 19px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }
#main #c_middle #content h2 { font-size: 17px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }
#main #c_middle #content h3 { font-size: 14px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }
#main #c_middle #content h4 { font-size: 13px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }
#main #c_middle #content h5 { font-size: 11px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }
#main #c_middle #content h6 { font-size:  9px; font-weight: bold; color: #3C6B99; font-family: Arial, sans-serif; margin: 0; }

.hx_dark { color:#223c56; }

#main #c_middle #content a { font-family: Arial, sans-serif; text-decoration: none; color: #3C6B99 }
#main #c_middle #content a:hover { font-family: Arial, sans-serif; text-decoration: underline; color: #3C6B99 }
/*#main #c_middle #content a:visited { font-family: Arial, sans-serif; text-decoration: none; color: #3C6B99 }*/

#main #c_middle #content ul li{
	list-style-image:url("../images/li.gif");
	margin-left:-20px;
}

#main #c_middle #content .handybox_left {
	padding: 15px;
	padding-top:10px;
	float: left;
	width: 165px;
	height: 275px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9C9C9C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C9C9C;
	font-size: 11px;
}

#main #c_middle #content .handybox_left li {
	list-style-type: disc;
}


#main #c_middle #content .handybox_middle {
	padding: 15px;
	padding-top:10px;
	float: left;
	width: 164px;
	height: 275px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9C9C9C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C9C9C;
	font-size: 11px;
}

#main #c_middle #content .handybox_right {
	padding: 15px;
	padding-top:10px;
	float: left;
	width: 165px;
	height: 275px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C9C9C;
	font-size: 11px;
}

/* ------------ Mobiles Internet Hardware --------- */
#main #c_middle #content .mihbox_left {
	padding: 15px;
	padding-top:10px;
	float: left;
	width: 165px;
	height: 275px;
	font-size: 11px;
	border: 1px solid lightgrey;
}

#main #c_middle #content .mihbox_left li {
	list-style-type: disc;
}


#main #c_middle #content .mihbox_middle {
	padding: 15px;
	padding-top:10px;
	float: left;
	width: 164px;
	height: 275px;
	font-size: 11px;
	border: 1px solid lightgrey;
}

#main #c_middle #content .mihbox_right {
	padding: 15px;
	padding-top:10px;
	float: left;
	width: 165px;
	height: 275px;
	font-size: 11px;
	border: 1px solid lightgrey;
}


/* --------------------- Rechte Spalte (Link-Boxen, Kundenlogin, Kontakt, etc.) --------------------- */
#main #c_right {
	float: left;
	width: 160px;
	padding-left: 7px;
}


/* --------------------- Kunden-Login Box --------------------- */
#main #c_right #kundenlogin {
	width: 160px;
	height: 183px;
	background-image: url(../images/box_login_hg.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

#main #c_right #kundenlogin .header {
	width: 153px;
	height: 23px;
	color: #96b4d2;
  font-size: 12px;
  line-height: 23px;
  font-family: Arial, sans-serif;
  padding-left: 7px;
}
#main #c_right #kundenlogin .content {
	width: 146px;
	color: #FFF;
  font-size: 11px;
  font-family: Arial, sans-serif;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
}

#main #c_right #kundenlogin TD, #main #c_right #kundenlogin TH, #main #c_right #kundenlogin P, #main #c_right #kundenlogin DIV {
	color: #FFF;
	font-size: 11px;
}

#main #c_right #kundenlogin a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

#main #c_right #kundenlogin a:hover {
	color: #96b4d2;
	font-size: 11px;
	text-decoration: none;
}

/* --------------------- Standard Box (rechte Seite) --------------------- */
#main #c_right .stdbox {
	width: 160px;
	height: 122px;
	background-image: url(../images/box_std_hg.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

#main #c_right .stdbox .header {
	width: 153px;
	height: 23px;
	color: #96b4d2;
  font-size: 12px;
  line-height: 23px;
  font-family: Arial, sans-serif;
  padding-left: 7px;
}
#main #c_right .stdbox .content {
	width: 146px;
	color: #FFF;
  font-size: 11px;
  font-family: Arial, sans-serif;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
}

#main #c_right .stdbox a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
}

#main #c_right .stdbox a:hover {
	color: #96b4d2;
	font-size: 11px;
	text-decoration: none;
}


/* --------------------- Footer --------------------- */
#footer {
	clear: both;
	color: #FFF;
	position: fixed;
	height: 31px;
	width: 100%; 
	bottom: 0px;
	background-image: url("../images/footer_hg.gif");
	background-repeat: repeat-x;
}

#footer #innerfooter {
	width: 952px; 
  height: 31px;
  line-height: 31px;
  position: relative;
	margin: 0px auto;
	color: #FFF;
	font-size: 11px;
}

#footer #innerfooter a {
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

#footer #innerfooter a:hover {
	color: #96b4d2;
	text-decoration: none;
}

/* --------------------- Suchfeld - Suchergebnisseite --------------------- */
.suche {
	color: #000; 
	width: 160px; 
	height: 18px;
	background-color: white;
	background-image: url(../images/lupe_icon.jpg);
  background-repeat: no-repeat;						
}

.suche input {
	margin-left: 20px;
	border-width: 0px;
	border-color: #FFF;
	border-style: none;
	width: 130px;
	height: 15px;
	color: #AAA;
}

/* --------------------- VP Downloadarchiv --------------------- */
.update1 { font: bold 10pt Verdana; color: #990000 }
.update2 { font: 10pt Verdana; color: #009900 }
.update3 { font: 10pt Verdana; color: #999999 }
.update1s { font: 8pt Verdana; color: #990000 }
.update2s { font: 8pt Verdana; color: #009900 }
.update3s { font: 8pt Verdana; color: #999999 }