@CHARSET "UTF-8";

:active {
    outline: none;
}

body {
	background: #CCC;
    color: #333;
	text-align: center;
	font: normal 12px Arial,sans-serif;
}

hr {
    display: none;
}
a, a:visited {
	text-decoration: none;
	color: #4F82CB; 
	background: inherit;
}
a:hover {
	color: #4EBF37;
	background: inherit;
}
img {
	border: 0;
}
img.border {
	border: 2px solid #CCC;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.color-blue { color: #1f4b96; }
.color-green { color: #649128; }


/* container
 ************/
#container {
	width: 820px;
	background: #CCC url(/images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-container {
	clear: both;
	width: 760px;
	margin: 0 auto;
}

/* dojo
*******/
#widget_townSearch_dropdown {
	font-size: 12px;
}

/* header 
 *********/
#header {
	position: relative;
	width: 820px; height: 120px;
	font: normal 12px Arial,sans-serif;
	background: #1f4b96 url(/images/header.jpg) no-repeat center top;
	color: #FFF;
}
#header #logo {
	position: absolute;
	margin: 0; padding: 0;
	top: 26px; left: 50px;	
	font: bold 48px 'Trebuchet MS',Arial,sans-serif;
	letter-spacing: -2px;
	color: #FFF;
	text-transform: none;
}
#header #logo a {
	color: #FFF;
}
#header #logo a:hover {
	color: #4EBF37;
}
#header #slogan {
	position: absolute;
	top: 74px; left: 58px;		
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS',Arial,sans-serif;
	text-transform: none;
	color: #FFF;
}


/* search
 *********/
#header form {
	position: absolute;
	top: 90px; right: 40px;
	color: #333;
}	
#header form input.text {
	width: 200px;
	background: #FFF;
}
#header form select {
	background: #FFF;
	width: 150px; height: 20px;
}
#header form button {
	padding: 2px;
	background: #CCC url(/images/headerbg.gif) repeat-x;
	border: none;
	font-weight: bold;
	color: #333;
}
#header form button.dijitReset {
	margin: 0; padding: 0;
	border: none;
}
#header form button:hover {
	color: #1f4b96;
	background: #FFF;
}


/* menu 
 *******/
#menu {
	clear: both;	
	margin: 0; padding: 0 40px 0 40px;
	background: url(/images/menu.jpg) repeat-y center top;	
	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
	height: 26px;
}
#menu ul {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
	width: 740px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: #FFF;	
	text-decoration: none;
}
#menu ul li a:hover {
	background-color: #ECECEC;
	color: #333;	
}
#menu ul li#current a {	
	background-color: #FFF;
	color: #333;
}
#menu ul li.impressum a {
	float: right;
}


/* categories
 **********/	
#categories {
	float: left;
	margin: 0; padding: 0;
	width: 180px;
	font: 12px/16px Verdana,Tahoma,Arial,sans-serif;
}	
#categories h1 {
	margin-top: 12px;
	padding: 5px 0 5px 10px; 
	font: bold 1.1em Verdana,'Trebuchet MS',Sans-serif;
	color: #555;
	background: #EEF0F1 url(/images/headerbg.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#categories div.box {
	border: 1px solid #EFF0F1; 
	margin: 0 0 5px 0;	
}
#categories ul {
	list-style: none;
	text-align: left;
	margin: 3px 0 8px 0; padding: 0;
	text-decoration: none;		
}
#categories ul li {
	border-bottom: 1px solid #EFF0F1;
	background: url(/images/go.gif) no-repeat 5px 5px;	
	margin: 0 2px; padding: 2px 0 2px 25px;
}
#categories ul a {
	font-weight: bolder;
	text-decoration: none;	
	background-image: none;	
}

#categories #smallbanner {
	text-align: center;
}
#categories #smallbanner a img {
	margin: 0 0 5px 0;
}
#categories #partnerlinks h1 {
	color: #4F82CB;
}
#categories #partnerlinks ul li {
	background: none;
	padding: 2px 0 2px 0;
}
#categories #partnerlinks a, #categories #partnerlinks a:visited {
	text-decoration: none;
	color: #4EBF37; 
	background: inherit;
}
#categories #partnerlinks a:hover {
	color: #4F82CB;
	background: inherit;
}

/* content
 **********/
