body {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
* { padding:0; margin:0; }
#wrapper { }
th { text-align: left; padding-right:10px; }
#menu {	background: #fff; border-bottom: 3px solid #a92d2d; height: 31px; margin: 0 auto; padding-top:2px; }
#menu ul { list-style: none; margin:0 auto; width: 846px; }
#menu ul li { float:left; text-align: center; margin-right: 4px; position: relative; z-index: 97; }
#menu ul li:hover { z-index: 99; }
#menu ul li a { background: url(../../../images/webcard/ultra2/tabBlueBg.jpg) repeat-x; color: #fff; text-decoration: none; font-size: 0.9em; display:block; float:left; height: 31px; }
#menu ul li a span.left { background: url(../../../images/webcard/ultra2/tabBlueLeft.jpg) no-repeat; display: block; float:left; width: 3px; height: 31px; }
#menu ul li a span.text { display: block; float: left; height: 15px; padding: 8px; font-weight: normal; font-size: 0.9em; }
#menu ul li a span.right { background: url(https://www.keine-gewalt-gegen-kinder.ch/images/webcard/ultra2/tabBlueRight.jpg) no-repeat; display: block; float:left; width: 3px; height: 31px; }
#menu ul li:hover>a, #menu ul li a:hover, #menu ul li a.active { color: #d0d1bf; background: url(https://www.keine-gewalt-gegen-kinder.ch/images/webcard/ultra2/tabGreyBg.jpg) repeat-x; }
#menu ul li:hover>a span.left, #menu ul li a:hover span.left, #menu ul li a.active span.left { background: url(https://www.keine-gewalt-gegen-kinder.ch/images/webcard/ultra2/tabGreyLeft.jpg) no-repeat; }
#menu ul li:hover>a span.right, #menu ul li a:hover span.right, #menu ul li a.active span.right { background: url(../../../images/webcard/ultra2/tabGreyRight.jpg) no-repeat; }

/* Submenu */
#menu div.sub { display:none; background:#4b514f; left:0px; position:absolute; top:31px; width:186px; z-index: 98; }
#menu div.sub ul { margin: 0; padding: 0 0 4px 0; width: auto; height: auto; }
#menu div.sub li { margin: 0; text-align: left; float: none; width: 186px; }
#menu div.sub li a { float: none; border: none; padding: 10px; background: none; height: auto; }
#menu div.sub li a:hover, #menu div.sub li a.active { text-decoration: underline; }
#menu div.sub .left, #menu div.sub .right { display: none; }
#menu div.sub .text { background: none; padding:0; height: auto; float: none; }
#menu li:hover div.sub { display: block; }

#header { background: #fff; height: 112px; }
#header_content { margin: 0 auto; width: 860px; }
#logo { font-size: 1.5em; color: #a92d2d; padding: 38px 0 0 36px; }
#slogan { font-size: 0.6em; color: #a3a3a3; }

/* ################# CONTENT ###################### */
#content_wrapper { background: url(../../../images/webcard/ultra2/bg.jpg) repeat-x #fff; }
#content { background: url(../../../images/webcard/ultra2/contentBg.jpg) no-repeat; width: 820px; margin: 0 auto; padding: 10px 20px; min-height: 282px; }
#content h2 { color: #a92d2d; font-size: 1.2em; border-bottom: 1px solid #a92d2d; }
#content .banner {
	margin-top: -10px;
}
#content { color: #333; text-align: justify; }
#content p, #content span { line-height: 1.5em; }

#footer { width: 700px; margin: 0 auto; text-align: center; color: #2876a4; }
#footer a { color: #2876a4; }

/* ################# FORMS ########################## */
dl { margin-bottom: 2em; }
dt { float:left; color: #666; }
dd { margin-left: 90px; margin-bottom: 10px; }
dd input.text, dd textarea {
	width: 420px;
	border: 1px solid #999; 
	border-color: #999 #ccc #ccc #999;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 2px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
	border-color: #666 #aaa #aaa #666; 
	background-color: #f6f6f6;
}
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }