/* 
	Beschreibung:			mathias-stiftung - basic-css
	Zuletzt bearbeitet:		Jan Wagner
	Datum:					25.07.2008

------------------------------------------------------------------
	-1.0- HTML Grundgeruest + Body
	
	-2.0- Verlauf im oberen hinteren Teil der Website
	
	-3.0- Aeusserer Div um das gestaltete Layout
	
	-4.0- Header
	
	-5.0- Header Menü
	
	-6.0- breadcrumb Menü
	
	-7.0- Content
	
	-8.0- Menue
	
	-9.0- Suche
	
	-10.0- Login
	
	-11.0- News Teaser
	
	-12.0- News
	
	-13.0- Fix Float
	
	-14.0- Footer
------------------------------------------------------------------*/


/* -1.0- HTML Grundgeruest + Body
------------------------------------------------------------------*/

html {
	overflow-y:scroll;
	background:#e6eef3;	
}

html, body, div, h1, h2, h3, h4, p, ul, /*ol,*/ li, span, a, #content-col-middle table, #content-col-middle ol, img, form, input, textarea, select, option, fieldset, lable {
  	border:0;
   	margin:0;
   	padding:0;	
}

table p {
  	border:0;
   	margin:0;
   	padding:0;
	line-height:0.4em;
}	

body {
	margin:0;
	padding:0;
	font: 62.5%/140% Tahoma;
	line-height:1.8em;
	color:#39454c;
	background:#e6eef3;	
}

.hidden {
	display:none;
}


/* -2.0- Verlauf im oberen hinteren Teil der Website
------------------------------------------------------------------*/

#verlauf {
	position:absolute;
	padding:0;
	margin:0;
	width:100%;
	height:230px;
}


/* -3.0- Aeusserer Div um das gestaltete Layout
------------------------------------------------------------------*/

#wrapper {
	position:absolute;
	padding:0px;
	margin:0px;
	width:967px;
	left:50%;
	margin-left:-484px;
	font-size:1.1em;

}


/* -4.0- Header
------------------------------------------------------------------*/

#header {
	margin:17px 0px 0px 0px;
	width:967px;
	height:143px;
}


/* -5.0- Header Menü
------------------------------------------------------------------*/

#header-menu-wrapper {
	width:967px;
	height:43px;
	line-height:1.8em;	
	background:url(../_images/header_menu_background.jpg) no-repeat right top;
}


/* -6.0- breadcrumb Menü
------------------------------------------------------------------*/

#breadcrumb {
	padding:5px 0px 0px 3px;
	width:967px;
	height:27px;
}

/* -7.0- Content
------------------------------------------------------------------*/

#content-col-left {
	padding:0px 0px 0px 0px;
	width:197px;
	float:left;
}

#content-col-middle {
	padding:30px 40px 0px 40px;
	width:493px;
	float:left;
}

.content-col-1-1 {
	padding:0px;
	margin:0px;
}

.content-col-2-1 {
	width:235px;
	padding:0px 0px 0px 0px;
	margin:0px 23px 0px 0px;
	float:left;
}

.content-col-2-2 {
	width:235px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
}

#content-col-right {
	padding:0px 0px 0px 0px;
	width:197px;
	float:left;
}


/* -8.0- Menue
------------------------------------------------------------------*/

#nav { 
	list-style: none;
	margin-bottom:25px;
}

#nav-footer {
	height:5px;
	line-height:0em;
	font-size:0em;
}



/* -9.0- Suche
------------------------------------------------------------------*/

#suche { 
	margin-bottom:18px;
}

#suche-row-top {
	height:3px;
	line-height:0em;
	font-size:0em;
}

#suche-row-hl {
	padding:0px 0px 0px 23px;
	height:23px;
	font-size:1.0em;
	color:#FFFFFF;
}

#suche-row-middle {
	padding:20px 0px 20px 0px;
}

.suche-formfield {
	margin:0px 0px 0px 23px;
	padding:1px 0px 1px 2px;
	width:145px;
	height:16px;
	font-size:0.9em;
	letter-spacing:1px;
}

.suche-send {
	margin:15px 0px 0px 23px;
	width:148px;
	height:18px;
	text-align:center;
	font-size:1.0em;
	color:#ffffff;
}

#suche-footer {
	height:5px;
	line-height:0em;
	font-size:0em;
}


/* -10.0- Login
------------------------------------------------------------------*/

#login { 
	margin-bottom:25px;
}

#login-row-top {
	height:3px;
	line-height:0em;
	font-size:0em;
}

#login-row-hl {
	padding:0px 0px 0px 23px;
	height:23px;
	font-size:1.0em;
	color:#FFFFFF;
}

#login-row-middle {
	padding:0px 0px 20px 0px;
}

.login-text {  
	padding:0px 0px 0px 23px;
	color:#14618f;
}

.login-username {
	margin:0px 0px 0px 23px;
	padding:1px 0px 1px 2px;
	width:145px;
	height:16px;
	font-size:0.9em;
	letter-spacing:1px;
}

