/* ********************************************************************************************************** */

/* Reha Team Vital CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2006, Piccobello */

/* ********************************************************************************************************** */

/*	**************************************
	GENERAL
	************************************** */
	
@import "general.css";


/*	**************************************
	CONTAINER
	************************************** */
	
#pageContainer {
	/* Zentrierung des kompletten Inhalts inklusive Header und Footer*/
	position: relative;
	width: 786px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#contentContainer {
	/* Container des kompletten Inhalts */
	position: relative;
	width: 786px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

div.left_contentContainer {
	/* Sub-Container fŸr Inhalt links */
	position: relative;
	width: 260px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-left:1px solid white;
	float: left;
}

div.right_contentContainer {
	/* Sub-Container fŸr Inhalt rechts */
	position: relative;
	width: 520px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: left;
}

/*	**************************************
	PAGE CONTENT
	************************************** */
	
.pageContent { 
	position: relative;
	width: 520px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.greyContent {
	position: relative;
	background-color: #E8EDEA;
	border-top: 1px solid #FFFFFF;
	padding: 10px 10px 10px 10px;
}

.defaultContent {
	position: relative;
	background: transparent;
}


/*	**************************************
	PAGE HEADER
	************************************** */
	
.pageHeader {
	/* Container fŸr Header-Inhalt */
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}


.captcha { background-color: #FFF; border: 1px solid #dedede; border-top: 1px solid #cbcccd; border-right: 1px solid #cbcccd; cursor: pointer; }


/*===================
    HAUPTMENUE
===================*/

#mainmenueContainer {
	position: relative;
	width: 786px;
	overflow:hidden;
	margin: 0px 0px 0px 0px; /* oben rechts unten links */
	padding: 0px 0px 0px 0px; /* oben rechts unten links */
	background: #3EB1E3 url(../img_style/back_mainmenue.gif) repeat-x;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	z-index:44;
}

#hauptmenuepunkt {
	position: relative;
	height:30px;
	padding: 0px 16px 0px 16px; /* oben rechts unten links */
	margin: 0px;
	background: #3EB1E3 url(../img_style/back_mainmenue.gif) repeat-x;
	z-index:45;
	float:left;
}

#hauptmenuepunkt_high {
	position: relative;
	height:30px;
	padding: 0px 16px 0px 16px; /* oben rechts unten links */
	margin: 0px;
	background: #3EB1E3 url(../img_style/back_mainmenue.gif) repeat-x;
	z-index:45;
	float:left;
}

#hauptmenuepunkt_high_alt {
	position: relative;
	height:30px;
	border-left:1px solid white;
	border-right:1px solid white;
	padding: 0px 15px 0px 15px; /* oben rechts unten links */
	margin: 0px;
	background: #E8EDEA url(../img_style/back_mainmenue12high.gif) repeat-x;
	z-index:46;
	float:left;
}

#hauptmenuepunkt_inner {
	position: relative;
	padding: 8px 0px 0px 0px; /* oben rechts unten links */
	float:left;
}


/*	**************************************
	PAGE FOOTER
	************************************** */
	
#pageFooter {
	/* Container fŸr Footer-Inhalt */
	clear: both;
	position: relative;
	background: #E8EDEA url(../img_style/back_footer.gif) no-repeat center;
	display: block;
	overflow:hidden;
	
	width: 766px;
	height: 27px;
	padding: 0px 10px 0px 10px;
	
	font-size: 0.95em;
	text-align: left;
}
	
#pageFooter_inner {
	/* Container fŸr Footer-Inhalt */
	clear: both;
	position: relative;
	display: block;
	overflow:hidden;
	
	height: 27px;
	padding: 6px 0px 5px 0px;
	
	font-size: 0.95em;
	text-align: left;
}



/*=========================
     MENUE
=========================*/

#menuehead {
	width:238px;
	height:50px;
	background-color:#E82F25;
	border-bottom:1px solid white;
}

#menuehead_title {
	padding:28px 0px 0px 16px; /* oben rechts unten links */
	margin:0px;
}





#menuefolder1 {
	width:238px;
	background-color:#E8EDEA;
}

#menuefolder2 {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#E8EDEA;
}

#menuefolder2_high {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#FFFFFF;
}

#menuefolder_inner {
	width:204px;
	padding:4px 0px 2px 26px; /* oben rechts unten links */
	background: url(../img_style/menue_closed.gif) no-repeat 3px center;
}

