/* =========== Gestaltung und Layout: inmotiv Webdesign ========================================================= */		

/* =========== LAYOUT UND ALLGEMEINE ANGABEN ==================================================================== */		

* {margin: 0; padding: 0;}
html, body	{ background: #fff url(../webdesign/bilder/hg-body.gif) repeat-y 50% 0; color: #000;
		  height: 100%;
			}
body 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; 
		  text-align: center;
      		  	}
#wrap-apfel	{ height: 100%;
		  background: url(../webdesign/bilder/aepfel.jpg) no-repeat 50% 0;
			}
#wrap		{ height: 100%; width: 760px; margin: 0 auto; text-align: left;
			}
h1#logo		{ text-indent: -10000px; font-size: 1em; width: 222px; height: 44px; float: right;
		  background: url(../webdesign/bilder/logo.gif) no-repeat 0 0; margin-top: 10px;
			}
#content	{ width: 590px; float: left; padding-right: 10px;
			}
#navigation	{ width: 150px; float: left; margin-left: 10px;
			}
* html #navigation	{ margin-left: 0; }			
#footer		{ width: 590px; padding-right: 10px; margin: 2em 0; text-align: center;
		  border-top: 1px solid #a00803; padding-top: 1em;
			}			
.containing-float:after
         	{ content: "."; visibility: hidden; height: 0; display: block; clear: both;
         		}         		
* html .containing-float
         	{ /* verbergen IE-Mac \*/
         	  height: 1%;
         	  /* ende verbergen IE-Mac */
         		}
.clear		{ clear: both; line-height: 0px; font-size: 1px; height: 0;
			}
.clear-p	{ clear: both; }			

/* =========== workaround WinXP SP2 tabben ====================================================================== */		
		 
a, a:link, a:visited, a:hover, a:focus, a:active   {} 
		
/* ============ WEBDESIGN-CONTENT =============================================================================== */

#content h1, #content h2
		{ text-indent: -10000px;
			}
#content h1	{ float: right;
			}
#content h3	{ font-weight: normal; font-size: 1em; margin-bottom: 1em; 
			}
h1.top-h1	{ margin: 200px 0 1em 0; font-size: 1.2em; font-weight: normal;
			}
h1#auftritt	{ background: url(../webdesign/bilder/h1-auftritt.gif) no-repeat 0 0;
		  width: 410px; height: 44px;
			}
h1#katalog	{ background: url(../webdesign/bilder/h1-katalog.gif) no-repeat 0 0;
		  width: 233px; height: 40px;
			}
h1#kontakt	{ background: url(../webdesign/bilder/h1-kontakt.gif) no-repeat 0 0;
		  width: 256px; height: 38px;
			}
h1#impressum	{ background: url(../webdesign/bilder/h1-impressum.gif) no-repeat 0 0;
		  width: 279px; height: 40px;
			}
h1#referenz	{ background: url(../webdesign/bilder/h1-referenz.gif) no-repeat 0 0;
		  width: 287px; height: 38px;
			}			
h2#optisch	{ background: url(../webdesign/bilder/h2-optisch.gif) no-repeat 0 0;
		  width: 244px; height: 36px;
			}
h2#aufbau	{ background: url(../webdesign/bilder/h2-aufbau.gif) no-repeat 0 0;
		  width: 81px; height: 34px;
			}
h2#suchmaschine	{ background: url(../webdesign/bilder/h2-suchmaschine.gif) no-repeat 0 0;
		  width: 309px; height: 33px;
			}
h2#hosting	{ background: url(../webdesign/bilder/h2-hosting.gif) no-repeat 0 0;
		  width: 91px; height: 35px;
			}
h2#kosten	{ background: url(../webdesign/bilder/h2-kosten.gif) no-repeat 0 0;
		  width: 76px; height: 34px;
			}
h2#verantwortlich
		{ background: url(../webdesign/bilder/h2-verantwortlich.gif) no-repeat 0 0;
		  width: 425px; height: 27px;
			}
h2#haftung	{ background: url(../webdesign/bilder/h2-haftung.gif) no-repeat 0 0;
		  width: 129px; height: 25px;
			}			
#content p	{ text-align: justify; margin-bottom: 1em; line-height: 1.45;
			}
#content #pneumo p, #content #tagung p
		{ text-align: left; font-size: .9em; 
			}
.textlink a:link, .textlink a:visited
		{ text-decoration: none; color: #a00803; padding-left: .9em;
			}
.textlink a:hover, .textlink a:active
		{ color: #000;
			}
span.intern	{ background: url(../webdesign/bilder/link-i.png) no-repeat 0 .2em;
			}