#content {
	float: right;
	margin: 0 0 10px 0; padding: 0;
	width: 75%;
	font: 12px/16px Verdana,Tahoma,Arial,sans-serif;
}
#content * {
	margin: 0;
}
#content h1 {
	margin: 5px 0 10px 0; padding: 5px 0 5px 25px;
	font: Bold 125% Verdana,'Trebuchet MS',Sans-serif;
	color: #88ac0b;
	border-bottom: 1px solid #EFF0F1;
	background: #FFF url(/images/square-green.png) no-repeat 3px 50%;	
}
#content h2, #content h3 {
	font-family: Tahoma,Verdana,'Trebuchet MS',Sans-serif;
	font-weight: Bold; 		
	padding: 10px;		
}
#content h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #88ac0b;
}
#content h3 {
	font-size: 110%;
	color: #666666; 
}
#content h4 {
	padding: 0 0 0 10px;
	font-size: 110%;
}
#content p {
	padding: 0 10px 10px 10px;
}
#content p.error {
    color: Red;
}
#content em {
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}
#content .float-right {
	float: right;
	margin: 0px 0px 10px 10px;  
}
#content .float-left {
	float: left;
	margin: 0px 10px 10px 0px;
}
#content .float-clear {
	clear: both;
}
#content img.captcha {
	border: 0;
	margin-top: 5px;
}
#content code {
	color: #1f4b96;
	display: block;
	font-size: 14px;
	border: 1px solid #ddd;
	margin-top: 5px;
}
#content div.entry {
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
}
#content div.entry p {
	padding-top: 0;
}
#content div.banner {
	margin: 0 0 10px 0;
}


/* form
 *******/
#content form {
    padding: 10px 10px 10px 10px;
	background-color: #FAFAFA;
	border:1px solid #F2F2F2;
}
#content form legend {
	font-weight: bold;
	font-family: verdana,arial,sans-serif;
	margin-bottom: 10px;
	height: 32px;
}
#content fieldset {
	border: 0;
}
#content label {
	display: block;
	cursor: pointer;
	color: #363636;
	font-weight: bold;
}
#content form p {
	padding: 0 0 1em 0;
}
#content form p.error {
    margin-top: -1em;
    color: Red;
    font-size: 90%;
	clear: both;
}
#content form input.text {
	border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2px;
    width: 300px;
}
#content form #town {
    padding: 1px;
	font-family: Verdana,Tahoma,arial,sans-serif;
    width: 210px;
}
#content form input.captcha {
	width: 100px;
}
#content form select {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2px;
    width: 306px;
}
#content form input.error,
#content form select.error,
#content form textarea.error {
    border: 1px solid Red;
}
#content form textarea {
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 304px;
    height: 114px;
}


/* buttons
 **********/
#content .buttons {
	clear: right;
	height: 20px;
	margin-bottom: 10px;
}
	
#content .buttons a,
#content button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #cdcdcd;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 8px 6px 5px;
}
#content button {
    width: auto;
    overflow: visible;
    padding: 4px 8px 3px 5px; /* IE6 */
}
#content button[type] {
    padding: 5px 8px 5px 5px; /* Firefox */
    line-height: 17px; /* Safari */
}
*:first-child+html #content button[type] {
    padding: 4px 8px 3px 5px; /* IE7 */
}
#content button img, #content .buttons a img {
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}

#content button:hover,
#content .buttons a:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
#content .buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#content button.positive,
#content .buttons a.positive {
    color:#529214;
}
#content .buttons a.positive:hover,
#content button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
#content .buttons a.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

#content .buttons a.negative,
#content button.negative {
    color:#d12f19;
}
#content .buttons a.negative:hover,
#content button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
#content .buttons a.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* pagination 
 *************/
div.pagination {
	height: 25px;
}
div.pagination ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
div.pagination li {
	list-style: none;
	font-size: 90%;
	margin-right: 2px;
	display: block;
	float: left;
}
div.pagination li.off {
	border: solid 1px #DEDEDE;
	color: #888888;
	padding: 2px 6px;
}
div.pagination a {
	border: solid 1px #DDDDDD;
	color: #0e509e;
	display: block;
	float: left;
	padding: 2px 6px;
	text-decoration: none;
}
div.pagination .active a {
	background: #639AC4;
	color: #FFFFFF;
	font-weight: bold;
}

/* footer
 *********/	
#footer {
	width: 820px; height: 55px;
	color: #666666;
	background: #CCC url(/images/footer.jpg) no-repeat center top;
	clear: both;
	text-align: center;	
	font-size: 11px;
}