/* 

GENERAL fonts 
Synapse:Networks GmbH
f.walther@synapse.de

*/

@font-face {
	Font-family: "SynalyticsLogo";
	src: url("/fonts/SynalyticsLogo-Regular.woff2"), 
	url("/fonts/SynalyticsLogo-Regular.woff"), 
	url("/fonts/SynalyticsLogo-Regular.eot");
}

.rot { color: rgb(190,70,20); }
.grau { color: rgb(100,100,100); }

.boldrot
{
	color: rgb(190,70,20);
	font-weight: bold;
}

HTML, BODY
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(60,60,60);
}

BODY { margin-top: 0; }

H1 { font-size: 15px; }
H2 { font-size: 13px; }
P, H1, H2 { margin: 0px 0px 5px 0px; }

/*TD#footer {border-top: solid 1px #999999;}*/
TD#footer P
{
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
}

TD.topline { 
	font-size: 2px; height: 6px; background-color:  rgb(190,70,20);
} 


TD#header_1
{
	text-align: right;
	margin: 0;
	padding: 0 0 5px 0;
	border: 0px solid gray;
	height: 110px;
	vertical-align: bottom;
	background-color: rgb(250,250,250); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgb(235,122,58), rgb(250,250,250)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgb(235,122,58), rgb(250,250,250)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgb(235,122,58), rgb(250,250,250)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgb(235,122,58), rgb(250,250,250)); /* Standard syntax */
}

TD#header_1 .logo
{
	font-family: SynalyticsLogo;
	font-size: 60px;
	line-height: 59px;
	margin: 0;
	padding: 0;
}

TD#header_1 .sublogo
{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: rgb(190,70,20);
	margin: 0;
	padding: 0;
	letter-spacing: 0.3ex;
}

TD#header_1 a { text-decoration: none; }

/* CONTENT */
TD#content
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	vertical-align: top;
	text-align: justify;
	width: 600px;
	background-color: #FFFFFF;
	/*border-right: 1px solid #999999;*/
}

/*-------------------------------------------------------------------------*/
/* HORIZONTALE HAUPTNAVIGTION */
/*-------------------------------------------------------------------------*/
TD#menu_1
{
	width: 720px;
	/* background-color: rgb(119,138,172); */
	font-weight: bold;
}

.menu_1
{
	/*	background-color: rgb(100,100,100); */
	background-color: rgb(190,70,20);
	white-space: nowrap;
	border: 0;
	padding: 6px 0 10px 6px;
	margin: 0;
	text-align: left;
	vertical-align: top;
	line-height: 11px;
}


TD#menu_1 SPAN
{
	display: inline;
	/*padding: .2em 1em;*/
}

TD#menu_1 SPAN A
{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

TD#menu_1 SPAN A:hover
{
	text-decoration: none;
	color: #FF9900;
	/*DESIGN-OPTIONEN*/
	/*color: #FF8000;*/
	/*background-color: #ADADC1;*/
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 SPAN.menu1-level1-no { text-decoration: none; }

/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 SPAN.menu1-level1-act { color: #FF9900; }
TD#menu_1 SPAN.menu1-level1-act A { color: #FF9900; }

/*-------------------------------------------------------------------------*/
/* TEXT-FELDER / SEITEN-INHALT */
/*-------------------------------------------------------------------------*/
TD#menu_2
{
	width: 720px;
}

TD#menu_2 SPAN
{
	display: inline;
	/*padding: .2em 1em;*/
}

/* INFO:  "SPAN A" legt fest, mit welcher Farbe HyperLinks erscheinen (inaktiv) */
TD#menu_2 SPAN A
{
	font-size: 11px;
	color: #C62D00;
	text-decoration: none;
}

/* INFO:  "SPAN A:hover" legt fest, mit welcher Farbe HyperLinks bei MouseOver erscheinen (aktiv) */
TD#menu_2 SPAN A:hover
{
	text-decoration: none;
	/*	color: #FF9900; */
	color: #443344;
	/*	color: #FF0080; */
	/*DESIGN-OPTIONEN*/
	/*	color: #FF8000; */
	/*	background-color: #ADADC1; */
	background-color: #DDCCDD;
}

/*  MENU 2, level 1, normal state (NO) */
TD#menu_1 SPAN.menu2-level1-no { text-decoration: none; }

/*  MENU 2, level 1, active state (ACT) */
TD#menu_2 SPAN.menu2-level1-act { color: #FF9900; }
TD#menu_2 SPAN.menu2-level1-act A { color: #FF9900; }

/*-------------------------------------------------------------------------*/
