/* @override http://www.otto-fricke-krankenhaus.de/fileadmin/templates/css/plugins/ofk.css */
/* -------------------------------------------------------------- 
  
   OFK Formatierungen
   Juni 2009

-------------------------------------------------------------- */

body {
  color: #555;
}

h1, h2, h3, h4, h5, h6 {
  color: #00857E;
  font-family: "Times New Roman", Times, Georgia,serif;
}

/* @group Layout */

div#page {
  margin: auto;
  width: 960px;
}

#header {
  position: relative;
  height: 330px;
  background-color: #fff;
}
#page1 #header {
  height: 115px;
}

#topnavigation {
  width: 435px;
  height: 30px;
  background-color: #e2e5e7;
  overflow: hidden;
}

.container {
  clear: both;
  margin-top: 25px;
}
#page1 .container {
	background-image: none;
}
.leftside {
  margin-left: -730px;
  float: left;
  overflow: hidden;
  margin-bottom: 20px;
}
* html .leftside {margin-left: -730px; }
.rightside {
  margin-left: 730px;
  padding: 0 25px 40px 15px;
  overflow: hidden;
  margin-bottom: 20px;
  width: 174px;
  border-left: 1px solid #ccc;
}
.flash {
	clear: both;
}
.content {
  float: left;
  margin-left: 270px;
  width: 435px;
  margin-right: 25px;
  margin-bottom: 20px;
  overflow: hidden;
  padding-right: 15px;
}
* html .content { margin-left: 135px; }

#page1 .content {
	margin-left: 35px;
}
#page1 .rightside {
	margin-left: 500px;
	padding-top: 0px;
	padding-left: 0px;
	width: 440px;
	border-left: 0px solid #ccc;
}
#page1 .rightside .tt-news-item {
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.content .breadscrumbs {
	background: #fff;
	margin-bottom: 10px;
}
.content .breadscrumbs a {
  color: #555;
  padding-right: 10px;
  background: url(../../images/single_right.gif) no-repeat right 2px;
}

.content .breadscrumbs a:hover {
  color: #00857e;
  background: url(../../images/single_right_green.gif) no-repeat right 2px;
}

.content p {
  margin-left: 20px;
}

.footer {
  padding: 10px 35px 10px 35px;
  background-color: #fff;
  border-top: 1px solid #008f84;
}

.logo {
  width: 373px;
}

.logo h1 {
  margin: 0px 0px 0px 35px;
  padding-top: 15px;
}

.logo h1 span.grafik {
  display: block;
  width: 338px;
  height: 83px;
  background: url(../../images/logo.gif) no-repeat bottom right;
}

.logo h1 a {
  width: 338px;
}

.logo h1 span.name {
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

.headerright {
  float: right;
  margin-right: 32px;
}

.rubrik {
  margin-top: 55px;
  background-color: #008f84;
  width: 435px;
  height: 55px;
  overflow: hidden;
}

.rubrik h2 {
  padding: 18px;
  color: #fff;
  font-size: 1.75em;
  line-height: 1em;
}
.csc-text ul {
	margin-left: 35px;
}

/* @end */

/* @group Navigation oben */

#topnavigation a {
  color: #555;
  text-decoration: none;
  padding-left: 10px;
  background: url(../../images/single_right.gif) no-repeat 0px 2px;
}

#topnavigation a:hover {
  color: #00857e;
  background: url(../../images/single_right_green.gif) no-repeat 0px 2px;
}

#topnavigation ul {
  position: relative;
  margin: 0;
  list-style-type: none;
}

#topnavigation li {
  float: left;
  margin: 0;
  padding: 6px 15px 0px 7px;
  list-style-type: none;
}

#topnavigation li.first {
  padding-left: 3px;
}

/* @end */

/* @group Navigation */

#nav {
  margin: 0 35px 5px;
}

#nav a {
  color: #555;
  text-decoration: none;
}

#nav a:hover {
  color: #00857e;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav li {
  display: inline;
  list-style-type: none;
  margin: 0;
}

#nav li a {
  display: block;
  background: url(../../images/nav_bg.gif) repeat-y;
  padding: 2px 10px;
  margin: 2px 0px;
}
#nav li ul {
  margin-bottom: 3px;
}


#nav li li a {
  background: none;
  border-top: 1px solid #555;
  padding-left: 10px;
  background: url(../../images/single_right.gif) no-repeat 0px 7px;
}

#nav li li.first a {
  border-top: none;
  margin-top: -3px;
}

#nav li li li a {
  background: none;
  border-top: none;
  padding: 0px 20px;
  background: url(../../images/single_right.gif) no-repeat 10px 5px;
}

#nav li li li.first a {
  border-top: none;
}

#nav li li li li a {
  background: none;
  border-top: none;
  padding: 0px 30px;
  background: url(../../images/single_right.gif) no-repeat 20px 5px;
}

#nav li a.current {
  color: #00857e;
}

#nav li li a.current, #nav li li a:hover {
  background-image: url(../../images/single_right_green.gif);
}

/* @end */

/* @group Footer */
.footer ul {
  position: relative;
  margin: 0;
  list-style-type: none;
}

.footer li {
  float: left;
  margin: 0;
  padding: 0px 15px 0px 7px;
  list-style-type: none;
}
.footer .footernavigation {
	float: right;
}
.footer .copyright {
	float: left;
	width:  235px;
	overflow:  hidden;
}
.footer .portal a, .footernavigation a {
  color: #555;
  padding-left: 10px;
  background: url(../../images/single_right.gif) no-repeat 0px 2px;
}

.footer .portal a:hover, .footernavigation a:hover {
  color: #00857e;
  background: url(../../images/single_right_green.gif) no-repeat 0px 2px;
}

/* @end */

/* @group Searchbox */

.searchwrap {
  width: 225px;
  float: left;
}

.searchwrap form {
  display: inline;
  margin: 0;
}

.searchwrap .sword {
  float: left;
  border: none;
  background-color: #fff;
  margin: 6px 9px;
}

.searchwrap .submit {
  margin-top: 6px;
}

/* @end */

/* @group powermail */
.tx-powermail-pi1 legend {
	display: none;
}
.tx-powermail-pi1 label {
	width: 100px;
	display: block;
	float: left;
	padding-top: 2px;
}
.powermail_text, .powermail_textarea {
	width:  285px;
	margin: 0;
  	border: 1px solid #bbb;
} 
.powermail_text {
	width: 295px;
}
.tx_powermail_pi1_fieldwrap_html {
	margin-bottom: 5px;
}
.powermail_submit {
	margin-left: 100px;
}
.powermail_mandatory_js {
	margin-left: 100px;
	padding: 3px;
	background-color: #ffd5d0;	
	margin-top:  4px;
}
.tx-powermail-pi1_thx .contenttable {
	width: 100%;
}
/* @end */