/*
	Stylesheet Bildungsstadt Arnsberg
	KDVZ Citkomm 2009
	http://www.kdvz.de
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul, ol {
	list-style: none;
}

a {
	color: #428BEE;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	font-family: Arial;
	font-size: 76%;
	text-align: center;
	background-image: url(../pics/line_01.png);
	background-repeat: repeat-x;
	background-position: 0 139px;
}

p {
	margin-bottom: 1em;
}

.container {
	overflow: hidden;
	width: 100%;
}

.hidden-nav {
	display: none;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
	font-weight:bold;
    text-decoration:none;
	cursor: help;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    bottom:10px; left:15px;
	padding: 5px 0 0 0;
	width:215px;
	color: #000;
    /*text-align: center;*/
	font-size: 0.8em;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.tt:hover span.tooltip strong{
	font-size: 1.2em;
	color: #03264D;
}

a.tt:hover span.top{
	display: block;
	padding: 5px 5px 0;
    background: url(../pics/tooltip.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../pics/tooltip_filler.gif) repeat top; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 25px;
	color: #000;
    background: url(../pics/tooltip.gif) no-repeat bottom;
}

#main {
	width: 1024px;
	background-image: url(../pics/background_main.png);
	min-height: 1000px;
	margin: 0 auto;
	text-align: left;
}

#main #mainwrapper {
	width: 100%;
	background-image: url(../pics/line_01.png);
	background-repeat: repeat-x;
	background-position: 0 139px;
}

/*Header styles*/
#header {
	height: 148px;
	background-image: url(../pics/line_02.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
	margin-left: 36px;
	margin-right: 36px;
}

#header img.logo {
	position: relative; 
	top: 0;
	left: 0;
}

#header #dateinfo {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 50;
}

#header img.header_image {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 20;
}

/*Hauptmenü START*/
#header ul#mainmenu {
	list-style: none;
	position: absolute; 
	bottom: 9px;
	left: 0px;
}

#header ul#mainmenu li {
	float: left;
	margin-right: 0.5em;
}

#header ul#mainmenu li a{
	display: block;
	background-color: #0F4075;
	text-decoration: none;
	color: #fff;
	height: 38px;
	font-weight: bold;
}

#header ul#mainmenu li a#home{
	width: 50px;
	background-image: url(../pics/home_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	background-color: #0F4075;
	padding-top: 10px;
	height: 26px;
	border-bottom: 2px solid #fff;
}
#header ul#mainmenu li a#home:hover {
	background-color: #2772C4;
	background-image: url(../pics/home_top_active.gif);
}

#header ul#mainmenu li a#home.active{
	background-image: url(../pics/home_top_active.gif);
	height: 28px;
	border-bottom: none;
	background-color: #2772C4;
}

#header ul#mainmenu li a#bildung{
	width: 105px;
	background-image: url(../pics/bildung_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 33px;
	padding-right: 2px;
	background-color: #0F4075;
	padding-top: 3px;
	height: 33px;
	border-bottom: 2px solid #fff;
}

#header ul#mainmenu li a#bildung:hover {
	background-color: #2772C4;
	background-image: url(../pics/bildung_top_active.gif);
}

#header ul#mainmenu li a#bildung.active{
	height: 35px;
	border-bottom: none;
	background-image: url(../pics/bildung_top_active.gif);
	background-color: #2772C4;
}

#header ul#mainmenu li a#service {
	width: 85px;
	background-image: url(../pics/service_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 3px;
	height: 33px;
	border-bottom: 2px solid #fff;
}

#header ul#mainmenu li a#service:hover {
	background-color: #2772C4;
	background-image: url(../pics/service_top_active.gif);
}

#header ul#mainmenu li a#service.active{
	height: 35px;
	border-bottom: none;
	background-image: url(../pics/service_top_active.gif);
	background-color: #2772C4;
}

#header ul#mainmenu li a#zusammenarbeit {
	width: 95px;
	background-image: url(../pics/zusammenarbeit_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 3px;
	height: 33px;
	border-bottom: 2px solid #fff;
}

#header ul#mainmenu li a#zusammenarbeit:hover {
	background-color: #2772C4;
	background-image: url(../pics/zusammenarbeit_top_active.gif);
}

