@charset "UTF-8";
/* CSS Document // by milo@miloezger.ch  */


/* /////////////////////////////////////////////// */
/* ALLGEMEIN */

* 			 			{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
html, body 	 			{ background-color:#000; }
a						{ outline:none; }

/* /////////////////////////////////////////////// */
/* DIV's */

div#container 			{  }
div#servicenavi		 	{ position:absolute; z-index:5; width:100%; background:url(../bilder/bg_servicenavi.jpg) repeat-x top left; height:31px; right:0px; float:left; }
div#headerbild			{ position:absolute; left:0px; top:31px; width:100%; z-index:1; background-color:#000; height:315px; overflow:hidden; min-height:315px; }
div#logo				{ position:absolute; left:0px; top:50px; z-index:10; }
div#nav					{ position:absolute; z-index:15; width:100%; top:305px; background:url(../bilder/bg_mainnavi.png) repeat-x top left; height:52px; min-width:750px; }
div#pageswitch			{ position:absolute; z-index:15; top:319px; right:15px; }
div#pageswitch a		{ text-indent:-1000em;  display:block; width:180px; height:27px; background:transparent url(../bilder/nav-logo-grond.png) right center no-repeat; }
div#inhaltbackground	{ position:absolute; z-index:5; top:346px; background:url(../bilder/bg_body.jpg) top left no-repeat; width:950px; height:100%; bottom:0px; overflow:hidden; }
div#subnavigation		{ position:absolute; z-index:15; top:400px; left: 35px; }
div#inhalt				{ border:0px solid #F00; position:absolute; z-index:50; left:270px; max-width:650px; min-width:250px; top:400px; }
div#textinhalt			{ border:0px solid #F00; position:absolute; z-index:50; left:270px; max-width:400px; min-width:250px; top:400px; }
div#bildspalte			{ border:0px solid #F00; position:absolute; z-index:50; left:430px; min-width:200px; top:25px; }
div#footer				{ border:0px solid #F00; position:fixed; width:2000px; background-color:#000; z-index:50; bottom:0px; display:block; left:0px; overflow:hidden; height:50px; }



/* SERVICE NAVIGATION */

div#servicenavi ul				{ margin:8px 150px 0px 0px; padding:0; list-style-type:none; }
div#servicenavi ul li			{ float:right; margin:0px 7px; }
div#servicenavi ul a			{ text-transform:uppercase; font-size:9px; color:#000; text-decoration:none; letter-spacing:0.2em; }	
div#servicenavi ul a:hover		{ text-decoration:underline; color:#9CF; }


/* /////////////////////////////////////////////// */
/* HAUPT-NAVIGATION */

div#nav ul a					{ margin:0px 0px 0px 0px; letter-spacing:0.1em; font-weight:700; font-size:12px; color:#CCC; text-transform:uppercase; display:block; padding:8px 20px 6px 20px; text-decoration:none; }
div#nav ul 						{ margin:0px; padding:13px 0px 0px 0px; list-style-type:none; position:relative; }
div#nav li 						{ float:left; }
div#nav ul div.ahover 			{ background:url(../bilder/bg_mainnavi_li.png) top left repeat; position:absolute; z-index:100; }
div#nav ul li a 				{ display:block; width:auto; position:relative; z-index:101; }
div#nav .rex-current 			{ background:url(../bilder/bg_mainnavi_li.png) top left repeat; color:#FFF !important; }


/* SUB-NAVIGATION */

div#subnavigation ul			{ margin:0; padding:0; list-style-type:none; position:relative; }
div#subnavigation ul li			{ margin:0px; padding:0; }
div#subnavigation ul a			{ color:#666; text-transform:uppercase; font-weight:900; line-height:1.9em; font-size:0.9em; letter-spacing:0.1em; }	
div#subnavigation ul li a 		{ display:block; width:auto; position:relative; z-index:101; padding:0px 5px 0px 5px; }
div#subnavigation ul div.ahover	{ text-decoration:none; position:absolute; z-index:100; }
div#subnavigation ul a:hover	{ text-decoration:none; color:#CCC; }
div#subnavigation .rex-current	{ color:#CCC; }


/* /////////////////////////////////////////////// */
/* FOOTER */
div#footer p 					{ margin:10px 0px 0px 20px; font-size:10px; letter-spacing:0.1em; float:left; padding:0; width:230px; color:#666; display:block; text-transform:uppercase; line-height:1.4em; }
div#footer p.logos 				{ width:auto; float:left; display:block; }
div#footer img 					{ border:none; padding:0px 15px; vertical-align:middle; }
div#footer p.small 				{ width:150px; float:left; display:block; }

div#footer p.egk				{ float:left; font-size:9px; color:#222; margin:27px 0px 0px 0px; }
div#footer p.egk a				{ color:#666; font-size:9px; text-decoration:none; }

/* /////////////////////////////////////////////// */
/* CLASSES */
div#servicenavi ul a.deutsch	{ position:absolute; padding-right:10px; border-right:1px solid #09C; right:310px; top:11px; }
div#servicenavi ul a.english	{ position:absolute; padding-right:10px; right:240px;  border-right:1px solid #09C; top:11px; }
div#servicenavi ul a.italiano	{ position:absolute; right:175px; top:11px; }

div#servicenavi ul a.login		{ position:absolute; right:60px; top:11px; color:#09C; font-weight:900; }
div#servicenavi ul a.home		{ position:absolute; right:15px; top:10px; }


.teasercat	{ float:left; }


/* /////////////////////////////////////////////// */
/* IMG IMAGES */
div#headerbild img			{ width:100%; }
div#logo img				{ border:none; }


/* /////////////////////////////////////////////// */
/* TEXT */

div#inhalt, 
div#textinhalt		{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; }

div#inhalt ul,
div#textinhalt ul			{ margin:5px 0px 5px 15px; list-style-type:inherit; }

div#inhalt ul li,
div#textinhalt ul li		{ margin:5px 0px; }

div#bildspalte img		{ border:5px solid #CCC; margin:0px 0px 10px 0px; clear:left; float:left; }
div#inhalt img			{ border:5px solid #CCC; margin:5px 10px 5px 0px; }
p 						{ margin:10px 0px 0px 0px; padding:0; letter-spacing:0.05em; line-height:1.5em; }
h1						{ font-size:22px; font-weight:normal; color:#9CF; letter-spacing:0.05em; line-height:1.5em; margin-bottom:25px; font-style:italic; }
h2						{ font-size:16px; text-transform:uppercase; padding:20px 0px 10px 0px; }
h3						{ font-size:13px; text-transform:uppercase; padding:10px 0px 10px 0px; }


.clear { height:150px; clear:both; }


/*  */

#tooltip				{ position:absolute; border:1px solid #FFF; background:#333; padding:2px 5px; color:#FFF; display:none; }	

/*  */

/* allg. Links */
a:link,
a:visited					{ color:#9CF; text-decoration:none; font-size:inherit; }
a:hover						{ text-decoration:underline; }
a:active					{ color:#666; }





/* /////////////////////////////////////////////// */
/* FORMULAR ELEMENTE */

input,
textarea				{ width:250px;background-color:#6CF;border:4px solid #d4d0c7; margin-right:5px; }
textarea				{ height:50px; }
input.btn				{ width:auto;background-color:#6CF;border:1px solid #d4d0c7;color:#fff;padding:2px 4px;font-weight:900; }






















/* // 2009 Milo Miloezger | http://www.miloezger.ch ///////////////////////////////////////////// */