#menuefolder_inner_high {
	width:204px;
	padding:4px 0px 2px 26px; /* oben rechts unten links */
	background: url(../img_style/menue_open.gif) no-repeat 3px center;
}





#menuepunkte1 {
	width:238px;
	background-color:#E8EDEA;
}

#menuepunkt1 {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#E8EDEA;
}

#menuepunkt1_high {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#FFFFFF;
}

#menuepunkt1_inhalt {
	width:204px;
	padding:2px 0px 2px 0px; /* oben rechts unten links */
}





#menuepunkte2 {
	width:238px;
	background-color:#E8EDEA;
}

#menuepunkt2 {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#FFFFFF;
}

#menuepunkt2_high {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#FFFFFF;
}

#menuepunkt2_inhalt {
	width:204px;
	padding:2px 0px 2px 0px; /* oben rechts unten links */
}





#inhalte1 {
	width:238px;
	background-color:#E8EDEA;
}

#inhalt1 {
	width:236px;
	margin:0px 0px 0px 1px; /* oben rechts unten links */
	background-color:#E8EDEA;
}

#inhalt1_inhalt {
	width:204px;
	padding:2px 0px 2px 14px; /* oben rechts unten links */
}

#inhalt_weiss {
	width:204px;
	color:#FFFFFF;
	padding:2px 0px 2px 14px; /* oben rechts unten links */
}

/*	**************************************
	GALLERY
	************************************** */
div.galerieThumbs {
	float: left;
}

div.galerieThumbs a img {
	border: none;
	padding: 0px;
	margin: 0px;
}

div.galerieThumbs a {
	display: block;
	width: 90px;
	height: 90px;
	margin: 0px 1px 1px 0px;
	padding: 8px;
	border: 1px solid #E8EDEA;
	background-color: #FFFFFF;
	text-align: center;
	float: left;
}

div.galerieThumbs a:hover {
	border: 1px solid #4CAAF1;
	background-color: #FFFFFF;
}





div.galleryContent {
	position: relative;
	background-color: #E8EDEA;
	background-image: url(../img_style/schraffur_FFFFFF.gif);
	background-repeat: repeat;
	background-position: top left;
	border-top: 1px solid #FFFFFF;
	padding: 10px 0px 10px 0px;
	text-align: center;
}

div.galerieDetail {
	position: relative;
	background-color: #E8EDEA;
	background-image: url(../img_style/schraffur_FFFFFF.gif);
	background-repeat: repeat;
	background-position: top left;
	text-align: center;
}

div.grossbild {
	padding: 0px 0px 0px 0px;
}

div.unterschrift {
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #E5E5E5;
}



/*	**************************************
	SONDER NAVIGATION
	************************************** */

