/* base tags */

body {
  background-color:#d9dce0;
  background-image:url(/bilder/bg.jpg);
  background-repeat:repeat-x;
  margin:0px;
  padding:0px;
}


body, td, th, div, p select, textarea, input {
  font-size:12px;
  font-family: Arial, Verdana,Helvetica, sans-serif;
  color:#000000;  
}

.mytable {
	border:1px #E5E8ED solid;
	-moz-border-radius:6px;	
}

.mytable td {

	background-color:#E5E8ED;
	vertical-align:top;
}
.mytable th {

	background-color:#cfd1d6;
	vertical-align:top;
	text-align: left;
}


.mydiv {
	background-color:#cfd1d6;
	font-weight: bold;
	padding:5px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	border:1px #E5E8ED solid;
	-moz-border-radius:6px;		
}

.small {
 font-size:10px;
}


a {
  color:#04558c;
  text-decoration:underline;
}

a:hover {
  text-decoration:underline;
  color:#c70005;
}

img {
  border:none;
}

.productimages {
	border:6px #cfd1d6 solid;
	-moz-border-radius:6px;	  
}

h1 {
  color:#000000;
  font-size:20px;
}

h1 a {
  text-decoration:none;
}

h1 a:hover {
  text-decoration:underline;
}

h2 {
  color:#434343;
  font-size:14px;
}

h3 {
  color:#000000;
  font-size:12px;
}
	

.p_small {
margin-top:2px;
margin-bottom:4px;
}


a.menutext {
  font-size:14px;
  color:#d8d8d8;
  text-decoration:none;
}
 a.menutext:hover {
  color:white;
}
 a.menutext:hover {
  color:white;
}
a.menutext_activ {
  font-size:14px;
  color:#FFFFFF;
  text-decoration:none;
  
}
	/*
	 * Positionsangaben
	 */
	#nav_webhosting {
		margin-left:-185px;
	}
	#nav_entwicklung {
		margin-left:-400px;
	}
	#nav_produkte {
		margin-left:-180px;
	}
	#nav_unternehmen {
		margin-left:-0px;
	}
	#nav_support-hilfe {
		margin-left:301px;
	}	
	/*
	 * Nav-Styles
	 */
	#topnav {
		list-style-image:url(/bilder/nav/point-red-5.gif);
		margin:0px 0px 0px 10px;
		padding:0px;
		height:22px;
		position:absolute;
	}
	#topnav li {
		float:left;
		text-align:center;
		color:#6b6b6b;
	}
	#topnav .top_sub_ul li {
		float:none;
		
	}
	#topnav .inpath {
		list-style-image:url(/bilder/nav/point-white-5.gif);
	}
	.big_nav {
	margin-top:-5px;
		position:absolute;
		left:50%;
		z-index:100;
		display:none;
	}
	.big_nav h2 {
		color:#6b6b6b;
		margin:0px 0px 10px 10px;
		text-align:left;
  		font-family: Arial, Verdana,Helvetica, sans-serif;
		font-size:16px;
		background-image:url(/bilder/nav/point-red-5.gif);
		background-position:0px 11px;
		background-repeat:no-repeat;
		padding-left:10px;
	}
	.bignav h2:hover, .big_nav h3:hover {
		color:#000000;
		background-image:url(/bilder/nav/point-white-5.gif);
	}
	.big_nav h2:hover {
		background-image:url(/bilder/nav/point-white-5.gif);
	}
	.big_nav h2 span {
		font-size:12px;
		font-family: Arial, Verdana,Helvetica, sans-serif;
		font-weight:normal;
	}
	.big_nav h2:hover span {
		color:#000000;
	}
	.big_nav a {
		color:#6b6b6b;
		text-decoration:none;
	}
	.big_nav a:hover {
		color:#000000;
		text-decoration:underline;
	}
	#topnav li:hover {

	}
	#topnav li:hover .big_nav {
		display:block;
	}
	#topnav li {
		padding-right:30px;		
	}
	
	#topnav li .nav_arrow {
		text-align:center;
		display:none;
	}
	#topnav li:hover .nav_arrow {
		display:block;
	}
	
	.top_sub {	
		vertical-align:top;
		padding:0px 10px 0px 10px;
		color:#6b6b6b;
		text-align:left;
		min-width:120px;
	}
	h2.active {
		background-image:url(/bilder/nav/point-white-5.gif);
	}
	h2.active a {
		font-weight:bold;
		color:#000000;
	}
	h2.active span {
		color:#000000;
	}
	.top_sub h3 {
		margin:0px 0px 6px 0px;
		clear:left;
  font-family: Arial, Verdana,Helvetica, sans-serif;
		font-size:14px;
		background-image:url(/bilder/nav/point-red-5.gif);
		background-position:0px 11px;
		background-repeat:no-repeat;
		padding-left:10px;
	}
	.top_sub h3.active {
		background-image:url(/bilder/nav/point-white-5.gif);
	}
	.top_sub h3 span {
		font-size:12px;
  	font-family: Arial, Verdana,Helvetica, sans-serif;
		font-weight:normal;
	}
	.top_sub h3:hover span {
		color:#000000;
	}
	h3.active a {
		font-weight:bold;
		color:#000000;
	}
	h3.active span {
		color:#000000;
	}
	.top_sub_ul {
		list-style-image:none; 
		list-style-type:none;
		padding:0px;
		margin:0px;
		border-top:1px #cccccc solid;
		clear:left;
		display:block;
		position:static;
	}
	.top_sub_ul li {		
		float:none;
		display:block;
		padding:0px;
		margin:0px;
		border-bottom:1px #cccccc solid;
	}
	.top_sub_ul li a {
		display:block;
		background-image:url(/bilder/nav/arrow_mini_hov.gif);
		background-position:left;
		background-repeat:no-repeat;
		text-decoration:none;
		border:none;
		color:#6b6b6b;
		font-size:11px;
		padding-left:10px;
		
		text-align:left;
	}
	.top_sub_ul li a:hover {
		text-decoration:none;
		color:#000000;
		background-image:url(/bilder/nav/arrow_mini.gif);
	}	
	.top_sub_ul li .inpath {
		font-weight:bold;
	}
	.top_sub ul li.sub_kid {
		margin-left:20px;
	}
	.top_sub a.active {
		font-weight:bold;
		color:#000000;
	}


.level1 {
margin-left:0px;
  font-weight: bold;
  padding-top:7px;
  padding-bottom:7px;
}
.level2 {
margin-left:20px;
}
.level3 {
margin-left:40px;
}
.level4 {
margin-left:60px;
}

/* Warenkorb */

.warenkorb {
	opacity: 0.7;
	position: absolute;
	right: 0px;
	width: 230px;
	top: 115px;
	color: #FFFFFF;
	background-color: #cf2d20;
	border: 1px solid #C5CDD0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
}

/* Warenkorb Popup */

.warenkorb_popup {
	width: 240px;
	color: #FFFFFF;
	padding-bottom: 10px;
	background-color: #cf2d20;
	border: 1px solid #C5CDD0;
	-moz-border-radius: 5px;
}

/* Bilder Popup (Vollansicht) */

.image_popup {
	color: #FFFFFF;
	padding: 6px;
	overflow: hidden;
	background-color: #46474B;
	border: 1px solid #C5CDD0;
	-moz-border-radius: 5px;
}

#modal_popup_image a {
	color: #FFFFFF;
}

#modal_popup_image_title {
	font-size: 14px;
}

#modal_popup_video_title {
	font-size: 14px;
}

#modal_popup_image_tag {
	overflow: hidden;
}