#header ul#mainmenu li a#zusammenarbeit.active{
	height: 35px;
	border-bottom: none;
	background-image: url(../pics/zusammenarbeit_top_active.gif);
	background-color: #2772C4;
}

#header ul#mainmenu li a#mitmachen {
	width: 90px;
	background-image: url(../pics/mitmachen_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 3px;
	height: 33px;
	border-bottom: 2px solid #fff;
}

#header ul#mainmenu li a#mitmachen:hover {
	background-color: #2772C4;
	background-image: url(../pics/mitmachen_top_active.gif);
}

#header ul#mainmenu li a#mitmachen.active{
	height: 35px;
	border-bottom: none;
	background-image: url(../pics/mitmachen_top_active.gif);
	background-color: #2772C4;
}
/*Hauptmenü ENDE*/

#wrapper1 {
	background-image: url(../pics/left_back.png);
	background-position: 36px 0px;
	background-repeat: repeat-y;
}

#wrapper2 {
	background-image: url(../pics/vertical_bar.png);
	background-position: 987px 0px;
	background-repeat: repeat-y;
}

#middle {
	min-height: 550px;
	margin-right: 37px;
}

#leftcol {
	float: left;
	width: 236px;
	padding-left: 37px;
}

#leftcol .text {
	padding: 5px 10px;
}

#leftcol .text img, #rightcol .text img {
	border: 1px solid #D2D2D2;
}

#rightcol .text .suchergebnis img {
	border: none;
}

#rightcol .text .next img, #rightcol .text .back img {
	border: none;
}


/* contenttable */
table.contenttable {
	width: 100%;
}

table.contenttable th {
	background-color: #0F4075;
	color: #fff;
	padding: 2px;
}

table.contenttable td {
	background-color: #92B8E1;
	padding: 2px;
}
/* contenttable */

/* transtable */
table.transtable {
	width: 100%;
}

table.transtable th {
	background-color: #0F4075;
	color: #fff;
	padding: 2px;
}

table.transtable td {
	padding: 2px;
}
/* transtable */


/* Untermenü */
ul#subnav {
	background-color: #2772C4;
	list-style: none;

}

ul#subnav li {
	border-bottom: 3px solid #F9F9F9;
	background-image: url(../pics/subnav_inactive.png);
	background-repeat: no-repeat;
	background-position: 220px 8px;
	line-height: 2em;
	display: block;
}

ul#subnav li a.tt {
	line-height: 1.2em;
}

* html ul#subnav li {
	padding-top: 3px;
	padding-bottom: 2px;
}

ul#subnav li.active {
	background-image: url(../pics/subnav_active.png);
	background-repeat: no-repeat;
	background-position: 220px 9px;
	background-color: #92B8E1;
}

* html ul#subnav li.active {
	padding-bottom: 0;
	background-position: 220px 11px;
}

ul#subnav li a {
	color: #fff;
}

* html ul#subnav li a {
	margin-left: 30px;
}

ul#subnav li a.tt {
	margin-left: 10px;
	margin-right: 5px;
}

* html ul#subnav li a.tt {
	position: absolute;
}

ul#subnav ul {
	background-color: #E9E9E9;
}

* html ul#subnav ul {
	margin-top: 3px;
}

ul#subnav ul li {
	margin-left: 25px;
	border-bottom: none;
	padding-left: 25px;
	color: #000;
	background-image: url(../pics/subnav_li.png);
	background-repeat: none;
	background-position: top left;
}

* html ul#subnav ul li {
	padding-top: 0;
	padding-bottom: 0;
}

ul#subnav ul li.last {
	background-image: url(../pics/subnav_li_last.png);
	background-repeat: none;
	background-position: 0 -6px;
}

ul#subnav ul li  a {
	color: #000;
}

* html ul#subnav ul li a {
	margin-left: 0;
}

ul#subnav ul li  a.active {
	text-decoration: underline;
}



/* Untermenü */

/* Andere Elemente linke Navigationsleiste */
#leftcol #suche {
	background-color: #E9E9E9;
	padding: 1em;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
}

#searchWords {
	color: #A9A9A9;
}

#searchButton {
	position: relative;
	top: 5px;
	left: 5px;
}