.login-password {
	margin:0px 0px 0px 23px;
	padding:1px 0px 1px 2px;
	width:145px;
	height:16px;
	font-size:0.9em;
	letter-spacing:1px;
}

#login #login-row-middle .login-send {
	margin:15px 0px 0px 23px;
	padding:0px 0px 0px 0px;
	width:148px;
	height:18px;
	text-align:center;
	font-size:1.0em;
	color:#ffffff;
}

#login-footer {
	height:5px;
	line-height:0em;
	font-size:0em;
}

/* -11.0- Notfall
------------------------------------------------------------------*/

#notfall { 
	margin-bottom:25px;
}

#notfall-row-top {
	height:3px;
	line-height:0em;
	font-size:0em;
}

#notfall-row-hl {
	padding:0px 0px 0px 23px;
	height:23px;
	font-size:1.0em;
	color:#FFFFFF;
}

#notfall-row-middle {
	padding:10px 0px 5px 23px;
}

.notfall-text {  
	color:#14618f;
}

#notfall-footer {
	height:5px;
	line-height:0em;
	font-size:0em;
}




/* -11.0- News Teaser
------------------------------------------------------------------*/

#news-teaser { 
	margin-bottom:25px;
}

#news-teaser-row-top {
	height:3px;
	line-height:0em;
	font-size:0em;
}

#news-teaser-row-hl {
	padding:0px 0px 0px 23px;
	width:174px;
	height:24px;
	font-size:1.0em;
	color:#FFFFFF;
}

.news-teaser-row-middle-1 {
	padding:10px 20px 20px 20px;
}

.news-teaser-row-middle-2 {
	padding:10px 20px 20px 20px;
}

.news-button-1 {
	width:15px;
	height:20px;
	float:left
}

.news-button-2 {
	width:100px;
	height:9px;
	float:left;
}

.newsteaser-item {
	margin:0px 0px 25px 0px;
}

.news-teaser-division {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:2px;
	line-height:0em;
	font-size:0em;
	background:url(../_images/news_teaser_division.jpg) no-repeat bottom;
}

.news-teaser-sub-division {
	padding:0px 0px 0px 0px;
	margin:2px 0px 5px 0px;
	padding:0;
	height:2px;
	width:157px;
	background:url(../_images/news_teaser_division.jpg) no-repeat bottom;
}


#news-teaser-footer {
	height:3px;
	line-height:0em;
	font-size:0em;
}


/* -12.0- News
------------------------------------------------------------------*/

.news_list_item {
	position:relative;
	width:493px;
	margin:0px 0px 30px 0px;	
}

.news_headline h3{
	width:493px;
	margin: 0px 0px 0px 0px;
	padding: 0.0em 0 1.0em 0;
	font-size: 1.5em;
	letter-spacing:0px;
}

.news_date {
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.0em;
}

.news_category {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	line-height:0.0em;
}

.news_list_item_text {
	width:341px;
	float:left;	
}

.news_list_item_text p {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.news_list_item_image {
	width:120px;
	margin:0px 0px 0px 30px;
	float:left;	
}

.news_button a {
	margin:20px 0px 0px 0px;
	padding:2px 0px 0px 0px;
	width:64px;
	height:18px;
	display:block;
	font-size:0.9em;
	text-align:center;
/*	background-image:url(../images/ap_button.jpg);	*/
}

.news_footer {
	width:493px;
	height:30px;
/*	background:url(../images/ap_footer_background.jpg) repeat-x bottom;	*/
}


.news_single_text {
	width:236px;
	float:left;	
}

.news_headline h2{
	width:493px;
	margin: 0px 0px 0px 0px;
	padding: 0.0em 0 1.0em 0;
	font-size: 1.5em;
	letter-spacing:0px;
}

.news_single_image {
	width:227px;
	margin:0px 0px 0px 30px;
	float:left;	
}

.news-single-imgcaption {
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 2px;
}


/* -13.0- Fix Float
------------------------------------------------------------------*/

.fixfloat {
	clear:both;
	margin:0;
	padding:0;
	height:0px;
	line-height:0em;
	font-size:0em;
}

.fixfloat_search {
	clear:both;
	margin:0;
	padding:0px 0px 25px 0px;
	height:0px;
	line-height:0em;
	font-size:0em;
}

/* -14.0- Google Maps
------------------------------------------------------------------*/
#map {
	height:300px;
	width:493px;
}


/* -15.0- Footer
------------------------------------------------------------------*/

#footer {
	height:40px;
	margin-top:50px;
	padding-top:10px;
	text-align:center;
	background-image:url(../_images/footer_background.jpg);
	background-repeat:repeat-x;	
}

.division {
	margin:20px 0px 20px 0px;
	padding:0;
	height:2px;
	width:100%;
	background:url(../_images/division.jpg) repeat-x;	
}