span.extern	{ background: url(../webdesign/bilder/link-e.png) no-repeat 0 .2em;
			}
acronym		{ cursor: help;
			}
* html acronym	{ border-bottom: 1px dashed #000;
			}
address		{ font-style: normal; margin-bottom: 1.5em;
			}
#pneumo, #tagung, #template1, #portal, #sektion5
		{ padding: 20px 10px; margin-bottom: 2em;
			}
a#pneumo-link, a#tagung-link, a#template1-link, a#portal-link, a#sektion5-link
		{ margin-bottom: 1em;
			}
a#sektion5-link:link, a#sektion5-link:visited, a#sektion5-link:hover, a#sektion5-link:active
		{ height: 214px; width: 345px; display: block; text-indent: -10000px; text-decoration: none;
		  background: url(../webdesign/bilder/referenzen-sektion5.jpg) no-repeat 0 0;
			}			
a#pneumo-link:link, a#pneumo-link:visited, a#pneumo-link:hover, a#pneumo-link:active
		{ height: 214px; width: 345px; display: block; text-indent: -10000px; text-decoration: none;
		  background: url(../webdesign/bilder/referenzen-pneumo.jpg) no-repeat 0 0;
			}
a#tagung-link:link, a#tagung-link:visited, a#tagung-link:hover, a#tagung-link:active
		{ height: 214px; width: 345px; display: block; text-indent: -10000px; text-decoration: none;
		  background: url(../webdesign/bilder/referenzen-tagung.jpg) no-repeat 0 0;
			}
a#portal-link:link, a#portal-link:visited, a#portal-link:hover, a#portal-link:active
		{ height: 214px; width: 345px; display: block; text-indent: -10000px; text-decoration: none;
		  background: url(../webdesign/bilder/referenzen-inmotiv.jpg) no-repeat 0 0;
			}			
a#template1-link:link, a#template1-link:visited, a#template1-link:hover, a#template1-link:active
		{ height: 214px; width: 345px; display: block; text-indent: -10000px; text-decoration: none;
		  background: url(../webdesign/bilder/referenzen-template1.jpg) no-repeat 0 0;
			}
#pneumo ul, #tagung ul, #template1 ul, #portal ul, #sektion5 ul
		{ list-style-type: none;
			}
#pneumo h4, #tagung h4, #template1 h4, #portal h4, #sektion5 h4
		{ font-size: .8em; float: left; width: 120px;
			}			
#content #pneumo p, #content #tagung p, #content #template1 p, #content #portal p, #content #sektion5 p	
		{ float: left; width: 448px; font-size: .8em; line-height: 1.2;
			}
#content #pneumo p.no, #content #tagung p.no, #content #template1 p.no, #content #portal p.no, #content #sektion5 p.no
		{ margin-bottom: 0;
			}


/* ============ NAVIGATION ====================================================================================== */

ul#nav		{ list-style-type: none; margin-top: 261px; background-color: #7f0000;
		  padding: 10px; border: 1px solid #fff;
			}
#nav li		{ margin-bottom: .5em;
			}
#nav li a:link, #nav li a:visited
		{ color: #fff; text-decoration: none;
			}
#nav li a:hover, #nav li a:active, span.aktiv
		{ color: #ff2e2e; 
			}

/* ============ NAVIGATION FOOTER =============================================================================== */

ul#nav-footer	{ list-style-type: none; width: 18em; margin: 0 auto;
			}
#nav-footer li	{ float: left; margin-right: 1em;
			}
#nav-footer li a:link, #nav-footer li a:visited
		{ color: #000; font-size: .8em; text-decoration: none;
			}
#nav-footer li a:hover, #nav-footer li a:active
		{ color: #7f0000; text-decoration: underline;
			}			

/* ============ WEBDESIGN-KONTAKTFORMULAR ======================================================================= */

fieldset	{ border: 1px solid #a00803; padding: 1em; width: 420px; margin: 0 auto;
			}
legend		{ color: #000;
			}
#druck-fieldset label, #druck-fieldset input
		{ display: block; float: left; width: 200px;
			}
#druck-fieldset label
		{ margin-bottom: .5em;
			}			
#druck-fieldset textarea#textfeld
		{ display: block; float: left; width: 400px;
			}
form #druck-fieldset br
		{ clear: left;
			}
#druck-fieldset input#absenden
		{ float: none; width: auto;
			}
textarea, form	{ margin-bottom: 1em;
			}
form h6		{ font-size: 1em; font-weight: normal; color: #a00803;
			}
#content h2.mail
		{ text-indent: 0px; font-weight: normal; font-size: 1.1em; margin-bottom: 5em;
			}