/**
 * Stylesheet information for region-bocholter-aa.de
 * 
 * @author Andreas Tschirpke <info(at)at-newmedia.de>
 * @copyright at|newmedia, 2009
 */



html, body {
	height: 100%;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
  
html {
	background: url(../i/page.png) repeat-y 50% 0 #3066a6;
}

body {
	background: url(../i/bg_100.png) repeat-x 50% 0;
	font-size: 62.5%;
}

/* v1 
body.gray { background-image: url(../i/bg_gray.png); }
body.orange { background-image: url(../i/bg_orange.png); }
body.brown { background-image: url(../i/bg_brown.png); }
body.green { background-image: url(../i/bg_green.png); }
body.darkgreen { background-image: url(../i/bg_darkgreen.png); }
body.blue { background-image: url(../i/bg_blue.png); }
body.darkblue { background-image: url(../i/bg_darkblue.png); }
*/
/* v2 
body.v100 { background-image: url(../i/bg_100.png); }
body.v90 { background-image: url(../i/bg_90.png); }
body.v80 { background-image: url(../i/bg_80.png); }
body.v70 { background-image: url(../i/bg_70.png); }
body.v60 { background-image: url(../i/bg_60.png); }
body.v50 { background-image: url(../i/bg_50.png); }
body.v40 { background-image: url(../i/bg_40.png); }
body.v30 { background-image: url(../i/bg_30.png); }
body.v20 { background-image: url(../i/bg_20.png); }
body.v10 { background-image: url(../i/bg_10.png); }
body.v0 { background-image: url(../i/bg_0.png); }
*/
#wrap {
	height: 100%;
	width: 910px;
	margin: 0 auto;
	position: relative;
	_padding-left: 115px;
	background: url(../i/bar_100.png) no-repeat 50% 181px;
}

/* v1 
body.gray #wrap { background: url(../i/bar_gray.png) no-repeat 0 131px; }
body.orange #wrap { background: url(../i/bar_orange.png) no-repeat 0 131px; }
body.brown #wrap { background: url(../i/bar_brown.png) no-repeat 0 131px; }
body.green #wrap { background: url(../i/bar_green.png) no-repeat 0 131px; }
body.darkgreen #wrap { background: url(../i/bar_darkgreen.png) no-repeat 0 131px; }
body.blue #wrap { background: url(../i/bar_blue.png) no-repeat 0 131px; }
body.darkblue #wrap { background: url(../i/bar_darkblue.png) no-repeat 0 131px; }
*/
/* v2 
body.v100 #wrap { background: url(../i/bar_100.png) no-repeat 1px 131px; }
body.v90 #wrap { background: url(../i/bar_90.png) no-repeat 1px 131px; }
body.v80 #wrap { background: url(../i/bar_80.png) no-repeat 1px 131px; }
body.v70 #wrap { background: url(../i/bar_70.png) no-repeat 1px 131px; }
body.v60 #wrap { background: url(../i/bar_60.png) no-repeat 1px 131px; }
body.v50 #wrap { background: url(../i/bar_50.png) no-repeat 1px 131px; }
body.v40 #wrap { background: url(../i/bar_40.png) no-repeat 1px 131px; }
body.v30 #wrap { background: url(../i/bar_30.png) no-repeat 1px 131px; }
body.v20 #wrap { background: url(../i/bar_20.png) no-repeat 1px 131px; }
body.v10 #wrap { background: url(../i/bar_10.png) no-repeat 1px 131px; }
body.v0 #wrap { background: url(../i/bar_0.png) no-repeat 1px 131px; }
*/
/* v3 
body.v100 #wrap { background: url(../i/bar_100.png) no-repeat 50% 181px; }
*/
body > #wrap {
	height: auto;
	min-height: 100%;
}

#main {
	background: url(../i/header.jpg) no-repeat -145px 0;
	min-height: 181px;
	padding: 0 125px 73px 10px;
	width: 890px;
}

