@charset "UTF-8"; /* check üÜöÖäÄ */
/* -------------------------------------------------------
 * CSS-Prolog
 * + BODY Design-Spezifische WEBsite definition
*/

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* sniglet-regular - latin */
@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sniglet-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/sniglet-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/sniglet-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/sniglet-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/sniglet-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/sniglet-v17-latin-regular.svg#Sniglet') format('svg'); /* Legacy iOS */
}



*			{
			margin:		0;
			padding:	0;

			/*
			 * Tabellen
			 */
			border-collapse:	collapse;
			border-spacing: 	0;
			}


html[xmlns^="http"]
			{
/*			height : 100%;
			padding-bottom : .005em;
*/
			overflow-y:	scroll;
			}


html,
body		{
			color:				#000000;
			background-color: 	#3F88BD;

			/* line-height ohne Einheit - sonst Vererbung
			 */
			line-height:		1.45;

			/* farbverlauf
			 */
			background-image:		url(image/body.jpg);
			background-repeat: 		repeat-x;
			background-position:	0 0;
			}


body		{
			/* Nur hier, sonst gibt es
			 * eventuell Vererbungsprobleme.
			 */
			font-size:		100.01%;
			font-family: 	'Dosis', sans-serif;
            letter-spacing: .035em;
			/*
			font-family: 	Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-family : "Lucida Grande", Lucida, Verdana, sans-serif;
			*/
			padding: 0 1em;
			}


/* --------------------------------------------------------
 * Typselektoren
 */

body a[href^="http"]
			{
			padding-right: 13px;
			background: transparent url(image/xlink.png) no-repeat scroll right;
    		}

a,
a:link,
a:visited	{
			/* --------------------------------------------------------
			 * IE/Opera-BUG WinXP SP2  -> bei nur #id-CHILDs
			 * Typselektoren fuer Link-Pseudo-Klassen  :link und :visited +
			 * die dynamischen Pseudo-Klassen :hover, :active und :focus
			 */
			color:	#222222;

			padding: 0 3px;

			text-decoration: none;
			/* sicherer Einzeiler im Link
			 */
			border-bottom:	 2px solid #777777;
			}

a:hover,
a:active,
a:focus		{
			color: #000000;
			background-color: #E2E060;

			border-bottom:	 1px solid #FFEE11;
			}


#content a:hover,
#content a:active,
#content a:focus
			{
			outline: 1px solid #FFEE11;
			background-color: #E2E060;
			}


h1,h2,h3,
h4,h5,h6	{
			//font-family: Georgia,"Times New Roman",serif;
			font-weight: normal;
			font-size: 1.7em;

			color:	#3970B0;

			padding: 1.1em 0 .6em;
			}
h2,h3		{
			font-size: 1.6em;
			}


p 			{
			font-size: 1.1em;
			padding: .2em 0 .5em;
			}

.mark		{
			background-color: #FFEE11;
			}

span.mark,
strong.mark	{
			/* hervorheben von Text;
			 * inline-Level
			 * + etwas Platz links/rechts
			 */
			padding-right: .15em;
			padding-left:  .15em;
			}

#content ul	{
			/* abstand unten sichern
			 */
			margin: .5em 1em 1.8em 38em;
			padding: .2em 0 .5em;

			}


#content li	{
			/* abstand unten sichern
			 */
			margin: 0 0 .3em 0;

			font-size:   1.1em;
			line-height: 1.4;
			text-align: left;
			}


/* --------------------------------------------------------
 * END /Workaround Classes
 */

.containing-float:after
			{
			/* Inhalt pseudo-Element :after;
			 * somit [clear] moeglich
			 */
			content: ".";

			/* [content] verbergen;
			 */
			visibility: hidden;
			height:     0;

			/* Block-Level fuer [clear];
			 */
			display: block;

			/* [float] clearing;
			 * einbeziehen der Float-Container;
			 */
			clear: both;
			}


.containing-float
			{
			/* nur IE-Mac;
			 * wird folgend ueberschrieben
			 */
/*			display: inline-table;	*//* invalide CSS3 */

			/* fuer alle Browser;
			 *
			 * verbergen IE-Mac \*/
			display: block;
			/* ende verbergen IE-Mac */


			/* fuer alle Browser;
			 */
			height: auto ! important;

			/* nur fuer IE-Win;
			 * definierte groeße (height or witdh)
			 * fuer automatisches einbeziehen
			 * der Float-Container (auto-clearing);
			 *
			 * verbergen IE-Mac \*/
			height: 1%;
			/* ende verbergen IE-Mac */
			}

.clear		{
			clear: both;
			overflow: hidden;
			line-height: 0px;
			font-size: 0;
			height: 0;
			}


.inowrp		{
			/* inline - LINK-Element mit span umschliessen;
			 * Zeilenumbruch im Link verhindern;
			 * direkt im a-Tag definieren hat Browser-BUGs:
			 * - Firefox schreibt ueber Container
			 * - IE stellt Hintergrundbilder nicht/falsch dar
			 */
			white-space: nowrap;
			}


span.marker {
			/* hervorheben von Text;
			 * inline-Level
			 * + etwas Platz links/rechts
			 */
			border-bottom: 1px solid #FFEE11;
			padding-right: .15em;
			padding-left:  .15em;

			background-color: #FFEE11;
			}

/* Barrierefrei-Screenreader-Menue-Orientierung-CODE */
#menu em
			{
			/*
			 * display: none;
			 * visibility: hidden;
			 *
			 * koennen nicht benutzt werden da Screenreader
			 * es nicht vorlesen würden !!
			 * (also ab ins Nirvana)
			 */
			position: absolute;
			top:  -1000px;
			left: -1000px;

			width:  0;
			height: 0;

			overflow: hidden;
			display:  block;

			line-height: 0px;
			}

