/* =========== LAYOUT UND UMSETZUNG: inMOTIV.de =================================================================== */		
	
/* =========== WORKAROUND WinXP SP2 TABBEN ======================================================================== */		
		 
a, a:link, a:visited, a:hover, a:focus, a:active   {}

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

* 		{ margin: 0; padding: 0; }
html, body	{ background-color: #F0F0F4; color: #000; 
			} 
body 		{ font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; text-align: center;
      		  	}
body, #wrap	{ background: url(../bilder/hg-body.jpg) no-repeat top center;
			}
#wrap		{ width: 800px; margin: 0 auto; text-align: left; background-color: #fff; position: relative;
			}
h1#logo		{ position: relative; height: 85px; width: 800px; font-size: .7em;
		  font-weight: normal; font-size: 1em;
			}
h1#logo span	{ position: absolute; height: 100%; width: 100%;
		  background: url(../bilder/header.jpg) no-repeat;
			}			
h2#subheader	{ position: relative; height: 94px; width: 800px;
		  font-weight: normal; font-size: 1em;
			}
h2#subheader span
		{ position: absolute; height: 100%; width: 100%; background: url(../bilder/subheader.jpg) no-repeat;
			}						
#left		{ padding: 20px 20px 20px 30px;
			}
img		{ border: none;
			}
ul		{ list-style-type: none;
			}
address		{ font-style: normal; font-size: .8em; margin-bottom: 2em; line-height: 1.45;
			}
.italic		{ font-style: italic;
			}

/* =========== CONTENT ============================================================================================ */		

.left		{ float: left;
			}
.right		{ float: right;
			}
.right-m	{ float: right; margin-top: 20px;
			}
.right-s	{ float: right; margin-top: 10px;
			}									
.clear		{ clear: both; line-height: 0px; font-size: 1px; height: 0;
			}
.clear2		{ clear: both;
			}
.clear3		{ clear: both; line-height: 0px; font-size: 1px; height: 0; margin-top: -4em;
			}			
.containing-float:after
         	{ content: "."; visibility: hidden; height: 0; display: block; clear: both;
         		}         		
.containing-float
		{ display: inline-block;
			}
/* Hide from IE Mac \*/			
.containing-float
		{ display: block;
			}
/* End hide from IE Mac */
* html .containing-float
         	{ /* verbergen IE-Mac \*/
         	  height: 1%;
         	  /* ende verbergen IE-Mac */
         		}
#left h1	{ font-size: 1em; margin-bottom: .6em; color: #0056a2;
			}         		
#left h1.veran	{ margin-bottom: .5em;
			}
#left h1 span	{ font-style: italic;
			}
#left h1 span.absta
		{ font-style: normal; display: block; margin-top: .5em;
			}			
#left h2	{ font-size: .9em; margin-bottom: .4em;
			}
#left h2.abst-u	{ margin-bottom: 2em;
			}			
#left h3	{ font-size: .8em; margin: .8em 0;
			}			
#left p		{ line-height: 1.45; margin-bottom: 1em; font-size: .8em;
			}
#left p.a-left	{ margin-left: 5em;
			}			
#left h4	{ margin: 3em 0 0 0;
			}			
#left ul.ulleft	{ margin-bottom: 2em; font-size: .8em;
			}
#left ul.ulleft h3
		{ font-size: 1em;
			}		
address	span.ab	{ margin: 1em 0; display: block;
			}
.arrow-hg	{ background: url(../bilder/arrow.png) no-repeat 0 .2em;
			}
a.arrow:link, a.arrow:visited
		{ float: none; text-decoration: none; color: #000; padding-left: 13px;
			}
a.arrow:hover, a.arrow:active
		{ text-decoration: underline;
			}			
span.in		{ font-style: italic; font-size: 1em; color:#33CC33;
			}
span.motiv	{ font-style: normal; color:#FF6600; margin-left: -0.25em; font-size: 1em;
			}
#footer span.in, #footer span.motiv
		{ color: #add8e6; margin-left: 0em;
			}
#ko-left	{ float: left; width: 355px; margin-bottom: 20px;
			}
#ko-left2	{ float: left; width: 450px; margin-bottom: 10px;
			}			
