/* BODY
-------------------------------------------------------------------- */
BODY{
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
	color: #333333;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/bg-body.jpg);
	background-repeat: repeat-x;
	line-height: 1.5em;
}
BODY.zoom{
   FONT-SIZE: 10pt;
   background-image: none;	
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	MARGIN: 0px;
	background-color: #F3F5F8;
}
BODY.galerie{
   FONT-SIZE: 10pt;
   background-image: none;	
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	MARGIN: 0px;
	background-color: #F3F5F8;
}

/* FORMULARELEMENTE
-------------------------------------------------------------------- */
FORM{
	background-color:#F3F5F8;
	border: 1px solid #E8ECF3;
	COLOR: #333333;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	padding: 5px;
	margin: 0px;
	width: 490px;
}
FORM.suche{
	background: none;
	border: 0;
	COLOR: #333333;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	padding: 5px;
	margin: 0px;
	width: 240px;
}
LABEL{
	width: 140px;
	float: left;
}
RADIO{
	COLOR: #333333;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
}
INPUT{
	background-image: url(../images/innershadow.gif);
	border: 1px solid #D4DBE9;
	background-color:#F3F5F8;
	COLOR: #333333;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	FONT-SIZE: 10pt;
	width: 300px;
	padding: 2px;
	margin-bottom: 2px;
}
INPUT.ohne_rahmen{
	border-width:0;
	background-color:#F3F5F8;
   COLOR: #333333;
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
	width: 20px;
	background-image: none;
}
INPUT.suche{
	width: 200px;
}
INPUT.button{
	background-image: none;
	border: none;
	background-color:#ff6600;
   COLOR: #ffffff;
	height: 30px;
}
INPUT.suchebutton{
	width: 20px;
	background-image: url(../images/suche.gif);
	background-repeat:no-repeat;
	border: none;
}
SELECT{
	border: 1px solid #D4DBE9;
	background-color:#FFFFFF;
   COLOR: #333333;
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
   FONT-SIZE: 10pt;
	width: 300px;
	padding: 2px;
	margin-bottom: 2px;
}
SELECT.hundert{
	width: 100px;
}
SELECT.zweihundert{
	width: 200px;
}
textarea{
	background-image: url(../images/innershadow.gif);
	border: 1px solid #D4DBE9;
	background-color:#FFFFFF;
    COLOR: #333333;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 10pt;
	width: 300px;
	padding: 2px;
}
fieldset {
	border: 1px solid #FF9900;
}
legend {
	font-weight: bold;
	color: #FF9900;
}