#leftcol .more {
	background-color: #797979;
	line-height: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0 1em;
	color: #fff;
	font-weight: bold;
}

#leftcol .more a {
	text-decoration: none;
	color: #fff;
}

#leftcol .link h1, #leftcol .imagelist h1 {
	background-color: #797979;
	line-height: 2em;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0 1em;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}

#leftcol .link h1 a {
	text-decoration: none;
	color: #fff;
	display: block;
	width: 220px;
	background-image: url(/pics/left_more_bullet.gif);
	background-position: right 7px;
	background-repeat: no-repeat;
}

* html #leftcol .link h1 a {
	width: 210px;
}

#leftcol .text h1 {
	background-color:#797979;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	line-height:2em;
	margin:3px -15px;
	padding:0 1em;
}

#leftcol .imagelist ul li {
	/* margin-left: 2em; */
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	text-align: center;
}
#leftcol .contentover {
	text-align: center;
}
/* Andere Elemente linke Navigationsleiste */

/*  Content - Bereich rechte Seite */
#rightcol {
	margin-left: 285px;
	margin-top: 1em;
	width: 702px;
}

* html #rightcol {
	margin-left: 12px;
	float: left;
}

#rightcol h1 {
	color: #0F4075;
	border-bottom: 3px solid #0F4075;
	margin-bottom: 0.5em;
	padding-bottom: 0.3em;
	font-size: 24px;
}

* html #rightcol > .block > h1, * html #rightcol > .two-cols-area > .two-cols-left > .block h1 {
	width: 100%;
}

#rightcol h2 {
	margin-bottom: 0.5em;
	font-size: 1.4em;
	color: #656666;
}

#rightcol h3 {
	color: #656666;
	margin-bottom: 0.5em;
}

#rightcol .cat_teaser h3{
	color: #428BEE;
	font-size: 1.1em;
}

.block {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 2.5em;
}

#leftcol .block {
	margin-bottom: 0.3em;
}




.text {
	line-height: 150%;
}

.textblock-image img {
	border: 1px solid #666666;
}

.imagefloat-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.imagefloat-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.image-description {
	font-size: 0.8em;
	text-align: center;
	line-height: 120%;
}

/*Ausrichtungen Bilder*/
.contentright
{
  float: right;
  margin-left: 0.8em;
  margin-bottom: 0.1em;
  text-align: center;
}

.contentleft
{
  float: left;
  margin-right: 0.8em;
  margin-bottom: 0.1em;
  text-align: center;
}

/* Dennis */
.contentovercenter
{
  width: 100%;
  text-align: center;
  margin-bottom: 0.5em;
}

.contentundercenter
{
  width: 100%;
  text-align: center;
  margin-top: 0.5em;
}

.contentover {
  margin-bottom: 0.5em;
}

.contentunder {
  margin-top: 0.5em;
}


.toptopic {
	font-weight: bold;
}

#rightcol .newsslider  h1 {
	margin-bottom: 0;
}

.newsslider .headline a {
	color: #428BEE;
	text-decoration: none;
}

.newsslider_content {
	border: 1px solid #CACACA;
	border-top: none;
	/*padding-top: 15px;
	padding-bottom: 15px;*/
}

#rightcol .tabbed_bar ul {
	margin: 0;
	margin-top: -11px;
	padding: 0;
	overflow: hidden;
	width: 100%;
	background-color: #0F4075;
	text-align: center;
}

.tabbed_bar ul li {
	list-style: none;
	float: left;
	margin: 0;
	text-align: center;
}


