/* ----------------	reset (by http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 
				font-style: inherit; font-size: 100%; font-family: inherit; 
				vertical-align: baseline; background: transparent;}
:focus 			{outline: 0;}
body 			{line-height: 1; color: black; background: white;}
ol, ul 			{list-style: none;}
table 			{border-collapse: collapse; border-spacing: 0;}
caption, th, td 	{text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after 		
					{content: "";}
blockquote, q	 	{quotes: "" "";}

/* ----------------	Put it back on certain elements */
p, ul 			{margin: 0.9em 0;}

/* ----------------	=LAYOUT */

#wrapper 			{width: 700px; margin-left: 15px;}
#bg				{margin-left: 15px; margin-right:15px; padding-bottom: 20px; padding-top: 15px;}
h2 				{margin-top: 20px;}

#img				{margin-bottom: 25px;}

*.float 			{width: 230px;}
*.left 			{float:left;}
*.right 			{float:right;}
*.clear-left 		{clear:left;}
*.clear-right 		{clear:right;}
*.clear-both 		{clear:both;}
*.clear-none 		{clear:none;}


/* ----------------	=forms (by campmonitor) */
span.label,span.spacer,span.multiple span 	
				{width: 120px; float: left;}
span.multiple 		{float: left;}
span.button 		{padding-left: 120px;} 
div.clear 		{clear: both; padding-top: 5px;} 


/* ----------------	=TYPOGRAPHY */
p, ul, label 		{font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; line-height: 1.5em;}
h1 				{font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1.5em;}
h2, h3 		{font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.5em;}
.intro 			{font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; line-height: 1.5em;}
strong 			{font-weight: bold;}
#nav				{font-size: 0.8em;}
.city			{font-weight: bold; margin-bottom: 0.8em;}

.list {margin-left: 1em;}
.list li {list-style-type: disc}

#main	{padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted;}
#adr_block		{margin-bottom: 15px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted;}


/* ----------------	=COLOR */
body 			{background: url(bg_bar.gif); background-repeat:repeat-y;} 
#wrapper			{background-color: #ffffff;}
#bg				{background-color: #ffffff;}
p, ul, label 		{color: #666666;}
h1, h2, h3 		{color: #666666;}
.intro 			{color: #666666;}
h3, #adr_block, #main		{border-color: #666666;}
.hide 			{color:white;}

/* ----------------	=links */
a:link			{color:#000000; text-decoration:none;}
a:visited 		{color:#000000; text-decoration:none;}
a:hover 			{color:#000000; text-decoration:underline;}
a:active 			{color:#000000; text-decoration:underline;}

/* image replacement */
h1 {
text-indent: -9999px; 
background:url(title_de.gif) no-repeat; 
width: 546px; height:32px;
}

h2 {
text-indent: -9999px; 
background:url(title3_de3.png) no-repeat; 
width: 582px; height:42px;
}

#siteinfo a, #siteinfo p {
font-size: 0.9em;
color: #666;
}