#legal {
	position: relative;
	margin: -73px auto 0;
	height: 73px;
	width: 890px;
	padding: 0 0;
	clear: both;
	background: url(../i/page.png) repeat-y 50% 0 #464c48;
}

#header {
	width: 890px;
	height: 181px;
	position: relative;
}

#logo {
	margin: 0;
	text-indent: -9000px;
    position: absolute;
    top: 40px;
    left: 10px;	
}

#logo a {
    display: block;
    width: 355px;
    height: 40px;	
}

#nav {
	margin: 0;
	position: absolute;
	right: 0px;
	top: 151px;
	height: 30px;
}

#nav li {
	float: left;
	margin: 0;
	margin-left: 1px;
	padding: 0;
	background: none;
}

#nav li a,
#nav li a:link,
#nav li a:visited { /* 29px height */
    background-image: url(../i/nav_100.png);
	background-repeat: repeat-x;
	background-position: 0 100%;
	display: block;
	padding: 7px 20px 9px;
	font-size: 14px;
	color: #333;
	letter-spacing: -.02em;
	font-weight: normal;
}

#nav li a:hover,
#nav li a:active { 
    background-position: 0 -29px;
	color: #000;
	text-decoration: none;
}

#nav li.act a,
#nav li.act a:link,
#nav li.act a:visited,
#nav li.act a:hover,
#nav li.act a:active {
    padding-top: 7px;
    background-position: 0 0px;
}

/* navigation colors */
/* v1 
#nav li.gray a, #nav li.gray a:link, #nav li.gray a:visited { background-image: url(../i/nav_gray.png); }
#nav li.orange a, #nav li.orange a:link, #nav li.orange a:visited { background-image: url(../i/nav_orange.png); }
#nav li.brown a, #nav li.brown a:link, #nav li.brown a:visited { background-image: url(../i/nav_brown.png); }
#nav li.green a, #nav li.green a:link, #nav li.green a:visited { background-image: url(../i/nav_green.png); }
#nav li.darkgreen a, #nav li.darkgreen a:link, #nav li.darkgreen a:visited { background-image: url(../i/nav_darkgreen.png); }
#nav li.blue a, #nav li.blue a:link, #nav li.blue a:visited { background-image: url(../i/nav_blue.png); }
#nav li.darkblue a, #nav li.darkblue a:link, #nav li.darkblue a:visited { background-image: url(../i/nav_darkblue.png); }
*/
/* v2 
#nav li.v100 a, #nav li.v100 a:link, #nav li.v100 a:visited { background-image: url(../i/nav_100.png); }
#nav li.v90 a, #nav li.v90 a:link, #nav li.v90 a:visited { background-image: url(../i/nav_90.png); }
#nav li.v80 a, #nav li.v80 a:link, #nav li.v80 a:visited { background-image: url(../i/nav_80.png); }
#nav li.v70 a, #nav li.v70 a:link, #nav li.v70 a:visited { background-image: url(../i/nav_70.png); }
#nav li.v60 a, #nav li.v60 a:link, #nav li.v60 a:visited { background-image: url(../i/nav_60.png); }
#nav li.v50 a, #nav li.v50 a:link, #nav li.v50 a:visited { background-image: url(../i/nav_50.png); }
#nav li.v40 a, #nav li.v40 a:link, #nav li.v40 a:visited { background-image: url(../i/nav_40.png); }
#nav li.v30 a, #nav li.v30 a:link, #nav li.v30 a:visited { background-image: url(../i/nav_30.png); }
#nav li.v20 a, #nav li.v20 a:link, #nav li.v20 a:visited { background-image: url(../i/nav_20.png); }
#nav li.v10 a, #nav li.v10 a:link, #nav li.v10 a:visited { background-image: url(../i/nav_10.png); }
#nav li.v0 a, #nav li.v0 a:link, #nav li.v0 a:visited { background-image: url(../i/nav_0.png); }
*/