.division-2 {
	margin:35px 0px 35px 0px;
	padding:0;
	height:2px;
	width:100%;
	background:url(../_images/division.jpg) repeat-x;	
}

.division-3 {
	margin:15px 0px 35px 0px;
	padding:0;
	height:2px;
	width:100%;
	background:url(../_images/division.jpg) repeat-x;	
}

/* sliding div
------------------------------------------------------------------*/

a:active,a:focus {outline:0;}
.jwts_clr {clear:both;height:0;line-height:0;}

/* --- Slides --- */
.jwts_slider {
	margin:4px 0px;
	padding:0px;
}

.jwts_slidewrapper {
	border:none;
	width:100%;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
}

/* DEFAULT STYLING */
.jwts_title {
	margin:0 0 1px 0;
	padding:0px;
	overflow:hidden;
	background:#d4ecec;
	border:0px solid #FFFFFF;
	cursor:pointer;
	height:20px;
}

.jwts_title_left {
	background:url(slide_bg_l.png) no-repeat left;
	margin:0 10px 0 0;
}

a.jwts_title_text,
a.jwts_title_text:link {
	display:block;
	/*background: url(../krankenhaeuser/images/list_news_teaser.gif) no-repeat;background-position:0px 6px;*/
	padding:4px 2px 0 0px;
	margin:0 0 0 0px;
	font-size:11px;
	line-height:10px;
	font-weight:bold;
	text-decoration:none;
	color:#1d8979;
	height:10px;
}

.jwts_slidecontent {
	padding:4px 12px 8px 0px;
	margin:0px;
	position:relative;
	background:none;
	border:none;
}

.jwts_title_left, .jwts_slidecontent {text-align:left;}


/* a3b Impressum
------------------------------------------------------------------*/

#a3b_impressum_01 {
	margin:30px 0px 0px 0px;
	width:300px;
	height:25px;
	font-weight:bold;
}

#a3b_impressum_02 {
	width:50px;
	height:100px;
	background:url(../_images/a3b.png) top left no-repeat;
	float:left;
}

#a3b_impressum_03 {
	width:250px;
	float:left;
}

#a3b_impressum_wrapper {
	height:120px;
	padding:10px 10px 10px 30px;
	border:1px solid #ffffff;
	background: #d3e4ec;
}


#aus-weiterbildung #content-col-middle a.a3b_impressum:link,
#fachpraxen #content-col-middle a.a3b_impressum:link,
#institute #content-col-middle a.a3b_impressum:link,
#altenhilfe #content-col-middle a.a3b_impressum:link,
#krankenhaeuser #content-col-middle a.a3b_impressum:link, 
#mathias-stiftung #content-col-middle a.a3b_impressum:link { color:#ff0000; }

#aus-weiterbildung #content-col-middle a.a3b_impressum:visited,
#fachpraxen #content-col-middle a.a3b_impressum:visited,
#institute #content-col-middle a.a3b_impressum:visited,
#altenhilfe #content-col-middle a.a3b_impressum:visited,
#krankenhaeuser #content-col-middle a.a3b_impressum:visited, 
#mathias-stiftung #content-col-middle a.a3b_impressum:visited { color:#ff0000; }

#aus-weiterbildung #content-col-middle a.a3b_impressum:hover,
#fachpraxen #content-col-middle a.a3b_impressum:hover,
#institute #content-col-middle a.a3b_impressum:hover,
#altenhilfe #content-col-middle a.a3b_impressum:hover,
#krankenhaeuser #content-col-middle a.a3b_impressum:hover,
#mathias-stiftung #content-col-middle a.a3b_impressum:hover { color:#ffffff; }


/* EXT rgaccordion
------------------------------------------------------------------*/

/***************************
 *  Default styles for the
 *    EXT rgaccordion
 * by Ringer Georg (just2b)
 ***************************/  


/* Toggle default */
h3.rgaccord1-toggle {
  font-weight:bold;
  color:#475425;
  line-height: 23px;
  height: 23px;
  background: #d4ecec url(../krankenhaeuser/images/list_news_teaser.gif) 10px 10px no-repeat;
  border:1px solid #ffffff;
  padding:2px 0 2px 30px;
/*  margin-right:32px;*/
  cursor:pointer;
}

/* Toggle act item */
#krankenhaeuser h3.act {
  color:#ffffff;
  background: #7dbcb3 url(../krankenhaeuser/images/list_news_teaser_marked.gif) 10px 10px no-repeat;
}

/* the content */
div.rgaccord1-content {
  width:469px;
  padding:0 12px;
  border-left:0px solid #ccc;
  border-right:0px solid #ccc;
}

/* remove margin of a CE */
div.rgaccord1-content .ce {
  margin-bottom:0;
}

/* remove the header inside the CE, twice is not nice */
div.rgaccord1-content h1 {
  display:none;
}

.rgaccord1-nest {
	width:493px;
/*	background:#000033;*/
	margin:0px 0px 10px 0px;
}

/*.rgaccord1-nest .csc-textpic-text {
	width:493px;
}*/