/* TABELLEN
-------------------------------------------------------------------- */
TABLE{
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TABLE.formrahmen{
    Background: #D4DBE9;	
}
TABLE.hell{
    Background: #F3F5F8;	
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TABLE.mittel{
    Background: #E8ECF3;	
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TABLE.zoom{
    border-color:#D4DBE9;	
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TR{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TR.farbig{
    Background: #D4DBE9;	
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TR.mittel{
    Background: #E8ECF3;	
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
TR.hell{
    Background: #F3F5F8;	
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TH{
    FONT-SIZE: 26pt;
    COLOR: #FF9900;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
TD{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333
}
TD.mittel{
    Background: #E8ECF3;	
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333
}
TD.farbig{
    FONT-SIZE: 10pt;
    Background: #D4DBE9;
    FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333
}
TD.start{
	 padding: 5px;
    background: #F3F5F8;
	 border-bottom: 1px solid white;
}

/* ALLGEMEINE FORMATIERUNGEN
-------------------------------------------------------------------- */
ul{
	padding: 0px;
	margin: 0px;
}
li{
 	list-style: none;
	background-image: url(../images/anstrich-li.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	padding: 0px 0px 0px 18px;
}
P{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.5em;
}
P.klein{
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333333;
}
P.gross{
	FONT-WEIGHT: bold;
	FONT-SIZE: 15pt;
	COLOR: #333333;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
P.abschluss{
	FONT-SIZE: 10pt;
	COLOR: #FF9900;
	FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif
}
A{
	FONT-SIZE: 10pt;
   COLOR: #FF9900;
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}
A:hover{
   COLOR: #FFFFFF;	
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
   Background: #FF9900;	
}
A.klein{
    FONT-SIZE: 10pt;
}
a.noborder:hover {
	border: 0;
	text-decoration: none;
}
hr{
	width: 100%; 
	color: #D4DBE9;
	height: 1px;
	border: 0;
}
.galerie h2{
   font-size: 20px;
	color: #ffffff; 
	margin : 0px;
	padding: 5px;
	border-bottom: 1px dotted #FF9900;
	background-color:#D4DBE9;
	text-align: right;
}

/* NAVIGATION
-------------------------------------------------------------------- */
#nav {
	width: 620px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	background-color: #26498F;
	background-image: url(../images/bg-navi.jpg);
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#nav li {
	list-style-image:none;
	background-image:none;
	padding: 0px;
	margin: 0px;
	float: left;
}
#nav li a {
	font-size: 10pt;
	font-family: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	height: 60px;
	display: block;
	color: #FFFFFF;
	text-align: left;
   padding: 24px 14px 0px 14px;
   margin: 0px;
	letter-spacing: 0em;
	border: 0;
   text-decoration: none;
}
#nav a:hover {
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
   Background: #6780B2;	
}
#nav li.active {
	text-decoration: none;
	border: 0;
	color: #FFFFFF;
   Background: #92A4C8;	
}
#nav2 {
	width: 600px;
	height: 24px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	float: right;
	text-align: right;
	background-color: #D4DBE9;
}
#nav2 a {
	font-size: 8pt;
	font-family: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	color: #264A91;
   padding: 7px 3px 0px 3px;
   margin: 0px 0px 0px 0px;
	border: 0;
   text-decoration: none;
}
#nav2 a:hover {
	text-decoration: underline;
	border: 0;
	color: #264A91;
	background: none;
}

/* UNTERNAVIGATION
-------------------------------------------------------------------- */
#unternavigation {
	width: 247px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
   background: #25488E;	
}
#unternavigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 230px;
}
#unternavigation li {
	list-style-image:none;
	background-image: url(../images/anstrich-li.gif);
	background-repeat:no-repeat;
	background-position: 3px 10px;
	padding: 0px 0px 0px 18px;
	border:none;
}
#unternavigation li a {
	font-size: 10pt;
	font-family: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	display: block;
	color: #FFFFFF;
	text-align: left;
   padding: 5px 5px 0px 5px;
   margin: 0px;
	letter-spacing: 0em;
	border: 0;
   text-decoration: none;
	border-bottom: 1px solid #1F4083;
}
#unternavigation a:hover {
	text-decoration: none;
	color: #FFFFFF;
   Background: #2D4F95;	
}
#unternavigation li.active {
	text-decoration: none;
	color: #FFFFFF;
}
#unternavigation li.active a {
	text-decoration: none;
	color: #FFFFFF;
   Background: #2D4F95;	
	font-weight: bold;
}

/* RAHMEN
-------------------------------------------------------------------- */
#rahmen{
	width: 880px;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/bg-rahmen.jpg);
	background-repeat: no-repeat;
}