/* active navigation states */
/* v1 
.gray #nav li.gray a, .gray #nav li.gray a:link, .gray #nav li.gray a:visited { padding-top: 7px; background-position: 0 0px; }
.orange #nav li.orange a, .orange #nav li.orange a:link, .orange #nav li.orange a:visited { padding-top: 7px; background-position: 0 0px; }
.brown #nav li.brown a, .brown #nav li.brown a:link, .brown #nav li.brown a:visited { padding-top: 7px; background-position: 0 0px; }
.green #nav li.green a, .green #nav li.green a:link, .green #nav li.green a:visited { padding-top: 7px; background-position: 0 0px; }
.darkgreen #nav li.darkgreen a, .darkgreen #nav li.darkgreen a:link, .darkgreen #nav li.darkgreen a:visited { padding-top: 7px; background-position: 0 0px; }
.blue #nav li.blue a, .blue #nav li.blue a:link, .blue #nav li.blue a:visited { padding-top: 7px; background-position: 0 0px; }
.darkblue #nav li.darkblue a, .darkblue #nav li.darkblue a:link, .darkblue #nav li.darkblue a:visited { padding-top: 7px; background-position: 0 0px; }
*/
/* v2
.v100 #nav li.v100 a, .v100 #nav li.v100 a:link, .v100 #nav li.v100 a:visited { padding-top: 7px; background-position: 0 0px; }
.v90 #nav li.v90 a, .v90 #nav li.v90 a:link, .v90 #nav li.v90 a:visited { padding-top: 7px; background-position: 0 0px; }
.v80 #nav li.v80 a, .v80 #nav li.v80 a:link, .v80 #nav li.v80 a:visited { padding-top: 7px; background-position: 0 0px; }
.v70 #nav li.v70 a, .v70 #nav li.v70 a:link, .v70 #nav li.v70 a:visited { padding-top: 7px; background-position: 0 0px; }
.v60 #nav li.v60 a, .v60 #nav li.v60 a:link, .v60 #nav li.v60 a:visited { padding-top: 7px; background-position: 0 0px; }
.v50 #nav li.v50 a, .v50 #nav li.v50 a:link, .v50 #nav li.v50 a:visited { padding-top: 7px; background-position: 0 0px; }
.v40 #nav li.v40 a, .v40 #nav li.v40 a:link, .v40 #nav li.v40 a:visited { padding-top: 7px; background-position: 0 0px; }
.v30 #nav li.v30 a, .v30 #nav li.v30 a:link, .v30 #nav li.v30 a:visited { padding-top: 7px; background-position: 0 0px; }
.v20 #nav li.v20 a, .v20 #nav li.v20 a:link, .v20 #nav li.v20 a:visited { padding-top: 7px; background-position: 0 0px; }
.v10 #nav li.v10 a, .v10 #nav li.v10 a:link, .v10 #nav li.v10 a:visited { padding-top: 7px; background-position: 0 0px; }
.v0 #nav li.v0 a, .v0 #nav li.v0 a:link, .v0 #nav li.v0 a:visited { padding-top: 7px; background-position: 0 0px; }
*/ 

#subnav { 
    float: left;
	width: 220px;
	margin: 10px 0 20px 0;
	padding: 0;
	min-height: 99px;
	/*background-color: #f0f0f0;*/
	position: relative;
}

#subnav h1 {
	font-weight: bold;
	padding: .4em .6em .5em;
	margin: 0;
	font-size: 19px;
}

#subnav ul { 
	background: #fffde0;
/*	margin-top: -2px;
	position: relative; */
}

#subnav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ffef2d;
	line-height: 150%;
	background: none;
}

#subnav li a,
#subnav li a:link,
#subnav li a:visited {
	font-size: 1.3em;
	display: block;
	padding: 12px 1em 13px;
	color: #000;
	font-weight: bold;
	background-color: #fffde0;
}

#subnav li a:hover,
#subnav li a:active {
	text-decoration: none;
	padding-right: 0;
	background: #fffac0;
}