/* Logo fuer print-style
 */
#printing	{
			display: none;
			}

/* --------------------------------------------------------
 * #site
 * Hauptcontainer beinhaltet die Site
 * ohne Hauptmenu und Footer
 */

#site 		{
			/* initial containing block
			 */
			position: relative;
			/* =< IE6 ; sonst Probleme mit [initial containing block]
			 * da in keinem Parent-Element eine Hoehe
			 * interpretiert es nur der IE
			 */
			height: 1%;

			min-height: 41em;
			/* min-height workaround IE
			 */
			height: auto !important;
			height: 41em;

			width: 60em;

			margin: 2em auto 1em;
			border:	 1px solid #000000;
			padding: 0 0;

			background-color: #FFFFFF;
			background-image: url(image/sat.jpg);
			background-repeat: repeat-x;
			background-position: center 1.8em;
			}

#site img	{
			display: block;
			position: absolute;

			top: 2em;
			left: 2em;
			}




#headline	{
			//position: absolute;
			display: block;
			left:0;
			bottom: 0;
			//width: 96%;
			margin: 21em auto 0;
			padding: .5em 0 .5em;

			letter-spacing: 2px;
			/*text-transform: uppercase;*/
			font-weight: normal;
			font-size: 1.7em;

			color:	#3970B0;

			text-align: center;
            border: none!important;
			}

#headline span	{
			padding: 0 1.1em;
			font-size: .85em;
/*			letter-spacing: 1em;
*/			}


/* --------------------------------------------------------
 * #menu
 */

#menu		{			/*border: 1px solid #FF9900;*/
			position: relative;
			float: right;
			width: 13em;
			height: 8em;

			margin: 1em 0 0 0;
			border-left: 2px solid #AAAAAA;
			padding: 1em 0 0 1em;
			}

#menu ul
			{
			width: 11em;
			list-style-type: none;

			}

#menu ul ul
			{
			position: absolute;
			right: 15.1em;
			bottom: 0em;

			/*border: 1px solid #FF0000;*/

			width: 9em;

			border-top: 4px solid transparent;
			text-align: right;
			}

#menu li
			{
			border-bottom: 4px solid transparent;
			line-height: 0px;
			}



#menu li strong, 	/* Standort kein Link */
#menu li a
			{
			display: block;

			/* Dimension IE
			 * somit voll anklickbar
			 */
			position: relative;

			margin: 0;
			border: 1px solid #F5F5F5;
			padding: 2px 10px 3px !important;
			padding: 1px 10px 3px;

			background-color: transparent;
			color: #000000;

			text-decoration: none;

			font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-weight: normal;
			font-size: .80em;

			letter-spacing: 1px;

			line-height: 1.1 !important;
			line-height: 1.2;
			}

#menu li a.path:hover,    /* path-activ (knoten) */
#menu li a.path:focus,    /* path-activ (knoten) */
#menu li a.path:active,   /* path-activ (knoten) */
#menu li strong,
#menu li a:hover,
#menu li a:focus,
#menu li a:active
			{
			border: 1px solid #68A3CF;

			color: #000000;
			background-color: #FFFFFF;

			cursor: pointer;
			}

#menu li a.path,    /* path-activ (knoten) */
#menu li strong
			{
			border: 1px solid #68A3CF;
			padding: 1px 9px 2px !important;
			padding: 0px 9px 2px;

			color: #FFFFFF;
			background-color: #3970B0;

			cursor: default;
			}

#menu li a.path    /* path-activ (knoten) */
			{
			color: #000000;
			background-color: #E3E3E3;
			border: 1px solid #DDDDDD;
			}

/* --------------------------------------------------------
 * #content
 */

 #content
 			{
			margin: 11.8em 0 2em;

			min-height: 28em;
			/* min-height workaround IE
			 */
			height: auto !important;
			height: 28em;

			background-image: url(image/content.png);
			background-repeat: repeat-x;
			background-position: center top;

			text-align: right;

			}

#content h1,
#content h2,
#content h3,
#content pre,
#content p
			{
			margin: 0 22px 0 50px;
			}

/* --------------------------------------------------------
 * #table
 */

table	{
			margin: 0 auto 2em;

			border-collapse: separate;
			border-spacing: 3px;

			line-height: 1.4;
			}

td		{
			padding: 0 .5em;
			font-size: 1.1em;
			}



/* --------------------------------------------------------
 * #shop
 */

a#shop,
a#shop:link,
a#shop:visited
			{
			display: block;
			position: absolute;

			top: 140px;
			left: 60px;

			height: 120px;
			width: 280px;

			background-color: transparent;
			background-image: url(image/Technisat_Online_Shop_off.png);
			background-repeat: repeat-x;
			background-position: 0px 0px;

			color: transparent;
			text-decoration: none;

			padding: 0;
			border-bottom:	 0px solid transparent;
			}

a#shop:hover,
a#shop:active,
a#shop:focus
			{
			background-image: url(image/Technisat_Online_Shop_on.png);
			}

a#shop strong,
a#shop img
			{
			/*
			 * display: none;
			 * visibility: hidden;
			 *
			 * koennen nicht benutzt werden da Screenreader
			 * es nicht vorlesen würden !!
			 * (also ab ins Nirvana)
			 */
			position: absolute;
			top:  -1000px;
			left: -1000px;

			width:  0;
			height: 0;

			overflow: hidden;
			display:  block;

			line-height: .0;
			}



/* --------------------------------------------------------
 * END /#shop
 */