/* CSS Document */

body {margin:0px; padding:0px; background:#CCC; color:#000; text-align: center;}
body,td,th,font{ font-family:verdana,arial,sans-serif; font-size:11px; line-height: 16px;}
a:link{ color:#5c81a7; text-decoration:none; }
a:visited{ color:#5c81a7;  text-decoration:none; }
a:hover{ color:#5c81a7; text-decoration:underline; }

#stackswap-header {
	background:#000
		url("gfx/header-background.jpg")
		repeat-x 0% 0%;
	clear:both;
	color:#FFF;
	margin:0px;
	height: 61px;
	width:780px;
}

#stackswap-logo {
	clear:left;
	float:left;
	margin:0px 0px 0px 0px;
}

#stackswap-logo img { border:none; }

#stackswap-address {
	float:right;
	margin-right: 20px;
	margin-top: 15px;
	color:#CCCCCC;
	font-size:10px;
	font-weight: bold;
	text-align:right;
}

#stackswap-headline {
/*	padding-top: 20px;
	margin-left: 5px;
*/	padding-bottom: 10px;
	font-size:12px;
	font-weight:bold;
	color:#f3971b;
}

#stackswap-main-nav {
	background:#BCCDDB
		url("gfx/main-nav-background.jpg")
		repeat-x 0% 0%;
	border-bottom:#98B1C4 solid 1px;
	color:#666;
	clear:both;
	margin:0px;
	height:1%;
	float:left;
	width:780px;
	margin-bottom: 10px;
}


#stackswap-main-nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:1%;
}
#stackswap-main-nav li {
	float:left;
	overflow:inherit;
	padding:0px 11px 0px 12px;
	white-space:nowrap;
}
#stackswap-main-nav li a {
	font-weight: bold;
	color:#1f4266;
	white-space:nowrap;
	display:block;
	padding: 4px 0px;
	text-decoration:none;
}
#stackswap-main-nav li a:hover {
		text-decoration:underline;
}
#stackswap-main-nav li:hover {
	background:#C8D7E3
		url("gfx/main-nav-background-highlight.jpg")
		repeat-x 0% 0%;
}

li.current {
	background:#C8D7E3
		url("gfx/main-nav-background-highlight.jpg")
		repeat-x 0% 0%;
		text-decoration:underline;
}

#stackswap-main {

	background:#FFF
		url("gfx/background-780.jpg")
		repeat-y 50% 0px;
	margin:0px auto;
	padding:0px 10px;
	width:780px;
	text-align:left;
}

#body-table { padding: 0px 0px 0px 10px; clear:left;}
#body-table p{ padding-bottom:8px; padding-top:5px; margin-top:0px; margin-bottom:0px; }
table.gray-table-border{ border:1px solid #ccc; border-top:0px; background: url("gfx/container-gradient.gif") repeat-x 0% 100%}
table.gray-table-border p{ padding:5px 5px 5px 5px; }
.link-more{ text-align:right; margin-right: 5px; }
table.gray-table-border table{ margin-left:5px; }

#navigation-table { background:#FFFFFF; padding-right: 10px;}
td.nav-head { background:#98b1c4; color:#FFFFFF; font-weight:bold; padding-left:3px; height:14px;}

td.nav,
tr.nav-child td,
tr.nav-last,
.lightblue-table{ background-color:#c8d7e3; vertical-align:top; padding-left:3px; height:14px; border-top:solid; border-top-color:#FFF; border-width:1px; }
tr.nav-child a,
tr.nav-child-highlight a{ color:#1f4266; text-decoration:none; font-weight:bold; font-size:10px;}
tr.nav-child a:hover
tr.nav-child a:hover{ text-decoration:underline;}
tr.nav-child-highlight td{ background-color:#f3971b; vertical-align:top; padding-left:3px; height:14px; border-top:solid; border-top-color:#FFF; border-width:1px; }

td.img {
	padding: 5px;
}
img.bordered {
	border:solid;
	border-color:#000;
	border-width:1px;
}

#nav-bg-server {
	background: url("gfx/server.jpg") no-repeat 50% 100%;
}

#nav-bg-netzwerk {
	background: url("gfx/switches.jpg") no-repeat 50% 100%;
}

#nav-bg-gruppe {
	background: url("gfx/gruppe.jpg") no-repeat 50% 100%;
}

#nav-bg-sicherheit {
	background: url("gfx/sicherheit.jpg") no-repeat 50% 100%;
}

#nav-bg-webdesign {
	background: url("gfx/weltkugel.jpg") no-repeat 50% 100%;
}

#nav-bg-software {
	background: url("gfx/wuerfel.jpg") no-repeat 50% 100%;
}

#nav-bg-intranet {
	background: url("gfx/buch.jpg") no-repeat 50% 100%;
}

#nav-bg-referenzen {
	background: url("gfx/referenzen.jpg") no-repeat 50% 100%;
}

#nav-bg-wakemyrig {
	background: url("gfx/wakemyrig.png") no-repeat 50% 100%;
}

#nav-bg-randomize {
	background: url("gfx/randomize.png") no-repeat 50% 100%;
}


#right-table { background:#FFFFFF; margin-left: 10px;}
td.right-head { background:#98b1c4 url("gfx/subtitle-gradient.gif") repeat-x 0px 0px; border:#CCC solid 1px; padding-left:6px; height:1%; color:#000; font-weight:bold;}
table.right-table img{ float:left; }


td.header-1,
th.header-1{ color:#000; background:#3c5f84 url("gfx/subtitle-gradient.gif") repeat-x 0% 0%; font-weight: bold; padding-left:6px; height:14px; border:solid; border-width:1px; border-color:#CCCCCC;}
td.header-2,
th.header-2{ color:#FFF; background:#3c5f84; font-weight: bold; padding-left:6px; height:14px; }
td.header-3,
th.header-3{ color:#FFF; background:#98b1c4; font-weight: bold; padding-left:6px; height:14px; }
td.header-4,
th.header-4{ color:#000; background:#c8d7e3; font-weight: bold; padding-left:6px; height:14px; }

#stackswap-footer {
	background:#000
		url("gfx/header-background.jpg")
		repeat-x 0% 50%;
	border-top:1px solid #98B1C4;
	width:780px;
	clear:both;
	color:#CCC;
	margin:0px;
	padding-top:1px;
	height:1%;
	font-weight:bold;
	font-size:10px;
	float: left;
}
#stackswap-footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:1%;
}
#stackswap-footer li {
	float:left;
	overflow:inherit;
	padding:3px 10px 5px 14px;
	white-space:nowrap;
}
#stackswap-footer li.footer-first {
	background-image:none;
	padding-left:11px;
}

#stackswap-footer li a:link, #stackswap-footer a:visited {color:#CCC;text-decoration:none;}
#stackswap-footer li a:hover {color:#FFF;text-decoration:none;}

.contact-fields{
	border-style:solid;
	border-color: #CCCCCC;
	border-width:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-bottom:5px;
}

.contact-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	background: url("gfx/subtitle-gradient.gif") repeat-x 0% 0%;
	color: #000000;
	cursor:hand;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	margin-bottom:15px;
}