#subnav li.act a,
#subnav li.act a:link,
#subnav li.act a:visited,
#subnav li.act a:hover,
#subnav li.act a:active {
	background: #fff796;
}

#subnav li ul {
    border-top: 1px solid #ffef2d;
	margin-top: -2px;
	background: #fffde0;
}

#subnav li li { border-bottom: none; }

#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
	padding: .5em 1em .5em 1.5em;
	font-weight: normal;
}

#subnav li li a:hover,
#subnav li li a:active {
	background: #fffac0;
}

#imagecycle {
	position: relative;
	height: 130px;
	width: 220px;
	overflow: hidden;
	z-index: 1;
}

#imagecycle img {
	vertical-align: bottom;
}

#overlay {
	background: #FFFAC0;
	filter:alpha(opacity=50);
	-khtml-opacity: 0.5;
	opacity: 0.5;
	height: 38px;
	width: 220px;
	position: absolute;
	top: 90px;
	z-index: 5;
	border-top: 1px solid #ffef2d;
	border-bottom: 1px solid #ffef2d;
}

/* v1 
.gray #subnav { background-color: #f0f0f0; }
.orange #subnav { background-color: #fef2e2; }
.brown #subnav { background-color: #f5ecdf; }
.green #subnav { background-color: #eaf2df; }
.darkgreen #subnav { background-color: #dceee6; }
.blue #subnav { background-color: #e2ecf7; }
.darkblue #subnav { background-color: #dce1ec; }
*/
/* v2 
.v100 #subnav ul { background-color: #fffde0; }
.v90  #subnav ul { background-color: #fdfce0; }
.v80  #subnav ul { background-color: #fbfbe0; }
.v70  #subnav ul { background-color: #f9f9e0; }
.v60  #subnav ul { background-color: #f7f8e0; }
.v50  #subnav ul { background-color: #f5f7e0; }
.v40  #subnav ul { background-color: #f2f6e0; }
.v30  #subnav ul { background-color: #f0f5e0; }
.v20  #subnav ul { background-color: #eef4e0; }
.v10  #subnav ul { background-color: #ecf3e0; }
.v0   #subnav ul { background-color: #eaf2e0; }

.v100 #subnav li ul { border-top: 1px dotted #ffef2d; }
.v90  #subnav li ul { border-top: 1px dotted #f1e82d; }
.v80  #subnav li ul { border-top: 1px dotted #e3e12d; }
.v70  #subnav li ul { border-top: 1px dotted #d5da2d; }
.v60  #subnav li ul { border-top: 1px dotted #c7d22d; }
.v50  #subnav li ul { border-top: 1px dotted #b9cb2d; }
.v40  #subnav li ul { border-top: 1px dotted #aac42c; }
.v30  #subnav li ul { border-top: 1px dotted #9dbd2c; }
.v20  #subnav li ul { border-top: 1px dotted #8eb52c; }
.v10  #subnav li ul { border-top: 1px dotted #80ae2c; }
.v0   #subnav li ul { border-top: 1px dotted #72a72c; }

.v100 #subnav li { border-bottom: 1px solid #ffef2d; }
.v90  #subnav li { border-bottom: 1px solid #f1e82d; }
.v80  #subnav li { border-bottom: 1px solid #e3e12d; }
.v70  #subnav li { border-bottom: 1px solid #d5da2d; }
.v60  #subnav li { border-bottom: 1px solid #c7d22d; }
.v50  #subnav li { border-bottom: 1px solid #b9cb2d; }
.v40  #subnav li { border-bottom: 1px solid #aac42c; }
.v30  #subnav li { border-bottom: 1px solid #9dbd2c; }
.v20  #subnav li { border-bottom: 1px solid #8eb52c; }
.v10  #subnav li { border-bottom: 1px solid #80ae2c; }
.v0   #subnav li { border-bottom: 1px solid #72a72c; }

.v100 #subnav li li { border-bottom: none; }
.v90  #subnav li li { border-bottom: none; }
.v80  #subnav li li { border-bottom: none; }
.v70  #subnav li li { border-bottom: none; }
.v60  #subnav li li { border-bottom: none; }
.v50  #subnav li li { border-bottom: none; }
.v40  #subnav li li { border-bottom: none; }
.v30  #subnav li li { border-bottom: none; }
.v20  #subnav li li { border-bottom: none; }
.v10  #subnav li li { border-bottom: none; }
.v0   #subnav li li { border-bottom: none; }
*/