#ko-right	{  margin: 0 0 20px 355px; padding: 20px; border: 1px solid #ccc;
			}
#ko-right2	{  margin: 0 0 -35px 450px; padding: 20px ; border: 1px solid #ccc;
			}
/* =========== CONTENT LI ========================================================================================= */

ul#start	{ margin-top: 2em;
			}
ul#start li	{ width: 355px; float: left; margin: 0em 20px 0em 0; height: 10em;
			}
ul#start li#herbst
		{ width: 710px;
			}			
ul#start li a	{ float: left;
			}
#left ul#start h3
		{ margin: 0 0 1em 180px;
			}			
ul#start li h3 a:link, ul#start li h3 a:visited
		{ float: none; text-decoration: none; color: #000;
			}
ul#start li h3 a:hover, ul#start li h3 a:active
		{ text-decoration: underline;
			}
#left ul#start li p	
		{ line-height: 1.45; font-size: .7em; margin: 0 0 0 180px;
			}
a.oben:link, a.oben:visited
		{ text-decoration: none; color: #575757; padding-left: 13px; font-size: .7em;
		  background: url(../bilder/arrow-up.png) no-repeat 0 1px; float: right;
			}
a.oben:hover, a.oben:active
		{ text-decoration: underline;
			}
			
/* =========== SPONSOREN LI ======================================================================================= */

ul#sponsoren	{ margin-top: 2em;
			}
ul#sponsoren li	{ border-bottom: 1px solid #000; margin-bottom: 1em; padding-bottom: 1em;
			}
ul#sponsoren li#last-sponsor
		{ border-bottom: 0px solid #000; margin-bottom: 0em; padding-bottom: 0em;
			}
ul#sponsoren h3 a:link, ul#sponsoren h3 a:visited 
		{ font-size: 1.3em; color: #000; text-decoration: none;
			}
ul#sponsoren h3 a:hover, ul#sponsoren h3 a:active 
		{ text-decoration: underline;
			}			

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

#footer		{ height: 7em; background: #0056a2 url(../bilder/dgp-footer.jpg) no-repeat 15px 17px;
			}
#footer h1, #footer h2
		{ font-size: .8em; color: #fff; font-weight: normal; margin: 0 0 .4em 95px; 
			}			
#footleft	{ float: left; width: 400px; margin-top: 17px;
			}
#footright	{ float: right; width: 390px; margin: 50px 10px 0 0;
			}
#footer ul#footright
		{ text-align: right;
			}
#footer ul li a:link, #footer ul li a:visited
		{ color: #fff; text-decoration: none; font-size: .8em;
			}
#footer ul li a:hover, #footer ul li a:active
		{ text-decoration: underline;
			}
#footer ul li#inmotiv a:link, #footer ul li#inmotiv a:visited
		{ color: #add8e6;
			}			

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

#navmain-wrap	{ background-color: #ecefee;
			}
#navmain-wrap.hr
		{ border-bottom: .2em solid #0056a2;
			}			
#nav-wrap	{ background-color: #0056a2;
			}			
ul#nav		{ background-color: #0056a2; width: 40em; margin: 0 auto;
			}
ul#nav li	{ float: left; line-height: 1; font-weight: bold; padding: .2em 1.5em .3em 0;
			}
ul#nav li a:link, ul#nav li a:visited
		{ color: #fff; text-decoration: none; padding: 0 .3em;
			}
ul#nav li a.pad:link, ul#nav li a.pad:visited
		{ padding: 0 0 0 0;
			}
ul#nav li a.imp:link, ul#nav li a.imp:visited
		{ padding: 0 0 0 .3em;
			}			
ul#nav li a:hover, ul#nav li a:active
		{ text-decoration: underline;
			}
ul#nav li span.aktiv
		{ text-decoration: underline; color:#fff;
			}
ul#nav li span.aktiv3
		{ text-decoration: underline; color:#fff; padding-left: .3em;
			}			
ul#nav li span.aktiv2
		{ background-color: #ecefee; padding: 0 .3em .3em .3em;
			}			
