body {
	background-color:#adadad;
	background-image:url(images/bg-grad.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:20px 0px;
}

body,div,h1,h2,h3,table,td {
	font-family:sans-serif;
}

#box {
	width:780px;
	height:200px;
	margin:0 auto;
}

/*
 *
 * Graphical menu with roll-over effects
 * - Pure CSS
 * - Works in IE
 * - Without CSS: Degrades to a simple <ul> list
 *
 */


A:link {text-decoration: underline; color: #BF271D;}
A:visited {text-decoration: none; color: #BF271D;}
A:active {text-decoration: none; color: #BF271D;}
A:hover {text-decoration: underline; color: red;}

#menubox {
	width:780px;
	height:72px;
	background-color:#ffffff;
}

#topnav {
}

#topnav ul {
	list-style:none;
	width:auto;
	list-style-type:none;
	margin:0;
	padding:0;
}

#topnav ul li {
	float:left;
	padding:0;
	margin:0;
}

#topnav ul li a {
	display:block;
	width:85px;
	height:72px;
}

.textonly {
	display:none;
}




.news_en  {background-image:url(images/news_eng.gif);background-position: 0px 0px;	}
.news_en a {background-image: url(images/news_eng.gif);background-position: 0px -72px;}
.news_en a:hover{background-image: none;}

.products_en  {background-image:url(images/products_eng.gif);background-position: 0px 0px;	}
.products_en a {background-image: url(images/products_eng.gif);background-position: 0px -72px;}
.products_en a:hover{background-image: none;}

.about_en   {background-image:url(images/about_eng.gif);background-position: 0px 0px;	}
.about_en  a {background-image: url(images/about_eng.gif);background-position: 0px -72px;}
.about_en  a:hover{background-image: none;}

.cisco_en  {background-image:url(images/cisco_eng.gif);background-position: 0px 0px;	}
.cisco_en  a {background-image: url(images/cisco_eng.gif);background-position: 0px -72px;}
.cisco_en  a:hover{background-image: none;}

.contact_en  {background-image:url(images/contact_eng.gif);background-position: 0px 0px;	}
.contact_en a {background-image: url(images/contact_eng.gif);background-position: 0px -72px;}
.contact_en a:hover{background-image: none;}


.news_de  {background-image:url(images/news_de.gif);background-position: 0px 0px;	}
.news_de a {background-image: url(images/news_de.gif);background-position: 0px -72px;}
.news_de a:hover{background-image: none;}

.products_de  {background-image:url(images/products_de.gif);background-position: 0px 0px;	}
.products_de a {background-image: url(images/products_de.gif);background-position: 0px -72px;}
.products_de a:hover{background-image: none;}

.about_de   {background-image:url(images/about_de.gif);background-position: 0px 0px;	}
.about_de  a {background-image: url(images/about_de.gif);background-position: 0px -72px;}
.about_de  a:hover{background-image: none;}

.cisco_de  {background-image:url(images/cisco_de.gif);background-position: 0px 0px;	}
.cisco_de  a {background-image: url(images/cisco_de.gif);background-position: 0px -72px;}
.cisco_de  a:hover{background-image: none;}

.contact_de  {background-image:url(images/contact_de.gif);background-position: 0px 0px;	}
.contact_de a {background-image: url(images/contact_de.gif);background-position: 0px -72px;}
.contact_de a:hover{background-image: none;}

  





.news_bg		{background-image:url(images/bg-news.gif);}
.products_bg		{background-image:url(images/bg-products.gif);}
.about_bg		{background-image:url(images/bg-about.gif);}
.cisco_bg		{background-image:url(images/bg-cisco.gif);}
.contact_bg		{background-image:url(images/bg-contact.gif);}
.home_bg		{background-image:url(images/bg-home.gif);}





#main {
	background-color:#ffffff;
	clear: both;	
	float:left;
}

#footer {
	clear:both;
}

#content {
	width:518px;
	padding:15px 20px 10px 0px;
	float:right;
	font-size:12px;
	line-height:150%;
	background-color:#ffffff;
	/*text-align:justify;*/
	color:#333333;
	overflow:hidden;
}

#leftmenu {
	width:196px;
	height:320px;
	padding:20px 0;
	margin:0;
	font-size:12px;
	float:left;
}

#leftmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#leftmenu ul li {
	margin-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}

#leftmenu ul li ul {
	font-size:11px;
	padding:10px 0;
	list-style-position:outside;
	list-style-image:url(images/bullet2.gif);
}

#leftmenu a {
	text-decoration:none;
	color:#000000;
}

#leftmenu a:hover {
	text-decoration:underline;
}

.active_menu {
	font-weight:bold;
}

.news_bg .active_menu		{color:#c99a32;}
.cisco_bg .active_menu		{color:#045595;}
.products_bg .active_menu	{color:#9e291f;}
.about_bg .active_menu		{color:#5c4b85;}
.contact_bg .active_menu	{color:#397f3a;}

#content ul {
	padding:0;
	margin-left:20px;
	list-style-position:outside;
	list-style-image:url(images/bullet2.gif);
}
#content ul li {
	margin-bottom:8px;
}
#content p {
	margin:10px 0;
}

#content h1 {
	text-align:left;
	line-height:120%;
	font-size:20px;
	color:#C4281D;
	margin:10px 0 20px 0;
}

#content h2 {
	text-align:left;
	line-height:120%;
	font-size:16px;
	color:#555555;
	margin:20px 0 15px 0;
}

/* ------ todo: Diese Tabellen huebsch machen ----- */

#commands table {
	width: 90%;
	border-width: 0px;
	border-spacing: 0;
	cell-spacing: 0;
	margin: 0;
	padding: 0;
}

#commands td {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #888;
}

#commands td.left {
	font-size: 10px;
	text-align:left;
	padding: 0px 5px 0px 5px;
	width:80px;
}

#commands td.right {
	width:auto;
}

#commands a {
	text-decoration: none;
	color: #C4281D;
}

#commands tr.rowcol0 {
	background-color: #e5e5e5;
	margin-bottom: 2px;
}

#commands tr.rowcol1 {
	background-color: #f0f0f0;
	margin-bottom: 2px;
}