#eubar {
	color: #d7e3ef;
	width: 450px;
	position: absolute;
	top: 100px;
}

#eubar p {
	font-size: 11px;
	line-height: 13px;
}

a.leader:link,
a.leader:visited,
a.leader:active,
a.leader:hover,
a.eu:link,
a.eu:visited,
a.eu:active,
a.eu:hover {
	background-color: #fff;
	background-image: url(../i/sprite.png);
	background-repeat: no-repeat;
    margin: 2px 4px 5px 0;
    text-indent: -9000px;
	display: block;
	float: left;
}

.leader {
	width: 36px;
	height: 36px;
	background-position: 0 0;
}

a.eu:link,
a.eu:visited,
a.eu:hover,
a.eu:active {
    width: 53px;
    height: 36px;
	background-position: -50px 0;
	margin-right: 10px;
}

#cities {
	position: absolute;
	top: 0;
	right: 10px;
	width: 420px;
	height: 151px;
	border-top: none;
}

#cities li {
	position: absolute;
	background: none;
	padding: 0;
}

#cities li a {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9000px;
}

#cities li.isselburg {
	top: 95px;
	left: 25px;
}
#cities li.bocholt {
    top: 80px;
    left: 120px;
}
#cities li.rhede {
    top: 75px;
    left: 175px;
}
#cities li.borken {
    top: 78px;
    left: 265px;
}
#cities li.velen {
    top: 20px;
    left: 332px;
}

/*
.v100 #subnav li a { border-bottom: 1px solid #ffef2d; }
.v90  #subnav li a { border-bottom: 1px solid #f1e82d; }
.v80  #subnav li a { border-bottom: 1px solid #e3e12d; }
.v70  #subnav li a { border-bottom: 1px solid #d5da2d; }
.v60  #subnav li a { border-bottom: 1px solid #c7d22d; }
.v50  #subnav li a { border-bottom: 1px solid #b9cb2d; }
.v40  #subnav li a { border-bottom: 1px solid #aac42c; }
.v30  #subnav li a { border-bottom: 1px solid #9dbd2c; }
.v20  #subnav li a { border-bottom: 1px solid #8eb52c; }
.v10  #subnav li a { border-bottom: 1px solid #80ae2c; }
.v0   #subnav li a { border-bottom: 1px solid #72a72c; }
*/
/*
.v100 #subnav h1 { background: #ffef2d; }
.v90  #subnav h1 { background: #f1e82d; }
.v80  #subnav h1  { background: #e3e12d; }
.v70  #subnav h1 { background: #d5da2d; }
.v60  #subnav h1 { background: #c7d22d; }
.v50  #subnav h1 { background: #b9cb2d; }
.v40  #subnav h1 { background: #aac42c; }
.v30  #subnav h1 { background: #9dbd2c; }
.v20  #subnav h1 { background: #8eb52c; }
.v10  #subnav h1 { background: #80ae2c; }
.v0   #subnav h1 { background: #72a72c; }
*/
#pageheader {
    float: left;
    width: 615px;
    padding: 10px 0 10px 55px;
    height: 79px;
    position: relative;
	overflow: hidden;
}

#breadcrumb {
	/*float: left;*/
	position: absolute;
	top: 10px;
	left: 55px;
	height: 15px;
}
#breadcrumb li {
	float: left;
	margin-right: 5px;
	padding-left: 15px;
	background: url(../i/breadcrumb.gif) no-repeat 0 3px;
}