/* HEADER
-------------------------------------------------------------------- */
#header{
	width: 820px;
	height: 84px;
	margin: 0px auto;
	padding: 0px;
	text-align: right;
	color: #333333;
}
#logo {
	float: left;
	height: 84px;
	width: 200px;
}
#kopf {
	width: 775px;
	margin: 15px auto;
	padding: 0px;
	text-align: left;
	color: #672900;
	background-repeat: no-repeat;
}
#start{
	height: 243px;
	background-image: url(../images/header_start.jpg);
}
#team{
	height: 162px;
	background-image: url(../images/header_team.jpg);
}
#loesungen{
	height: 162px;
	background-image: url(../images/header_loesungen.jpg);
}
#security{
	height: 162px;
	background-image: url(../images/header_loesungen-security.jpg);
}
#netzwerke{
	height: 162px;
	background-image: url(../images/header_loesungen-netzwerke.jpg);
}
#kommunikation{
	height: 162px;
	background-image: url(../images/header_loesungen-kommunikation.jpg);
}
#blackberry{
	height: 162px;
	background-image: url(../images/header_loesungen-blackberry.jpg);
}
#hardware{
	height: 162px;
	background-image: url(../images/header_loesungen-hardware.jpg);
}
#wartung{
	height: 162px;
	background-image: url(../images/header_loesungen-wartung.jpg);
}
#support{
	height: 162px;
	background-image: url(../images/header_loesungen-support.jpg);
}
#monitoring{
	height: 162px;
	background-image: url(../images/header_loesungen-monitoring.jpg);
}
#pentest{
	height: 162px;
	background-image: url(../images/header_loesungen-pentest.jpg);
}
#viprinet{
	height: 162px;
	background-image: url(../images/header_loesungen-viprinet.jpg);
}
#partner{
	height: 162px;
	background-image: url(../images/header_partner.jpg);
}
#downloads{
	height: 162px;
	background-image: url(../images/header_downloads.jpg);
}
#kunden{
	height: 162px;
	background-image: url(../images/header_kunden.jpg);
}
#news{
	height: 162px;
	background-image: url(../images/header_news.jpg);
}
#anreise{
	height: 162px;
	background-image: url(../images/header_anreise.jpg);
}
#kontakt{
	height: 162px;
	background-image: url(../images/header_kontakt.jpg);
}
#impressum{
	height: 162px;
	background-image: url(../images/header_impressum.jpg);
}
#sitemap{
	height: 162px;
	background-image: url(../images/header_sitemap.jpg);
}
#impressum{
	height: 162px;
	background-image: url(../images/header_impressum.jpg);
}
#headertext {
	margin: 0px 0px 10px 20px;
	color: #ffffff;
	font-family: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
}

/* INHALTSBEREICH
-------------------------------------------------------------------- */
#content {
	width: 820px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	text-align: left;
}
#links {
	width: 247px;
	margin: 0px 0px 0px 23px;
	float: left;
}
#inhalt {
	width: 510px;
	min-height: 255px;
	margin: 0px 23px 0px 0px;
	padding: 0px;
	text-align: justify;
	float: right;
}
#ueberschrift{
	margin: 0px;
	padding: 10px 10px 0px 10px;
	text-align: left;
}
h1{
	font-size: 200%;
	color: #FF9900; 
   FONT-FAMILY: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	margin : 3px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #FF9900;
}
h2{
   font-size: 170%;
	color: #264A91; 
   FONT-FAMILY: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	margin : 0px 0px 5px 0px;
	padding: 0px;
	border: 0;
}
h3{
   font-size: 140%;
	color: #264A91; 
   FONT-FAMILY: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	margin : 0px 0px 5px 0px;
	padding: 0px;
	border: 0;
}
#inhalt h2{
   font-size: 170%;
	font-weight: normal;
	color: #264A91; 
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin : 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 5px solid #264A91;
	border-bottom: 1px solid #E8ECF3;
}
#inhalt h3{
   font-size: 140%;
	font-weight: normal;
	color: #264A91; 
   FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin : 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 5px solid #264A91;
	border-bottom: 1px solid #E8ECF3;
}

/* REFERENZEN
-------------------------------------------------------------------- */
a.ref {
	background: url(../images/bg-ref-Off.gif) no-repeat;
	width: 250px;
	height: 100px;
	display: block;
	text-align: center;
}
a.ref:hover {
	background: url(../images/bg-ref-On.gif) no-repeat;
}
img.ref {
	margin: 5px 0px 0px 0px;
}

