/* CSS Document */

/*Alle Browsereinstellungen bzgl margin und padding auf null setzen*/
* {
margin: 0;
padding: 0;
}

body {
	background: #6C8D9D url(images/back.jpg) no-repeat 50% 20%; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #3D585F;
}

h1 {font-size: 20px; color: #33337D;}
h2 {font-size: 12px; color: #33337D;}
h3 {font-size: 11px; color: #33337D;}
p, li {font-size: 11px; line-height: 14px; text-align:justify;}

/*CSS der Masterseite */

#wrapper {
	background-image: url(images/Mid.png);
	background-repeat: repeat-y;
	width: 854px;
	margin: 2% auto;
	}

/*Bildet oberen Teil des Schattens hinter Container DIV*/
#top {
	background-color: #6C8D9D; 
	border: none;
}

/*Slogen der oben rechts im Header (in der Wolkengrafik) erscheint*/
.slogan {
	position: absolute;
	top: 10px;
	left: 710px;
	width: 100px;
	text-align: right;
}

/*beinhaltet alle anderen DIVS*/
.container {
 	width: 824px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-align: left;
	position: relative;
	top: -13px;
	margin-bottom: -13px;
}

/*----------------------------------------------------------------------*/
/*Header Bereich der Masterseite*/
/*----------------------------------------------------------------------*/
#header{
	background-image: url(images/wolken.gif);
	background-repeat:no-repeat;
	height: 135px;
	width: 824px;
	background-color: #fff;
}

/*Logo mit Claim (BIT-Schriftzug)*/
#claim img { 
	position: relative;
	top: 75px;
	left: 35px;
	border: none;	
}

/*Flaggensymbole für Sprachauswahl*/
#flags {float: right;position: relative; top: 95px;left:-13px; width: 45px;}
#flags img {border: 0px;}
#flag_german {float: left; width: 20px;}
#flag_british {float: right; width: 20px;}

/*----------------------------------------------------------------------*/
/*Ende Header Bereich der Masterseite*/
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/*Hauptbereich der Masterseite*/
/*----------------------------------------------------------------------*/


#main {
	float: left;
	width: 814px;/*nur 814px da die fehlenden 10px für Balken rechts mit entsprechender Bereichsfarbe genutzt werden*/
	background-color: #fff;
}

/*linke Seite im main div*/
#linke_seite {
	float: left;
	width: 260px;
	text-align: left;
}
/*Menüdiv*/
#menue{
	margin: 20px 0 40px 35px;
	background-color: #fff;/*weiß*/	
}
/*Menüpunkte*/
#menue li{
	list-style: none;/*Keine Punkte etc vor Listenelementen (Menüpunkten)*/
	width: 200px;
}


#software a, #voip a, #infrastruktur a, #references a, #lizenzierung a {
	display:block;
	height: 19px; /*19px + 8px padding = 27px Bildgröße*/
	width: 200px;
	padding:6px 2px 2px 12px;
	margin-bottom: 10px;/* Abstand zw. Listenelementen*/	
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#software a {background:transparent url(images/menu2.png) 0 -53px no-repeat;}
#voip a {background:transparent url(images/menu2.png) 0 -26px no-repeat;/*Position von Bild auf der Menuegrafik*/}
#infrastruktur a {background:transparent url(images/menu2.png) 0 0 no-repeat;/*Position von Bild auf der Menuegrafik*/}
#references a, #lizenzierung a {background:transparent url(images/menu2.png) 0 -80px no-repeat;/*Position von Bild auf der Menuegrafik*/}

#software a:hover, #voip a:hover, #infrastruktur a:hover, #references a:hover, #lizenzierung a:hover {display:block; text-decoration: underline;}

/*Formatierung der InfoBoxen*/
.InfoBox {
	width: 137px;
	margin: 0 0 10px 35px;
	text-align: right;
	}
	
.InfoBox_header {
	width: 123px;
	background-color: #777777;
	color: #fff; 
	text-align: left; 
	padding:2px 2px 2px 12px;
	}
.InfoBox_header a
{
	color: #fff;
	text-decoration: none;
}

.InfoBox_image {
	margin: 2px 0;
	width: 135px;
	text-align: center; 
	border: 1px solid #777777;	
	}
	
.InfoBox img {
	margin-top: 2px;
	border: none;
}	

.InfoBox_image img, .InfoBox_image img a {
	padding: 2px;
	border: none;
	}
.InfoBox_footer {
	width: 123px;
	background-color: #E4E4E4;
	color: #000; 
	text-align: left; 
	padding:2px 2px 2px 12px;
	}
.InfoBox_footer a {
	text-decoration: none;
	color: #000;
}

#trennlinie { /*zwischen Menü und content resp. zwischen den DIVs #linke_seite und #rechte_seite*/ 
	float: right;
	position: relative;
	top: -60px;
	width: 2px;
}
/*------------------------------------------------------------------*/
/* Ende linke Seite in Main Div*/
/*------------------------------------------------------------------*/


/*------------------------------------------------------------------*/
/* rechte Seite in Main Div -> in dieses DIV wird der content der einzelnen Unterseiten gepostet*/
/*------------------------------------------------------------------*/

#rechte_seite {
	float: left;
	width: 394px;
	text-align: left;
	padding: 0 80px;
	color: #000;
}

#rechte_seite h1, #rechte_seite h3{
	clear: right;
	margin: 40px 0 10px 0;
}

/*Abstand der durch Drawstring erstellten Überschriften*/
.ueberschrift {margin:40px 0 10px -3px; clear: right;}

#rechte_seite h2 {
	clear: right;
	margin: 15px 0;
}