#breadcrumb li.first {
	padding: 0;
	background: none;
}

#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited,
#breadcrumb li a:hover,
#breadcrumb li a:active {
	color: #857d28;
	font-size: 1.1em;
}

#pageheader h1 {
	position: absolute;
	bottom: 10px;
	color: #333;
	font-weight: bold;
	font-size: 2.5em;
	line-height: 1.2em;
	margin: 0;
}
#pageheader h1 span {
	font-weight: normal;
	font-size: 0.6em;
	line-height: 0.6em;
	margin: 3px 0 -1px 0;
	display: block;
}

#content {
    float: left;
	width: 560px;
    padding: 20px 55px 10px 55px;
}

#main.full #subnav {
    display: none;
}
#main.full #content,
#main.full #pageheader {
    width: 850px;
}

#legal ul {
	border-top: 1px solid #ccc;
}

#legal li {
	width: 178px;
	height: 72px;
	float: left;
	margin: 0;
	padding: 0;
}

#legal li a {
	background-image: url(../i/logos.png);
    width: 178px;
    height: 72px;
	display: block;
	text-indent: -9000px;
}

#legal li.bocholt a,
#legal li.bocholt a:link,
#legal li.bocholt a:active {
	background-position: 0 0;
}
#legal li.bocholt a:hover,
#legal li.bocholt a:active {
	background-position: 0 100%;
}

#legal li.borken a,
#legal li.borken a:link,
#legal li.borken a:active {
    background-position: -172px 0;
}
#legal li.borken a:hover,
#legal li.borken a:active {
    background-position: -172px 100%;
}

#legal li.rhede a,
#legal li.rhede a:link,
#legal li.rhede a:active {
    background-position: -344px 0;
}
#legal li.rhede a:hover,
#legal li.rhede a:active {
    background-position: -344px 100%;
}

#legal li.isselburg a,
#legal li.isselburg a:link,
#legal li.isselburg a:active {
    background-position: -538px 0;
}
#legal li.isselburg a:hover,
#legal li.isselburg a:active {
    background-position: -538px 100%;
}

#legal li.velen a,
#legal li.velen a:link,
#legal li.velen a:active {
    background-position: -718px 0;
}
#legal li.velen a:hover,
#legal li.velen a:active {
    background-position: -718px 100%;
}


/**
 * @section Columns
 */
.columns {
    margin: 0 0 0 0;
}

.colone, 
.coltwo,
.colthree {
    float: left;
    overflow: hidden;
    width: 275px;
	background: #fff;
}
        
.colone {
    margin-right: 30px;
    min-height: 1px; 
}

.twocollft .colone, 
.twocollftb .colone {
    width: 180px;   }

.twocollft .coltwo, 
.twocollftb .coltwo {
    width: 350px;   }       
    
.twocolrgt .colone, 
.twocolrgtb .colone {
    width: 350px;   }

.twocolrgt .coltwo, 
.twocolrgtb .coltwo {
    width: 180px;   } 
    
.threecol .colone,
.threecol .coltwo,
.threecol .colthree,
.threecolb .colone,
.threecolb .coltwo,
.threecolb .colthree {
    width: 180px;
}

.threecol .colone,
.threecolb .colone {
    margin-right: 10px;
}
.threecol .coltwo,
.threecolb .coltwo {
    margin-right: 10px;
    min-height: 1px;
}   
              

.twocolb {
    background: url(../i/dot999.png) repeat-y 50% 0; }
            
.twocollftb {
    background: url(../i/dot999.png) repeat-y 184px 0; }

.twocolrgtb {
    background: url(../i/dot999.png) repeat-y 365px 0; }
    
.threecolb {
    background: url(../i/dot999.png) repeat-y 184px 0; } 


#flyer p {
	padding: 3px 0 0 10px;
	font-size: 11px;
	line-height: 14px;
}