/* @override http://www.potenziale-nrw.de/fileadmin/templates/potenziale_styles.css */

/* @override http://www.potenziale-nrw.de/fileadmin/templates/potenziale_styles.css */

body, html {
	text-align: center;
	background-color: #F9F9F9;
	background-color: white;
	margin: 0;
	padding: 0;
	min-height: 100.01%;
}


body {
	font-size: 101.01%;
	}
#frame {
	height: 100%;
	text-align: left;
	clear: both;
	background-color: white;
	}

#quicklinks, #inhalt, #footer_container, #menu, #submenu {
	min-width: 780px;
	max-width: 988px;
	width: expression(document.body.clientWidth < 782 ? "780px": document.body.clientWidth > 990 ? "988px": "auto" );
	margin: auto;
}

#head {
	background: url(img/header_back.png) repeat-x 0 top;
	width: 100%;

}
#quicklinks {
	height: 98px;
}
#quicklinks_links {
	height: 98px;
	float: left;
}
#quicklinks_rechts {
	float: right;
	background: url(img/claim_topright.png) no-repeat right top;
}
.logolink {
	height: 35px;
	text-align: right;
	overflow: hidden;
}
#quicklinks a img {
	border: none;
	margin: 0;	
}
.kopf_suche {
	padding-top: 10px;
	}
#suche {
	margin: 0;
	}

#menu_frame {
	width: 100%;
	float: left;
	background: url(img/menu_back_large.png) repeat-x 0 center;
	clear: both;
}

#menu ul li, #submenu ul li {
	list-style: none;
	margin: 0px;
	padding: 0;
	float: left;
}

#menu ul, #submenu ul {
	padding-left: 20px;
	margin: 0;
	display: inline;
	float: left;
	clear: both;
}

#submenu_frame {
	min-height: 30px;
	float: left;
	background: #ededed url(img/submenu_back_02.png) repeat-x 0 bottom;
	clear: both;
	width: 100%;
	padding-bottom: 6px;
	padding-top: 3px;
}

ul a {
	display: block;
}

a.menu_link, #menu ul li a {
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	color: #e2e2e2;
	font: 0.96em/2em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	background: url(img/menu_back_large.png) repeat-x 0 center;
	display: block;
}

a.menu_link:hover, #menu ul li a:hover {
	color: #fff;
	background: url(img/menu_hover_large.png) repeat-x 0 bottom;
}
#menu ul li.menu_link_active a{
	color: #fff;
	background: url(img/menu_hover_large.png) repeat-x 0 bottom;

}

#submenu ul li a {
	display: inline;
	padding-left: 8px;
	padding-right: 8px;
	text-decoration: none;
	color: #005aab;
	font: 0.8em/2em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
#submenu ul li a:hover, #submenu ul li.submenu_link_active a {
	color: #6191a7;	
}

#inhalt {
	color: #666;
	/* font: 13px/18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	background: white url(img/content_back.png) repeat-x 0 top;
	*/
	clear: both;
	padding-top: 20px;
	height: auto;
}




#inhalt ul {
	margin:0 0 10px 6px; 
	padding:0 0 0 30px 
}

#inhalt ul li {
	list-style-image:url(img/pfeil.gif); 
	list-style-position:outside;
	color: #666;
	text-decoration: none;
	font: 0.8em/1.2em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


*html #inhalt ul li {  /* nur fuer Internet Explorer */
  list-style-image:url(img/pfeilie.gif);     /* Version 5.x */
  l\ist-style-image:url(img/pfeilie.gif);    /* Version 6 */
}

*+html #inhalt ul li {  /* nur fuer Internet Explorer */
  list-style-image:url(img/pfeilie.gif);     /* Version 5.x */
  l\ist-style-image:url(img/pfeilie.gif);    /* Version 6 */
}



#inhalt_rechts ul {
	list-style-type:none; 
	border:solid 0px; 
	margin:6px 0 10px 12px; 
	padding:0 0 0 15px;
}

#inhalt_rechts ul li {
	list-style-image:url(img/pfeil-rechts.gif); 
	list-style-position:outside;
	display: list-item;	
	padding:0px 0 6px 0px; 
	line-height:1.4em;
	margin:0 0 -4px 0; 
}


#bereich {
  width:200px; padding:20px; border:20px solid #66a;
}