#rechte_seite address { font-style:normal; margin-top: 35px;}

#rechte_seite ul, #rechte_seite li {font-size: 11px;}
#rechte_seite ul {margin: 10px 0 10px 16px; list-style-type: square;}
#rechte_seite ol {margin:10px 0 10px 22px;}
#rechte_seite p {margin: 10px 10px 10px 0;}

#partner {/*Manteldiv für partner_details*/
	clear: both;
	width: 814px;
	text-align: left;
	padding-top: 20px;
}

.partner_details {/*enthält die Grafiken der Partner unten*/
	float: left;
	text-align: left;
	background-color: transparent;
}
.partner_details a img {border: none;}

#footer {
	clear: both;
	width: 814px;
	height: 20px;
	text-align: right;
	padding: 5px 10px 0 0;
	background-color: #777777;/*grau*/
}

#footer li, #footer a {/* AGB, Impressum etc.*/
	text-decoration: none;
	display: inline;
	color: #fff;
	font-size: 10px;
	padding: 2px;
}
#footer a:hover {
	text-decoration:underline;
}

#bottom { /*bildet unteren Teil des Schattens hinter Container DIV*/
 	background-color: #6C8D9D; 
	border: none;
 	}

/*-----------------------------------------------------------------------*/
/*CSS der Index.html */
/*-----------------------------------------------------------------------*/
.news_box {
	clear: left;
	margin:	15px 0 25px 0;
	width: 400px;
	text-align: left;
	color: #000;
}
/*beinhaltet .news_headline und .news_date*/
.news_header {
	clear: left;
	margin: 0 0 5px 0;
	width: 400px;
	height: 15px;
	text-align: left;
	border-bottom: 1px solid black;
	color: #172547;
}
.news_header h2  {
	position: relative;
	top: -15px;
}

.news_header p  {
	position: relative;
	top: -10px;
	text-align: right;
}

.news_headline {
	float: left;
	width: 290px;
	height: 15px;
	text-align: left;
	background-color: transparent;
}
/*beeinhaltet .news_square -> dient der Bereichsmarkierung*/ 
.news_date {
	float: left;
	margin: 2px 0 0 0;
	width: 110px;
	height: 10px;
	text-align: right;
	background-color: transparent;
}

.news_square {
	float:right;
	margin-left: 3px;
	height: 10px;
	width: 10px;
	border: 1px solid black;
}
.NewsNavLinks {
	float: right;
}
/*-------------------------------------------------------------*/
/* Schlagworte rechts neben Text auf den Unterseiten*/
.schlagworte {	
	float: right;
	margin-left: 20px;
	color: #33337D;
	padding: 5px 0 5px 10px;	
}

/*Bilder auf Voip unterseite (Trunking etc.)*/
.innovaphone_konfig {border: 1px solid #9BB188;}

.innovaphone_konfig, .produktbilder {
	float: right;
	padding: 2px;
	margin: 2px 0 3px 10px;
}
/*Produktbilder auf der Softwareseite*/
.produktbilder {border: 1px solid #BAB6DA;}

/*-----------------------------------------------------------------*/
/*css SoftwareProdukte*/

/*Herunterladen, Handbuch, Datenblatt...*/
.produkt_optionen {
	clear: both;
	padding: 15px 0 8px 0;
	width: 75%;
	margin-left: 100px;
	
	text-align:right;
	border-bottom: 1px solid black;
}
.produkt_weiter, .produkt_datenblatt, .produkt_handbuch, .produkt_dokumentation, .produkt_trail, .produkt_video {
	display: inline;
	margin-left: 4px;
}	
.produkt_optionen a, .produkt_page a, .produkt_optionen a:visited, .produkt_page a:visited {
	color: #00009F;
	text-decoration:none;
}
.produkt_optionen a:hover, .produkt_page a:hover  {text-decoration: underline;}	
.produkt_optionen img, .produkt_page img  {border: none;}

.produkt_page {
	clear: both;
	padding: 15px 0 8px 0;
	width: 100%;
	height: 15px;
	text-align:right;
	border-bottom: 1px solid black;
}


/* P von AGB*/

.agb {color: #33337D; font-weight: bold; padding-top: 10px;}

/*Kontakt*/

.kontakt 
{
	width: 100%;
	height: 29px;
	margin: 20px 0;
	padding-bottom: 5px;
	text-align: left;
	clear: both;
}

.kontakt_name 
{
	width: 150px;
	float: left;
}

.phone_number  {
	float: right;
    width: 140px;
    text-align: right;
    /*border-bottom: 1px solid black;*/
}

/*Css für ServerControl*/

.DateiArchivEintragMantel {
	width:100%;
	margin-top: 25px;
	text-align: left;
}

.DateiArchivEintragVersion {
	float: left;
	text-align: left;
	
}

.DateiArchivEintragDate {
	text-align: right;
	float: left;
	margin-left: 80px;
	position: relative;
	top: 1px;
}
.archiv_download {float: right; margin: 0 0 0 5px;position: relative; top: -2px;}
.archiv_download a {text-decoration: none;}
.archiv_download a img { border: none;}

.DateiArchivEintragChangeLog {
	clear: both;
	border-top: 1px solid black;
	padding-top: 5px;
	margin-top: 2px;
}


#lizenzierung_errormessage {
	width: 100%; 
	padding : 5px; 
	border: 1px solid; 
	text-align: center; 
	margin: 20px 0;
	}
	
/*-----------------------Support Seite------------------------------*/

.SupportTextBoxBezeichnung
{
	width: 100px;
	background-color: Red;
	text-align: right;
	display: inline;
}

.ValEmail
{	position: absolute;left: 653px;top: 319px;
}