.navigationsBlock {
	position: relative;
	background-color: #E8EDEA;
	background-image: url(../img_style/schraffur_CCD0CD.gif);
	background-repeat: repeat;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.navigationsBlock .leftNavi {
	position: relative;
	width: 60%;
	margin: 0px 0px 0px -1px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.navigationsBlock .rightNavi {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

.navigationsBlock .naviBlock a {
	position: relative;
	background: #E8EDEA;
	float: left;
	
	color: #4CAAF1;
	text-align: center;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	margin: 0px -1px 0px 0px;
}

.navigationsBlock .naviBlock a:hover {
	background: #4C4C4C;
	color: #FFFFFF;
	text-decoration: none;
}

.navigationsBlock .textBlock {
	position: relative;
	float: left;
	
	font-weight: bold;
	text-align: left;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}

/*	**************************************
	ALERT FENSTER
	************************************** F24200*/

.alert {
	background: #D8481C url(../img_style/alert_bg.gif) repeat-x -9px 0px;
	padding: 34px 10px 10px 10px;
	color: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 10px;
}

/*	**************************************
	ADMINNAVIGATION
	************************************** */

.adminNavi {
	width: 542px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.adminNavi.atline {
	margin: 4px 0px -3px 0px;
}

.adminNavi .leftlink{
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

.adminNavi .rightnavi{
	text-align: right;
	float: right;
}


.adminNavi a img { 
	border: 1px solid #6C6F70 /*#63B3D4*/;
	vertical-align: bottom;
	text-align: center;
	background-color: #87C9E4 /*#DFF0F6*/;
}

.adminNavi a:hover img { 
	background-color: #FF0000;
}

/*	**************************************
	UNTERMENUES
	************************************** */
	
.tab {
	width: 170px;
	padding: 3px 4px 2px 4px;
	margin: 0px 4px 0px 0px;
	float:left;
	background: #E2E2E2 url(../img_style/corner_right.gif) no-repeat 166px 0px;
	font-size: 0.95em;
	text-align: center;
	border-bottom: none;
}

.tab.activated {
	background-color: #C8E9F4;
	border-bottom: 2px solid #C8E9F4;
}

.tab.activated a {
	color: #FF0000;
}

.fileCardBottom {
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 6px;
	background: #C8E9F4;
}

.submenu {
	position: relative;
	margin: -1px 0px 0px 0px;
	background-color: #DFF0F6;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #FFFFFF;
	font-size: 0.95em;
}

.submenu.admin {
	background-color: #C8E9F4;
}

.submenu p, .submenu.admin p {
	margin: 0px 0px 2px 0px;
}

.submenu select {
	margin-right: 8px;
}

/*	**************************************
	FORMULARE
	************************************** */


.cmsForm {
	width: 501px;
	margin: -1px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #FFFFFF;
	background-color: #E8EDEA;
}

.cmsForm.admin {
	background-color: #C8E9F4;
}

.cmsForm.headgrey {
	background-color: #CCCCCC;
}

.cmsForm p, .cmsForm.admin p{
	margin: 2px 0 2px 0;
}

.cmsForm div.inputleft {
	position: relative;
	float: left;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cmsForm div.inputright {
	position: relative;
	float: right;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cmsForm div.whitefield {
	position: relative;
	background-color: #FFFFFF;
	width: 500px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

.cmsTrenner {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FF0000;
	height: 1px;
	overflow: hidden;
	clear: both;
}

.contact { color: #E82F25; }


/*	**************************************
	ARTIKEL
	************************************** */

div.left_component {
	/* Sub-Container fŸr Inhalt links */
	position: relative;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;	
}

div.right_component {
	/* Sub-Container fŸr Inhalt rechts */
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div.right_component p, div.left_component p{
	margin-top: 0px;
}

div.float_component {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bild {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bild .gross {
	margin: 8px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.bild .subtext {
	position: relative;
	padding: 0px 5px 0px 5px;
	margin: 1px 0px 0px 0px;
	background-color: #E8EDEA;
	font-size: 10px;
	line-height: 13px;
}
.bild .subtext span {
	padding: 5px 0px 5px 0px;
	display: block;
}

.bild a img {
	border: 1px solid #FFFFFF;
}

.bild a:hover img {
	border: 1px solid #4CAAF1;
}

.filedownload{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}

.filedownload img {
	margin: 0px 6px 0px 0px;
}

.filedownload .filetext {
	margin: 2px 0px 0px 0px;
}

.extralink img {
	margin: 1px 4px 1px 0px;
}

.logolink {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #E2E2E2;
}




.linkblock {
	position: relative;
	padding: 6px 0px 0px 0px;
	margin: 6px 0px 6px 0px;
}

.linkblock2 {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 2px 0px;
}

.linkpic {
	width: 100px;
	/* border-right: 1px solid #D7D7D7; */
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 0px 0px;
	text-align: center;
	float: left;
}

.linkhead {
	width: 316px;
	float: left;
}





a.filezip, a.filedoc, a.filepdf, a.filexls, a.filepng, a.fileeps, a.fileppt, a.filejpg, a.filedot, a.filegif {
	font-weight: norm;
	padding: 0px 0px 0px 29px;
}

a.filezip {
	background: url(../img_style/icon_zip.gif) no-repeat 1px center;
}

a.filedoc {
	background: url(../img_style/icon_doc.gif) no-repeat 1px center;
}

a.filepdf {
	background: url(../img_style/icon_pdf.gif) no-repeat 1px center;
}

a.filexls {
	background: url(../img_style/icon_xls.gif) no-repeat 1px center;
}

a.filepng {
	background: url(../img_style/icon_png.gif) no-repeat 1px center;
}

a.fileeps {
	background: url(../img_style/icon_eps.gif) no-repeat 1px center;
}

a.fileppt {
	background: url(../img_style/icon_ppt.gif) no-repeat 1px center;
}

a.filejpg {
	background: url(../img_style/icon_jpg.gif) no-repeat 1px center;
}

a.filedot {
	background: url(../img_style/icon_dot.gif) no-repeat 1px center;
}

a.filegif {
	background: url(../img_style/icon_gif.gif) no-repeat 1px center;
}


/*	**************************************
	SONDERFUNCS
	************************************** */

.nomargin { margin: 0px 0px 0px 0px; }
.nopadding { padding: 0px 0px 0px 0px; }