.tabbed_bar ul li a {
	list-style: none;
	display: block;
	background-color: #0F4075;
	color: #fff;
	text-decoration: none;
	line-height: 2em;
	background-image: url(/pics/white_vertical_line.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.tabbed_bar ul li a:hover {
	text-decoration: underline;
}


.cat_teaser .content {
	border: 1px solid #cacaca;
	border-top: none;
	padding: 0.5em;
}



.tabbed_bar ul li.last a {
	background-image: none;
}

a.weiterlesen {
	background-image: url(../pics/weiter.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #0F4075;
	text-decoration: none;
}

.wrapperinfo {
	position: relative;
	background-image: url(../pics/contentinfo_background.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.two-cols-area .two-cols-left {
	margin-right: 170px;
}

* html .two-cols-area .two-cols-left {
	width: 520px;
}

.right-align{
	text-align: right;
}

#rightcol ul {
	margin-left: 1.5em;
	list-style-type: disc;
	margin-bottom: 1em;
}

#rightcol .area_sitemap {
	overflow: hidden;
	width: 100%;
}

.area_sitemap a {
	color: #0F4075;
}



#rightcol ul.type-dash li {
	margin-left: -1em;
	list-style-type: none;
	background-image: url(../pics/list-style-type-dash.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 0.5em;
}

#rightcol ul.type-dash ul.type-dash {
	margin-top: 0.5em;
}

#rightcol .area_sitemap ul li {
	float: left;
	width: 48%;
	margin-bottom: 1.5em;
}

#rightcol .area_sitemap ul li ul li {
	float: none;
	width: 100%;
	margin-bottom: 0.5em;
}

#rightcol ul ul {
	margin-bottom: 0em;
}

.two-cols-right {
	float: right;
	width: 165px;
	margin-bottom: 3em;
}

.two-cols-right .block {
	margin: 0;
	margin-bottom: 2em;
}

.two-cols-right a {
	color: #428BEE;
}

#rightcol .two-cols-right ul.medialist {
	margin-left: 1em;
	line-height: 100%;
	list-style-type: none;
}

.col-50p {
	float: left;
	width: 48%;
	margin-right: 2%;
}

ul.medialist li {
	margin-bottom: 0.5em;
}

ul.medialist a {
	display: block;
	color: #797979;
	text-decoration: none;
	font-weight: bold;
}

ul.medialist a.wmv {
	background-image: url(/pics/wmv_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.flv {
	background-image: url(/pics/wmv_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.pdf {
	background-image: url(/pics/pdf_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.png {
	background-image: url(/pics/png_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.jpeg {
	background-image: url(/pics/jpeg_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.gif {
	background-image: url(/pics/gif_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.doc {
	background-image: url(/pics/doc_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.xls {
	background-image: url(/pics/xls_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.bmp {
	background-image: url(/pics/bmp_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.csv {
	background-image: url(/pics/csv_icon.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

ul.medialist a.unknown {
	background-image: url(/pics/file.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 25px;
}

span.filesize {
	font-size: 0.8em;
}

#infotopline {
	background-color: #fff;
	border-bottom: 3px solid #0F4075;
	height: 39px;
	margin-bottom: 1em;
}

/*IE 7 + 8*/
*+html #infotopline {
	height: 30px;
}

/*IE 6*/
* html #infotopline {
	height: 39px;
}

asd

.two-cols-right .block {
	margin: 0;
}

.two-cols-right .text .content {
	padding: 5px;
}

.teasertext {
	margin-bottom: 0.7em;
}


.teasertext-short {
	font-weight: bold;
}

#rightcol .teasertext-short h2 {
	font-size: 1em;
	color: #000;
	font-weight: normal;
}

.teaserlist .standard .teasertext {
	overflow: hidden;
	width: 100%;
}

.teaserlist .standard .teasertext h2 {
	float: left;
}

.teaserlist .standard .teasertext .right-align{
	float: right;
}



#rightcol .two-cols-right .block h1 {
	background-color: #797979;
	color: #ffffff;
	text-align: right;
	font-size: 1.1em;
	margin-top: 2em;
	line-height: 2.0em;
	padding-right: 0.5em;
	border: none;
}
/*  Content - Bereich rechte Seite */

/*  Footer  */
#footer {
	height: 209px;
	background-image: url(../pics/background_footer.png);
	color: #fff;
	font-size: 0.9em;
	line-height: 150%;
}

#footer ul {
	list-style: none;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

#footer .footer_logo {
	padding-left: 72px;
	padding-top: 20px;
	width: 200px;
	float: left;
}

#footer .footer_nav {
	padding-top: 20px;
	padding-left: 36px; 
	float: left;
	width: 700px;
}

.footer_nav h3 {
	font-size: 1.1em;
}

#footer .footer_nav .nav {
	float: left; 
	width: 30%;	
}
/* Footer */