/* allg. definitionen*/

body {
  margin: 0;
  padding: 0;
  color: #404040;
  background-color: #FFF;
  font: normal normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: none;
}

* {
  margin:0;
  padding:0;
}

a {
  color: #404040;
  text-decoration: none;
}

a:hover {
  color: #ca5d1a;
}

.pTop {
  padding-top: 17px; 
}

ul {
  list-style:none;
}

.floatLeft {
  float:left;
}

.weiter {
  font-weight:bold;
  font-size: 15px;
  text-align:right;
}

.weiter a, .rot {
  color: #ca5d1a;
}

.large {
  font-size:11px;
  line-height:20px;
}


/* Seitenaufbau */
div#logo {
	position: absolute;
	left: 15px;
	top:5px;
}

div#content {
	position: absolute;
	left: 2px;
	top:93px;
  width: 881px;
  padding: 2px 0 15px 2px;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}

div#referenz {
  width: 380px;
  padding: 8px 5px 10px 10px;
  margin: 5px 0 0 5px;
  border: 1px solid #d4d4d4;
  color: #404040;
  font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

div#referenz h1 {
  margin-bottom:10px;
}
div#referenz ul li {
  background:url(../img/bullet.gif) 1px 8px no-repeat; 
  padding: 0 0 0 12px;
}

div#left {
  float: left;
  width: 285px;
  padding: 20px 0 0 10px;
}

div#main {
	display: inline;
	float: right;
	width: 476px;
	margin: 20px 86px 0 0;
}


div#netzwerk, div#support, div#router, div#fernwartung, div#tele, div#firmenschulung, div#programmierung, div#vertrieb, div#energie, div#sicherheit, div#sicherheitsstruktur {
	visibility:hidden;
	position: absolute;

}



/* Reiternavigation */

div#nav {
  position: absolute;
  top: 70px;
  left: 2px;
  width:574px;
  height: 23px;
  padding-left: 310px;
	border-bottom: 1px solid #d4d4d4;
}

div#nav a {
	font-size:12px;
  font-weight: bold;
}

div#nav li {
  background:transparent url(../img/n_reiter_leftoff.gif) top left no-repeat; 
	float:left; 
	margin:0px 0px 0px -19px; 
	padding:0px;
}

div#nav li a {
  background:transparent url(../img/n_reiter_rightoff.gif) top right no-repeat;
	display:block; 
	line-height:23px; 
	padding:0px 24px 0px 3px; 
	text-align:center; 
	margin-left:19px;
}

div#nav li a span {
  display:block; 
	line-height:24px;
}

div#nav li.first {
	background:transparent url(../img/n_reiter_links.gif) top left no-repeat; 
	margin-left:2px;
	padding-left:5px;
}

div#nav li.first a {
	margin-left:0px;
}

div#nav li.active {
	background:transparent url(../img/n_reiter_lefton.gif) top left no-repeat;
}

div#nav li.first.active {
	background:transparent url(../img/n_reiter_links.gif) top left no-repeat;
}

div#nav li.active a {
	color: #ca5d1a;
}


/*Headlines*/
div#content h3 {
  font-size:15px;
	margin-bottom:10px;
}

div#content div.spektrum h3 {
  font-size:11px;
  line-height:26px;
  margin-bottom:2px;
  padding-left:12px;
  background:transparent url(../img/bg_pfeil_rechts.gif) 2px 9px no-repeat; 
	
}

div#content div.spektrum p {
	background-color:#F9F9F9;
	border:1px dotted #DEDEDE;
	margin-bottom:15px;
	margin-left:12px;
	margin-top:0;
	padding:5px 7px 6px 8px;
	
}

div#content div.spektrum a.link {
	color:#ca5d1a;
	text-decoration:underline;
}

div#content h3 b {
	color:#ca5d1a;
}

h1 {
	font-size:14px;
}

h1 span.def {
	color:#ca5d1a;
}
div#main p  {
 margin-top:10px;
}

/*Kontaktformular*/
form {
  margin-top:10px;
}

input {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #404040;
}

div#content input.text {
	color: #404040;
	width:330px;
	height:16px;
	padding:1px;
}

.tArea {
	width:330px;
  height: 120px;
}

td {
  vertical-align:top;
  padding: 2px 0;
}

.btn {
	width: 140px;
	border: 1px solid #666;
	color: #ca5d1a;
	font-weight:bold;
	background-color:#FFF;
	height: 22px;
	margin-top: 13px; 
	float:right;
}

















/* Newsbox --- */

div.newsbox {
	width:240px;
	margin-top:55px;
	border: 1px solid #e4e4e4;
}


div.newsbox div.newshead {
	background: url('../img/newsbox_bg_top.gif') repeat-x top left;
	height:23px;
	padding:2px 0 2px 6px;
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color: #cc3300;
	margin:0;
}

div.newsbox div.newsitem {
	padding: 6px 4px 5px 6px;
	border-bottom: 1px solid #e4e4e4;
}

div.newsbox a div.newsitem {
	font-size: 11px;
    color: #777;
	font-size:11px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}

div.newsbox div.newsitem a:hover {
	color: #cc3300;
}

div.newsbox div.newsfooter {
	background: url('../img/newsbox_bg_bottom.gif') repeat-x top left;
	height:25px;
}