/****************************************************************
   $Id: style.css,v 1.1 2007/02/26 15:00 krauss-m $

   webmelone internetmanufactur
   http://www.webmelone.de

   Styles für www.medintern-mainz.de - Typo3 Contentmanagementsystem
*****************************************************************/


body
{
margin: 0;
padding: 0;
font: 85% arial, helvetica, sans-serif;
text-align: center;
color: #333;
background-color: rgb(231,231,233);
background-image: url(../grafik/bg-1.gif);
}

a:link {
color: rgb(12,77,162);
}
a:visited { color: rgb(12,77,162); }

a:hover, a:active {
color: #fff;
background-color: rgb(12,77,162);
}


#contents h1
{
/*color: rgb(12,77,162);*/
color: #333;
font-size: 120%;
/*font: 120% georgia, times, "times new roman", serif;*/
font-weight: bold;
margin: 0 0 6px 0;
}

#contents h1 a {
text-decoration: none;
}

#contents h2
{
color: rgb(12,77,162);
font: 106% georgia, times, "times new roman", serif;
font-weight: bold;
margin: 0 0 2px 0;
}

#contents h2 a {
text-decoration: none;
}

h3
{
color: rgb(12,77,162);
font: 106% georgia, times, "times new roman", serif;
font-weight: bold;
margin-top: 0;
}

#container {
margin: 1em auto;
width: 1020px;
text-align: left;
background-color: #fff;
border: 1px solid rgb(191,192,194);
}

#header {
height: 160px;
width: 100%;
background-image: url(../grafik/zeichen_wb.gif);
background-repeat: no-repeat;
background-position: 0 0;
border-bottom: 1px solid #fff;
position: relative;
border: 1px none #fff;
border-bottom: 1px solid #fff;
}

#marke {
position: absolute;
top: 75px;
left: 200px;
text-align: left;

}

#marke h1 {
color: rgb(12,77,162);
background-color: transparent;
}

#mainnav {
position: absolute;
top: 125px;
left: 200px;
text-align: left;
font-weight: bold;
}

#mainnav ul { list-style-type: none; }
#mainnav li { display: inline;}

#breadcrumbs {
font-size: 90%;
margin-bottom: 12px;
margin-left: 200px;
color: rgb(191,192,194);
background-color: transparent;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {color: rgb(191,192,194); text-decoration: none;}
#breadcrumbs a:hover {
color: rgb(0,0,0);
background-color: transparent;
text-decoration: none;
}

#menu
{
float: left;
width: 180px;
padding-left: 10px;
}

#menu a {
text-decoration: none;
}

.level2{
padding-left: 12px;
}

.level3{
padding-left: 20px;
}

.current {
background-color: rgb(231,231,233);
}

#contents { margin: 0 20px 40px 200px; }
#contents p { line-height: 165%; }

#contentmain {
float: left;
width: 60%;
padding: 12px;
}

#contentright {
float: right;
width: 32%;
font-size: 84%;
}

#footer {
clear: both;
color: #rgb(191,192,194);
text-align: right;
font-size: 90%;
background-color: rgb(231,231,233);
}

#footer a {
color: #rgb(191,192,194);
text-decoration: underline;
background-color: transparent;
}

#footer ul { list-style-type: none; float: left; margin: 0; padding: 0;}
#footer li { display: inline;}

#skipmenu {
display: none;
}


/* default styles for extension "tx_croncssstyledimgtext"

   css-styled-imgtext


  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image
{$styles.content.imgtext.borderSelector} {
  border: 1px solid black;
  padding: {$styles.content.imgtext.borderSpace}px {$styles.content.imgtext.borderSpace}px;
}
*/




DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 4px; margin-bottom: 0px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 4px; margin-bottom: 0px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: {$styles.content.imgtext.colSpaceHalf}px;
  margin-right: {$styles.content.imgtext.colSpaceHalf}px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */

/******************************************************
*  Notizen                                            *
*  background-color: #F1EEDD;                         *
*  Als alternative Flächenfarbe                       *
******************************************************/

/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
		
/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	.csc-textpic-caption {font-size: 84%; color: rgb(191,192,194); background-color: transparent;}
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 1px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */



DIV.csc-mailform-field{padding: 4px;}
fieldset.csc-mailform{padding: 4px; border: 0px dashed transparent;}
label{padding-right: 12px;}


/* editor-Klassen */

.important {
text-weight: bold;
color: rgb(239,29,35);	
}

.name-of-person {
text-weight: bold;
color: rgb(12,77,162);	
}

.detail {
border-bottom: 1px dashed rgb(12,77,162);
}

.csc-frame-frame1 {
border: 1px solid rgb(191,192,194);
background-color: rgb(237,235,241);	
padding: 3px;
}

.csc-frame-frame2 {
border: 1px solid rgb(191,192,194);
background-color: rgb(245,255,170);	
padding: 3px;	
}

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

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

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

.csc-header-date {
	font-size: 90%;
	margin: 0 0 2px 0;
}

.csc-textpic-firstcol {
	
}

.csc-textpic-lastcol {
	
}

.csc-frame {
	
}

.csc-frame-rulerBefore {
margin-bottom: 4px;
border-top: 1px dashed rgb(191,192,194);	
}

.csc-frame-rulerAfter {
border-bottom: 1px dashed rgb(191,192,194);	
}

/* default styles for extension "tx_jppageteaser_pi1" */
		.tx-jppageteaser-pi1 {}
		
		.tx-jppageteaser-pi1-browsebox {
		    margin-top: 10px;
		    padding-top: 3px;
		    border-top: 1px solid #ccc;
		}
		
		
		/* List View */
		.tx-jppageteaser-pi1-list {}
		
		.tx-jppageteaser-pi1-list-entry {
		    clear: both;
		}
		
		.tx-jppageteaser-pi1-list-entry-description {
		    margin-top: 10px;
		}
		
		.tx-jppageteaser-pi1-list-entry-image IMG {
		    float: left; 
		    margin: 2px 12px 6px 0px;
		    border: 1px solid #CCC;
		}
		
		.tx-jppageteaser-pi1-list-entry-link-item {
			font-size: 9px;
			margin-top: 5px;
			margin-bottom: 2px;
		}

		.tx-jppageteaser-pi1-list-entry H4 {
		    border-bottom: 0px solid #ccc;
		    position: relative;
		}
		
		
		.tx-jppageteaser-pi1-list-entry H4 A {
		    color: #666;
		    text-decoration: none;
		}
		
		.tx-jppageteaser-pi1-list-entry-creation-date,
		.tx-jppageteaser-pi1-list-entry-change-date {
		    position: absolute;
		    bottom: 4px;
		    right: 0px;
		    font-size: 9px;
		    font-weight: normal;
		    color: #999;
		}
		
		.tx-jppageteaser-pi1-browsebox {
		    text-align: center;
		}
		.tx-jppageteaser-pi1-browsebox-show-results {}
		.tx-jppageteaser-pi1-browsebox-browse-links {}
		.tx-jppageteaser-pi1-browsebox-show-results-number {}
		.tx-jppageteaser-pi1-browsebox-disabled-link {}
		.tx-jppageteaser-pi1-browsebox-inactive-link {}
		.tx-jppageteaser-pi1-browsebox-active-link {}
/* default styles for extension "tx_newloginbox_pi3" */
	.tx-newloginbox-pi3-listrow TH { background:#ccc; padding:0 .5em; white-space:nowrap; }
	.tx-newloginbox-pi3-listrow TD { background:#eee; padding:0 .5em; }
	.tx-newloginbox-pi3-singleView TH { background:#ccc; padding:0 .5em; text-align:right; white-space:nowrap; }
	.tx-newloginbox-pi3-singleView TD { background:#eee; padding:0 .5em; }