/* BOX
-------------------------------------------------------------------- */
.mittel {
	width: 247px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
   background: #E8ECF3;	
}
.hell {
	width: 247px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
   background: #F3F5F8;	
}
.orange {
	width: 247px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
   background: #b2dffb;	
}
.orange a {
	color:#007bef;
}
.box {
	padding: 5px;
}
.box h2 {
   FONT-FAMILY: "Arial Narrow", Verdana, Geneva, Helvetica, sans-serif;
	margin: 0px 0px 3px 0px;
   font-size: 21px;
	font-weight: normal;
	color: #264A91;
}
.box p {
   FONT-FAMILY: "Arial Narrow", Verdana, Arial;
	margin: 0px;
   font-size: 10pt;
}
.box a {
   FONT-FAMILY: "Arial Narrow", Verdana, Arial;
	margin: 0px;
   font-size: 10pt;
}
.box a:hover {
   FONT-FAMILY: "Arial Narrow", Verdana, Arial;
	margin: 0px;
   font-size: 10pt;
}
.box ul {
	margin: 0px 0px 0px 10px; 
	padding: 0;
}
.box li{
	border-bottom: 1px solid #efefef;
}
.runde_ecken {
	background: url(../images/ecke_lo.gif) top left no-repeat;
}
.runde_ecken div {
	background: url(../images/ecke_ro.gif) top right no-repeat;
}
.runde_ecken div div {
	background: url(../images/ecke_lu.gif) bottom left no-repeat;
}
.runde_ecken div div div  {
	background: url(../images/ecke_ru.gif) bottom right no-repeat;
}
#referenz {
	text-align: center;
	height: 120px;
}
#referenz a{
	margin-top: 10px;
	background: none;
	display: block;
}
#referenz img{
	border: none;
}

/* ZITATE
-------------------------------------------------------------------- */
blockquote {
	margin: 0px;
	padding: 5px;
	quotes: "\201C" "\201D";
   FONT-FAMILY: "Arial Narrow", Verdana, Arial;
   font-size: 10pt;
	font-style: italic;
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

/* NOPRINT BEREICH
-------------------------------------------------------------------- */
div.noprint { display: none; }

/* KONTAKT
-------------------------------------------------------------------- */
.kontaktbox{
	width: 140px; 
	float: left; 
	background-image: url(../images/anstrich.gif); 
	background-repeat: no-repeat; 
	background-position: 0 5px;
	padding-left: 15px;
}
a:hover.autor {
	border: 0px;
}
form p {
	margin-bottom: 5px;
}

/* FOOTER
-------------------------------------------------------------------- */
#footer {
	width: 820px;
	margin: 10px auto;
   background: #E8ECF3;	
}
#footer p {
	margin: 0px;
	font-size: 90%;
	color: #333333; 
	padding: 0px 0px 0px 10px;
	text-align: left;
}
#footer a{
	color: #333333; 
	font-size: 90%;
}
#footer a:hover{
	color: #333333; 
	border: 0;
	background: none;
	text-decoration: underline;
}
#kundenliste {
	width: 820px;
	margin: 10px auto;
   background: #25478C;	
	text-align: left;
	color: #ffffff;
}
#kundenliste h2 {
	margin-bottom: 10px;
	color: #ffffff;
}
#kundenliste ul{
	float: left; 
	width: 30%;
	padding: 0px;
	margin: 0px;
}
#kundenliste li{
 	list-style: none;
	background-image: url(../images/anstrich-li.gif);
	background-repeat:no-repeat;
	background-position: 0px 6px;
	padding: 0px 0px 0px 18px;
	border-bottom: 1px solid #1F4083;
}
#kundenliste li:hover{
	background-color: #2D4F95;
}
#kundenliste a{
	color: #ffffff;
}
#kundenliste a:hover{
	background: none;
}
#wolke {
	width: 820px;
	margin: 10px auto;
   background: #F3F5F8;	
	text-align: left;
	color: #333333;
	text-align:justify;
}
#wolke h2 {
	color: #264A91;
	margin-bottom: 10px;
}

/* IE7 PROBLEME
-------------------------------------------------------------------- */
*html #nav li a{
	display:inline;
}
*html #nav2 {
	width: 620px;
}