*html #inhalt_rechts ul li {  /* nur fuer Internet Explorer */
  list-style-image:url(img/pfeilie-rechts.gif);     /* Version 5.x */
  l\ist-style-image:url(img/pfeilie-rechts.gif);    /* Version 6 */
}

*+html #inhalt_rechts ul li {  /* nur fuer Internet Explorer */
  list-style-image:url(img/pfeilie-rechts.gif);     /* Version 5.x */
  l\ist-style-image:url(img/pfeilie-rechts.gif);    /* Version 6 */
}

#inhalt_links {
	padding-left: 24px;
	margin-right: 22px;
	padding-bottom: 20px;
	float: left;
	width: 368px;
	overflow: hidden;
}
#inhalt_links_doppel {
	padding-left: 24px;
	margin-right: 206px;
	padding-bottom: 20px;
}

#inhalt_mitte {
	padding-bottom: 20px;
	margin-left: 414px;
	margin-right: 184px;
	margin-right: 206px;
	width: auto;
}

#inhalt_rechts {
	float: right;
	width: 184px;
	background-color: #f9f9f9;
	overflow: hidden;
}
#inhalt_rechts h1 {
	color: #f99d1b;
	padding: 5px 10px;
	}
#inhalt_rechts a {
	font: 1em/1.8em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}
#inhalt_rechts p {
	padding: 0 10px 5px;
	}
#footer {
	clear: both;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
	padding-top: 10px;
	background: #F9F9F9 url(img/background_line_footer.png) repeat-x 0 top;
	text-align: center;
	color: #999;
	font: 0.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#footer a, #quicklinks_rechts a {
	color: #999;
	text-decoration: none;	
}

#quicklinks_rechts a {
	color: black;
	font: 0.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
.quicklinks_menubox {
	padding-top: 5px;
	padding-bottom: 10px;
	float: none !important;
	float: right;
}

#footer a:hover, #quicklinks_rechts a:hover {
	text-decoration: underline;
}

.menu_span {
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #999;
}

.menu_span_right {
	border: none;
	}

h1, h2 {
	color: #58585a;
	font: 1.1em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0;
	margin-bottom: 5px;
	padding-top: 0.8em;
}

h2 {
	color: #005aab;
	}

#inhalt_mitte div.textbild_content h1 {
	color: #58585a;
}

#inhalt_mitte div.textbild_content h2 {
	color: #005aab;
}

p {
	font: 0.75em/1.4em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666;
	margin: 0;
	padding-bottom: 0.8em;
}

h3 {
	font: 0.9em/1.5em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #333333;
	margin: 0;
	margin-bottom: 2px;
}

a {
/*	font: 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
*/
	color: #005aab;
	text-decoration: underline;
}

a:hover {
	color: #6191a7;
}

.textbild_content, .textbild_frame {
	width: auto;
	height: auto;
}
.textbild_content {
	padding-bottom: 12px;
	display: inline-block;
	overflow: hidden;
}

.textbild_image {
	width: 130px;
	float: left;
	overflow: hidden;
}

.textbild_text {
	width: auto;
}

.pastellbox_blau, .pastellbox_orange, .pastellbox_grau {
	background-color: #eaf4fd;
/*	width: 348px; */
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px;
}

.pastellbox_blau h1, .pastellbox_orange h1, .pastellbox_grau h1, .pastellbox_blau h2, .pastellbox_orange h2, .pastellbox_grau h2 {
	color: #58585a;
}

.pastellbox_orange { background-color: #fff4e4; }

.pastellbox_grau { background-color: #ededed; }


.suchfeld {
	color: #999;
	font: 0.6em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 0 2px;
}
.suchlabel {
	font: 0.6em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}

#tx-indexedsearch-searchbox-sword {
	color: #999;
	font: 0.6em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 0 2px;	
}

.bilderrahmen, .textbild_image img, div.csc-textpic IMG, div.tx-kuloplayer-pi1 {
	padding: 2px;
	border: 1px solid #ddd;
	margin: 0;
}

.unsichtbar {
	display: none;
	}
	
#inhalt_links_doppel div.tx-wssitemap-pi1 div.treemenudiv a {
	font: 0.75em/1.4em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666;
	}

div.tx-wssitemap-pi1 {
	padding-top: 10px;	
	}

/***** SUCHE FORMATIEREN ******/