ul#nav li a:link span.aktiv2 , ul#nav li a:visited span.aktiv2 
		{ background-color: #ecefee; color: #000;
			}
ul#nav li a:hover span.aktiv2 , ul#nav li a:active span.aktiv2 
		{ text-decoration: underline;
			}			
ul#nav-sub	{ background-color: #ecefee; font-size: .8em; padding: .4em 0 .3em .4em;
		  width: 37em; margin: 0 auto;
			}
ul#nav-sub li	{ float: left; padding: 0 1.3em 0 0;
			}
ul#nav-sub li a:link, ul#nav-sub li a:visited
		{ color: #000; text-decoration: none;
			}
ul#nav-sub li a:hover, ul#nav-sub li a:active
		{ text-decoration: underline;
			}
ul#nav-sub li span.aktiv
		{ text-decoration: underline;
			}
			
/* =========== SYMBOLE ============================================================================================ */

ul#symbol	{ position: absolute; top: 15px; left: 704px; font-size: 1px;
			}
ul#symbol li	{ float: left;
			}			
ul#symbol li a:link, ul#symbol li a:visited
		{ text-decoration: none; display: block; height: 12px; width: 12px;
		  margin-right: 20px;
			}
ul#symbol li a#symbol2:link, ul#symbol li a#symbol2:visited
		{ background: url(../bilder/home2.png) no-repeat 0 0;
			}
ul#symbol li a#symbol2:hover, ul#symbol li a#symbol2:active
		{ background: url(../bilder/home2.png) no-repeat 0 -12px;
			}
ul#symbol li a#symbol3:link, ul#symbol li a#symbol3:visited
		{ background: url(../bilder/sitemap.png) no-repeat 0 0;
			}
ul#symbol li a#symbol3:hover, ul#symbol li a#symbol3:active
		{ background: url(../bilder/sitemap.png) no-repeat 0 -12px;
			}
ul#symbol li a#symbol4:link, ul#symbol li a#symbol4:visited
		{ background: url(../bilder/kontakt2.png) no-repeat 0 0;
			}
ul#symbol li a#symbol4:hover, ul#symbol li a#symbol4:active
		{ background: url(../bilder/kontakt2.png) no-repeat 0 -12px;
			}
			
/* =========== VERANSTALTUNG-KONTAKTFORMULAR ====================================================================== */

form#anfrage	{ font-size: .9em;
			}
form#anfrage input
		{ float: left; width: 50px; display: block;
			}
form#anfrage hr	{ margin: 10px 0;
			}			
form#anfrage #formular
		{ margin-top: 2em; width: 470px;
			}
form#anfrage #formular label
		{ float: left; display: block; width: 100px;
			}
form#anfrage #formular input
		{ float: left; width: 300px; margin-bottom: 5px;
			}
form#anfrage #formular input.nofloat
		{ width: 50px; margin-left: 2px;
			}
form#anfrage #formular .anrede
		{ margin-bottom:5px;
			}
form#anfrage #formular input#vorname
		{ margin-top: 5px;
			}
form#anfrage #formular input.submit
		{ margin-left: 100px;
			}
form#anfrage #textfeld
		{ width: 300px; margin: 0 0 5px; 0;
			}
			
/* ============ SEKTION5-KONTAKTFORMULAR =========================================================================== */

fieldset	{ border: 1px solid #ccc; padding: 1em; width: 420px; font-size: .9em;
			}
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;
			}
#left h2.mail
		{ text-indent: 0px; font-weight: normal; font-size: 1.1em; margin-bottom: 5em;
			}

/* =========== SITEMAP LI ========================================================================================== */

ul#sitemap	{ font-size: .9em;
			}
ul#sitemap ul	{ margin: .2em 0 .5em .7em; 
			}
ul#sitemap li	{ padding-left: 14px; background: url(../bilder/arrow.png) no-repeat 0 .2em;
			}
ul#sitemap li li
		{ background: url(../bilder/arrow-u.png) no-repeat 0 .2em;
			}			
ul#sitemap li a:link, ul#sitemap li a:visited
		{ text-decoration: none; color: #000;
			}
ul#sitemap li a:hover, ul#sitemap li a:active
		{ text-decoration: underline;
			}