#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css p.tx-indexedsearch-descr.descr strong.tx-indexedsearch-redMarkup {
	color: #005aab;	
	color: #f99d1b;
	font-weight: normal;
	font-style: normal;
	}

#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css div.tx-indexedsearch-title.title a {
	color: #58585a;
	color: #005aab;
	font: 1em/1.8em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0;
	text-decoration: none;	
	clear: both;
}

#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css div.tx-indexedsearch-title.title {
	padding-bottom: 4px;
	padding-top: 8px;
}


#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css div.tx-indexedsearch-title.title a:hover {
	text-decoration: underline;
}

.tx-indexedsearch-form {
	float: left;
}



#tx-indexedsearch-searchbox-button-submit {
	width: auto;
	height: auto;
	float: left;
	margin-top: 5px;
	margin-left: 3px;
}

label {
	font: 0.75em/1.4em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-top: 2px;
}

.tx-indexedsearch-whatis {
	clear: both;
	font: 0.75em/1.4em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-searchbox.searchbox-tmpl-css form div.tx-indexedsearch-form label {
	width: auto;
}

#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-searchbox.searchbox-tmpl-css form div.tx-indexedsearch-form {
	margin-bottom: 20px;
}

.tx-indexedsearch-browsebox {
	margin-bottom: 20px;
}

#inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css div.ausblenden h3 span.tx-indexedsearch-icon.icon img, #inhalt_links_doppel div.tx-indexedsearch div.tx-indexedsearch-res div.tx-indexedsearch-res.res.res-tmpl-css div.ausblenden h3 {
	display: none;
}
.ausblenden {
	display: none;
}

ul.browsebox li {
	float: left;
	}

ul.browsebox {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	}

ul.browsebox li a {
	font: 0.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	}


/***** GUESTBOOK FORMATIEREN ******/

#inhalt_links_doppel div.tx-veguestbook-pi1 {
	margin: 0;
}

span.tx-guestbook-form-obligationfield {
	color: orange;
	}

#inhalt_links_doppel div.tx-veguestbook-pi1 h2.tx-guestbook-header, #inhalt_links_doppel div.tx-veguestbook-pi1 div.tx-guestbook-right {
	width: auto;
}

.guestbook_frame {
	border-top: 1px #ddd solid;
	}
.guestbook_untertitel {
	padding-bottom: 10px;
	}
.guestbook_datum {
	color: #f99d1b;
	}
.guestbook_eintrag {
	padding-bottom: 10px;
	border-bottom: 1px #ddd solid;	
	}

.tx-veguestbook-pi1 h2 {
	border-top: 1px #ddd solid;
	padding-top: 10px;
	margin: 0;
	}

#inhalt_links_doppel div.tx-veguestbook-pi1 form fieldset {
	padding: 0;
	}

.tx-veguestbook-pi1 ul, .tx-thmailformplus-pi1 ul {
	font: 0.75em/1.4em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666;
	margin: 0;
	padding: 10px 20px 5px;
	}

/***** Typo3 Tags FORMATIEREN ******/

.csc-textpic-caption {
	color: #657a8c;
	font: 0.6em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0;	

}

.captcha_field {
	float: left;
	}

.textpic_frame {
	overflow: hidden;
	height: 1%;
	padding-bottom: 1em;
	clear: none;
	}

.textpic-text {
	height: 1%;
	}


/***** KONTAKTFORMULAR FORMATIEREN ******/

#mailform {
	width: 350px;
	float: left;
	}

.csc-mailform-field label {
	float: left;
	clear: both;
	}

.csc-mailform-field input, .csc-mailform-field textarea, input#mailformformtype_mail.csc-mailform-submit {
	float: right;
	width: 200px;
	}

.csc-mailform-field textarea { padding: 2px; }
input#mailformformtype_mail.csc-mailform-submit {
	width: 204px;
	clear: both;
	}

.kontaktform_item {
	padding-top: 10px;
	width: 400px;
	}

span.tx-srfreecap-pi2-cant-read {
	font: 0.6em/1.4em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #999;	
	}

.kontaktform_item span.tx-srfreecap-pi2-cant-read a {
	color: #777;
	}
.kontaktform_item span.tx-srfreecap-pi2-cant-read a:hover {
	color: #777;
	text-decoration: underline;
	}