/* -------------------------------------------
   Lisa Stylesheet   
   -------------------------------------------

   Generisch verwendete Styles   
   -------------------------------------------*/

html,body {
  font-family:Arial,Helvetica,sans-serif;
	background-color: #E6E7EF;
	
  color: #212121;
}

h1 {
  font-size:15px;
  line-height:1.3em;
  margin-bottom:5px;
  margin-top:0;
  color:#C42126;
  font-size:15px;
  font-weight:bold;
}

h2 {
  font-size:1.5em;
  line-height:1.3em;
  margin-bottom:0.667em;
  margin-top:0.667em;
}

h3 {
  font-size:1.3em;
  line-height:1.3em;
  margin-bottom:0.769em;
  margin-top:0.769em;
}

h5, h6 {
  font-size: 10px;
}

strong {
	font-weight: bold;
}

h1 a,h2 a,h3 a {
	color: #000;
}

a {
	color: #C42126;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input.email,
#newContact textarea {
    width: 20em;
}

/* Start custom button CSS here
 ---------------------------------------- */
.btn {
	display: inline-block;
	background: none;
	margin: 0;
	padding: 3px 0;
	border-width: 0;
	overflow: visible;
	text-decoration: none;
	color: #fff;
}

* html button.btn {
	padding-bottom: 1px;
}

/*  Immediately below is a temporary hack to serve the
    following margin values only to Gecko browsers
    Gecko browsers add an extra 3px of left/right
    padding to button elements which can't be overriden.
    Thus, we use -3px of left/right margin to overcome this. */

html:not  ([lang *=""]  ) button.btn {
	margin: 0 -3px;
}

.btn span {
	background: #BA0000 url(img/textbutton_red.gif) repeat-x 0 0;
	margin: 0;
	padding: 3px 0;
	border-left: 1px solid #F2965F;
	border-right: 1px solid #750000;
}

* html .btn span {
	padding-top: 0;
}

.btn span span {
	position: relative;
	padding: 3px 0.4em;
	border-width: 0;
	border-top: 1px solid #F2965F;
	border-bottom: 1px solid #750000;
}

a.btn:hover,a.btn:hover span,a.btn:hover span span {
	text-decoration: none;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
	border-right-width: 0;
}

button.pill-l span span {
	border-right: 1px solid #bbb;
}

button.pill-c span {
	border-right-style: none;
	border-left-color: #fff;
}

button.pill-c span span {
	border-right: 1px solid #bbb;
}

button.pill-r span {
	border-left-color: #fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span,.btn:hover span span,.btn:focus span,.btn:focus span span
	{
	cursor: pointer; /* important for any clickable/pressable element */
	border-color: #ED5006 !important;
	color: #fff;
}

.btn:active span {
	background-position: 0 -400px;
	outline: none;
}

.btn:focus,.btn:active {
	outline: none;
	/* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
	font-weight: bold;
	color: #FFF;
}

ul.feedbackPanel {
	font-size: 12px;
	background-color: #FFEEEE;
	border: 1px solid #CCC;
	margin: 0.25em 0 1em;
	padding: 0 0.5em;
	color:#990000;
}

.feedbackPanel li {
	padding: 0.5em 0;
	list-style-position: outside;
}

#custom-doc {
	width: 978px;
	margin: 0 auto;
	/*width:808px;*/
	background-image:url(img/mainout.png);
  background-position:left top;
  background-repeat:repeat-y;
  padding:0 6px;
  position:relative;
  
}

.r {
	text-align: right;
}

.l {
	text-align: left;
}

.fr {
	float: right !important;
	clear: none !important;
}

.fl {
	float: left !important;
	clear: none !important;
}

.clear {
	clear: both !important;
	line-height: 0px;
	height: 0px;
	font-size: 1px;
}

.bold {
	font-weight: bold;
}

.yui-t4 {
	margin: 0;
}

/*#hd,#bd {
	width: 990px;
}
*/

.buttons .previous,.buttons .next {
	cursor: pointer;
}

form .buttons,
.cockpit .mainContent .labelValuePanel .buttons {
	margin: 1em 0;
	padding-left: 165px;
}

.box .inner ul.feedbackPanel,
.box .inner .feedbackPanel,
form ul.feedbackPanel {
	background: transparent;
	border: none;
	margin-bottom: 0.15em;
	padding-left: 0;
}

form ul.feedbackPanel li {
	padding: 0;
}

.hint {
	font-size: 11px;
	color: #999;
	font-style: italic;
}

/* -------------------------------------------
   Header   
 ---------------------------------------------*/
.default-header {
  padding-top:49px;
}

#hd {
	background: transparent url(img/toplogo.gif) no-repeat 0 10px;
	height: 70px;
	margin:0 22px;
}

#hd .headerlinks {
    float: right;
    margin-top: -37px;
    text-align: right;
  * margin-right:20px;
}

#hd .headerlinks .contactLink{
    margin-bottom: 0.25em;
}

#hd .headerlinks a {
  color:#666666;
  margin-top:0;
}

#logo {
  float:left;
  height:50px;
  position:relative;
  top:5px;
  width:206px;
}

/* -------------------------------------------
   Fehlerseiten
 ---------------------------------------------*/
h2.errorReason {
	font-family: "Times New Roman", "Times", serif;
	font-size: 1.2em
}

/* -------------------------------------------
   Navigation (Mandant)
 ---------------------------------------------*/
 
#custom-doc .shapeNavigationBar {
  background:transparent url(img/mainnavi_back.gif) repeat-x scroll left top;
  margin:0 17px 15px;
}

#custom-doc .shapeNavigationBar div {
	background:transparent url(img/mainnavi_left.gif) no-repeat scroll left top;
}

#custom-doc .shapeNavigationBar ul {
  background:transparent url(img/mainnavi_right.gif) no-repeat scroll right top;
  height:34px;
  padding:5px 5px 0 3px;
}

#custom-doc .shapeNavigationBar ul li {
	border-right: 1px solid #7F8181;
	padding: 0px;
}

#custom-doc .shapeNavigationBar ul li span span a {
	color: #666666;
	padding:0 20px;
	border-left: 1px solid #E3E4E5;
	font-size:11px;
}

#custom-doc .shapeNavigationBar ul li a:hover { 
	background-image:url(img/mainnavi_hover.gif);
  color:#FFF;
  height:30px;
  border-left:1px solid #e8a8ab;
  text-decoration:none;
  padding:0 20px;
}

#custom-doc .shapeNavigationBar ul li a:hover span {
  text-decoration:none;
}


div.navigationBar ul li {
	display: block;
	float: left;
	padding: 0 9px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	padding: 0 10px;	
}

div.navigationBar ul li span {
	display: table;
	height: 2.25em;
	text-align: center;
	overflow: hidden;
}


div.navigationBar ul li span span {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
}

div.navigationBar ul li span span a {
	font-size: 13px;
	font-weight: bold;
	float: left;
}

div.navigationBar ul li a:hover span {
	text-decoration: underline;
}

#content .projectContent ul.sortableList li.sortableListEntry {
  * overflow: visible;
}


/* -------------------------------------------
   Content   
 ---------------------------------------------*/
#bd {
	margin:0 17px 10px;
}

#bd .content {
	padding: 5px 10px;
}

#bd #content {
	margin: 5px;
	color: #666666;
}

div.headline {
	color: #C42126;
	font-size: 13px;
}

.yui-t4 #yui-main .yui-b {
	margin-right: 240px;
}

.article {
	margin-left:10px;
	margin-right:10px;
}

.article .section {
	border-bottom: 1px solid #DDDDDD !important;
	margin-bottom: 9px;
}

.article .section span,
.shapeBlogEntries .section span {
	font-weight:bold;
}

.articleActions div {
	margin: 0;
}


.article .title h1 {
	font-size: 1.3em;
	margin-bottom: 0.1em;
}

.article .subtitle h2 {
	font-size: 13px;
	font-weight: bold;
}

#bd .article .content {
	padding: 0;
	margin-bottom: 1em;
	
}

/* ----------------------------------------
    Registration
 -----------------------------------------*/
.registration .question {
	background-color: #EAEEEF;
}

.registration span.required {
	color: #ED5006;
}

/* ----------------------------------------
	(Mandanten) Blog
 -----------------------------------------*/
.shapeBlogEntries .section,
.projectContent# .projectBlogEntries .section{
	font-size:2em;
	font-weight:bold;
}

.blogAuthors {
  margin-bottom: 0.5em
  font-size: 11px;  
}

div.blogEntry {
	margin-bottom: 2em;
}

div.blogEntry .author,
div.blogEntryDetail .author {
	border-bottom: 1px solid #DDDDDD !important;
	margin-bottom: 0.5em;
}

.blogEntryDetail div.headline a {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0.1em;
}

.blogEntry div.headline a:hover span {
	text-decoration: underline;
}

.blogEntryDetail div.subhead {
	font-size: 14px;
}

.blogEntry div.text,.blogEntryDetail div.text {
	margin-top: 13px;
}

.blogEntry div.details {

}

.blogEntry div.actions {
	margin-top: 5px;
	margin-bottom: 5px;
}

.blogEntryDetail .navigation,.blogEntryDetail .tags {
	margin: 0.5em 0;
}

.blogEntryDetail .tags .tag {
	color: #666666;
	padding-left: 0.25em;
	padding-right: 0;
	font-weight: bold;
}

/* Kommentare */
.comments h2 {
	color: #C42126;
	border-bottom: 1px solid #DDDDDD !important;
	font-size: 13px;
}

div.comment {
	margin-left: 100px;
	border-bottom: 1px solid #EAF0F8;
	padding: 1.25em 0 0.5em;
}

div.comment div.title {
	color: #666666;
	font-weight: bold;
}

div.comment .commentContent {
	padding: 5px 0;
	line-height: 1.5;
}

div.comment div.link {
	margin: 5px 0 10px 0;
	color: #7a7a7a;
}

.commentSummary {
}

.commentSummary .number {
    font-weight: bold;
    margin-top: 0.25em;
}

.commentSummary .lastComment {
    color: #7a7a7a;
}

.newComment .formItem {
	padding-left: 0;
}

.newComment .actionSave {
	margin-left: 160px;
}

/* -------------------------------------------
   Mandanten Umfragen
 ---------------------------------------------*/

.shapeSurveys div.headline a,.shapeSurveys div.headline span {
	font-size: 2em;
	font-weight: bold;
	color: #000;
	font-family: "Times New Roman", "Times", serif;
	margin-bottom: 0.1em;
	color: #000;
}

.shapeSurveys .surveyCreationDate {
	border-bottom: 5px solid #ED5006;
	color: #666666;
	margin-bottom: 0.5em;
}

.shapeSurveys .surveyUnderline {
	display: none;
}

.shapeSurveys .surveyListItem {
	margin-bottom: 1.5em;
}

.openSurveys .buttons,
.shapeSurveys .buttons,
.projectSurveys .buttons {
	margin: 0.5em 0;
}

/* -------------------------------------------
   Projekt Umfragen
 ---------------------------------------------*/
.projectSurveys {

}

.openSurveys .surveyListItem .headline,.projectSurveys .surveyListItem .headline
	{
	font-size: 2em;
	font-weight: bold;
	color: #000;
	font-family: "Times New Roman", "Times", serif;
	margin-bottom: 0.1em;
}

.openSurveys .surveyListItem .surveyUnderline,.projectSurveys .surveyListItem .surveyUnderline
	{
	display: none;
}

.openSurveys .surveyListItem,.projectSurveys .surveyListItem {
	margin-bottom: 1.5em;
}

.openSurveys .surveyCreationDate,.projectSurveys .surveyCreationDate {
	border-bottom: 5px solid #ED5006;
	color: #666666;
	margin-bottom: 0.5em;
}

/* -------------------------------------------
   Marginalspalte   
 ---------------------------------------------*/
.yui-t4 .yui-b {
	/*
  float: right;
	left: -20px;
	*/
	width: 220px;
}

.loginBox, .loginStatusbox, 
.marginColumn .projectLinks,
.marginColumn .projectComments, 
.marginColumn .projectBlogEntries,
.marginColumn .projectSummary,
.user-actions, .profile-overview {
  background-image:url(img/box_right_main.gif);
}

.box {
	background: transparent url(img/box_right_bottom.gif) no-repeat left bottom; 
	margin-bottom: 10px;
}

.box .heading {
	color: #666666;
	height: 20px;
	line-height: 20px;
	background: transparent url(img/box_right_top.gif) no-repeat scroll left top;
	overflow: hidden;
	padding: 10px 0 6px 5px;
	position: relative;
	width: 100%;
}

.box .heading p {
	padding: 0px 9px;
	font-size: 13px;
	font-weight: bold;
}

.box .inner {
	padding: 0 14px 10px;
}

.box .inner .commentEntry,
.box .inner .blogEntry,
.box .inner .links,
.box .inner .description {
	margin-bottom: 0.75em;
}

.loginBox input {
	margin-bottom: 0.5em;
	width: 190px;
}

.loginBox .hint {
    margin-bottom: 0.5em;
}

.loginBox input.button {
	cursor: pointer;
	width: auto;
}

/* -------------------------------------------
   Footer   
 ---------------------------------------------*/
#ft {
  background-color:#97A5A8;
  height:100px;
  margin-left:17px;
  padding-bottom:20px;
  padding-top:1px;
  width:943px;
}

#ft ul li {

}

#ft .footer a {
	color: #EA3200;
	position: relative;
}

#ft .footerContent {
  border-bottom:1px solid #ADB7B9;
  border-top:1px solid #FFFFFF;
  height:35px;
  text-align:center;
}

#ft .footerContent p {
  display:inline-block;
  height:35px;
  padding-top:10px;
  * float:left;
  * position: relative;
  * left: 130px;
}

#ft .footerContent p a {
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  padding:0 15px;
}

#ft .footerContent p a:hover {
  text-decoration:none;
}


#ft .footerContent ul {
  margin:0 auto;
  overflow:hidden;
  width:800px;
}

#ft .footerContent ul li {
  border-right:1px solid #666666;
  display:inline;
  height:20px;
}

#ft .footerContent ul li:last-child {
  border-right:1px solid #97A5A8;
}

#ft .footerContent ul a {
  color:#666666;
  padding:0 5px;
  text-decoration:underline;
  font-size:11px;
}

#ft .footerContent div {
    clear: both;
}

div.editArticle {
	border: 2px solid #8A8A8A;
}

div#new-tab a {
	background-color: #8E9300;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 5px 10px 6px 10px;
	border: 3px double #fff;
}

.marginColumn .roundedBox,div.content-border {
	text-align: left;
	background: #fff;
	/*padding: 0.5em;*/
}

.loginSalutation span {
	font-weight: bold;
}

div.logoutLink a {
	color: black;
	text-decoration: none;
	background: url(../images/arrow-right.gif) no-repeat;
	padding-left: 14px;
}

div.viewerStatus {
	margin-bottom: 0.5em;
}

/* ----------------------------------------
	Project List (Startseite)
  --------------------------------------*/
.projectOverview .section {
	border-bottom: 1px solid #C42126;
	margin-bottom: 0.5em;
}

.projectOverview .section span {
	color:#C42126;
  font-size:15px;
  font-weight:bold;
}

.projectListItem {
	border-top: 1px solid #ccc;
	margin-bottom: 1em;
}

.projectListItem:first-child {
	border-top: none;
}

.first {
    border-top: none;
}

.projectListItem .spacing {
	margin: 0.5em 0;
}

.projectUnderline {
	border-top: 5px solid;
	border-color: #ED5006;
	height: 5px;
	margin-bottom: 1em;
}

/* ----------------------------------------
	Cockpit
  --------------------------------------*/
.cockpit {

}

.cockpit td {
	vertical-align: top;
}

.cockpit .projectList {
	width: 200px;
	vertical-align: top;
}

.cockpit .projectList .listBox {
	margin-bottom: 1.5em;
}

.cockpit .mainContent {
	width: 530px;
}

.cockpit .mainContent .questionnaireInputPanel {
	margin: 0;
}

.cockpit .mainContent .spacing {
	margin: 0 0.5em 0 1em;
}

.cockpit .mainContent #newComment .spacing {
	margin: 0.5em 0;
}

.cockpit .mainContent .buttons {
	padding-left: 0;
}

.cockpit .mainContent .propertyInputAddress {
	width: 100%;
}

.cockpit .mainContent .registration .questionInput .input {
	margin-left: 0;
}
.cockpit .mainContent .registration .questionInput .title {
    *margin-top: 0.5em;
}

.cockpit .mainContent .singleItem div.fl {
    *display: inline;
}

.cockpit .mainContent .singleItem .editLink {
    *float: left;
    *display: inline;
}

.cockpit .mainContent .registration .questionInput .description {
	margin-left: 0;
}

.cockpit .projectList p {
	margin-bottom: 0.5em;
}

.cockpit .feedList .topPager {
    display: none;
}

.cockpit .feedList .bottomPager {
    margin-top: 0.5em;
}
.cockpit .feedList .bottomPager .badgePager {
    padding: 0;
}


/* ------------------------------
  Projektseiten
  --------------------------------*/
.projectContent .projectNavigationBar {
	margin-bottom: 1em;
}

div.projectlist-title {
	border-bottom: 1px solid #C42126;
	color: #666666;
	margin-bottom: 0.75em;
	padding-bottom: 0.15em;
}

.projectLinks .buttons {
	margin: 0.5em 0;
}

.projectLinks .links a {
	display: block;
	margin: 0.25em 0;
}

hr.project-underline {
	display: none;
}

h3.feed-headline {
	font-size: 2em;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.1em;
}

hr.profile-overview-separator {
	color: #E4E4E4;
}

div.profile-overview-headline {
	font-weight: bold;
}

div.profile-overview-headline {
	color: #B452CD;
}

div.profile-overview-headline a {
	float: right;
}

div.profile-overview-content {

}

div.profile-overview-content div.profileName {
	font-weight: bold;
}

div.profile-overview-content div.overview div.headline {
	font-weight: bold;
}

div.project-overview-item {
	padding: 10px;
	margin: 10px;
	clear: both;
}

div.overview-project-list {
	margin: 10px;
	clear: both;
}

div.summary-label {
	width: 120px;
	float: left
}

div.summary-content {
	text-align: right;
}

div.wicket-aa {
	background-color: #63B8FF;
	font-weight: bold;
}

div.project-logo {
	float: left;
	margin: 8px;
	min-width: 180px;
}

div.project-header {
	text-align: center;
}

div#project-links {
	margin: 10px;
}

div.profileProperty {
	margin-bottom: 0.5em;
}

div.profileProperty div.label {
	float: left;
	width: 140px;
}

div.profileProperty div.value {
	margin-left: 145px;
	margin-right: 5px;
}

.propertyList {
	line-height: 1.5em;
}

div.userAction {
	padding: 4px;
}

div.projectStatistic {
	margin: 1em 0;
}

div.projectStatistic h2 {
	color: #666666;
	border-bottom: 5px solid #4E5AAA;
	font-size: 13px;
}

div.statisticLabel {
	float: left;
	width: 150px;
}

div.itemCount {
	float: left;
	font-weight: bold;
	padding: 0px 10px;
}

div.averageCount {
	float: left;
	padding: 0px 10px;
}

div.statisticItem {
	clear: both;
	line-height: 1.5em;
}

/* -----------------------------------
    Kontaktberichte - ContactReports
   ----------------------------------- */
#newComment .commentField textarea {
	width: 300px;
	height: 100px;
}
#newComment input.url {
    width: 300px;
}
#newComment input.email {
    width: 300px;
}
#newComment input.date,
#newComment input.plz {
    width: 6em;
}

div.newDetail {
	margin: 0 0 0.5em 0;
	height: auto;
	border: 1px solid #CCC;
	background-color: #efefef;
}

.newDetail table th {
	vertical-align: bottom;
	width: 25%;
}

.newDetail table th.quantity {
	width: 15%;
}

.newDetail table th.rating {
	width: 65%;
}

.newDetail table td,.newDetail table th {
	padding-top: 0.5em;
	padding: 0.25em;
}

.responses .response .selected {
	border: 1px solid #ED5006;
	background: #ED5006;
	color: #fff;
}

.responses .response {
	float: left;
	padding: 0.25em;
}

.responses .response div {
	border: 1px solid #FFF;
	color: #ED5006;
	padding: 0.2em;
	white-space: nowrap;
	background: #fff;
}

.responses a.response:hover div {
	border: 1px solid #ED5006;
}

.removeContactDetail {
    text-align: right;
}
.removeContactDetail a{
    color: #ed5006;
}

/*End ContactReport */

/* --------------------------------------
	Formular
 ----------------------------------------*/
.choice {
	margin-bottom: 0.2em;
}

.choice label span {
	margin-left: 0.1em;
	vertical-align: middle;
}

.choice label input {
	vertical-align: middle;
}

/* --------------------------------------
	Questionaire
 ----------------------------------------*/
.questionnaireInputPanel {
	margin: 5px 10px;
}

.questionnaireInputPanel .required {
	margin: 0;
}

.questionnaireInputPanel .buttons {
	padding-left: 0;
	padding-bottom: 1em;
}

.questionaireNavigation {

}

.questionaireNavigation .spacing {
	margin: 0.5em 0;
}

.questionaireNavigation a {
	line-height: 1.5em;
}

.questionInput {
	border-color: #ccc;
}

.questionInput .text {
	font-weight: bold;
}

.questionInput .required {
	margin: 0;
	color: #212121;
	font-size: 11px;
}

.questionnaireInputPanel .hint {
	margin-bottom: 1em;
}

.propertyInputAddress input {
	margin-right: 0.5em;
}

.propertyInputAddress input.short {
	width: 5em;
}

.propertyInputAddress input.medium {
	width: 15em;
}

.propertyInputAddress input.long {
	width: 20em;
}

.propertyInputString textarea {
	width: 35em;
	height: 7em;
}

.propertyInputScale .choice {
  float:left;
  margin:5px 0;
  padding-right:20px;
}

/* --------------------------------------------
    Photogallerie
   ---------------------------------------------*/
.photoGallery .fl {
    margin-bottom:10px;
    width: 230px;
    height: 200px;
    text-align: center;
}

.photoGallery .visibility_hidden td,
.photoGallery .visibility_hidden .photoGallery_overview_item td.photoGallery_overview_subtitel{
    background: #FFFFAA;
}

.photoGallery .visibility_preview td,
.photoGallery .visibility_preview .photoGallery_overview_item td.photoGallery_overview_subtitel {
    background: #FFFFAA;
}

.photoGallery table.photoGallery_overview_item{
    width: 100%;
    height: 100%;
}

.photoGallery .photoGallery_overview_item td.photoGallery_overview_thumbnail{
    vertical-align: middle;
    height: 160px;
}

/* KAL 02.08 */
.photoGallery .photoGallery_overview_item td.photoGallery_overview_thumbnail img {
    background-color:#DEE4E5;
    padding:5px;
}

.photoGallery .photoGallery_overview_item td.photoGallery_overview_subtitel{
    text-align: center;
    height: 40px;
    overflow: hidden;
    padding:0 1.75em;
    font-weight: bold;
}
.photoGallery .photoGallery_overview_item td.photoGallery_overview_subtitel .number{
    font-weight: normal;
}

.photoGallery .photoGallery_overview_item td.photoGallery_overview_subtitel .lastComment{
    display: none;
}


.photoGallery_details .photoGallery_details_back,
.photoGallery_details table{
    width: 100%;
    margin-bottom: 1em;
}

.photoGallery_details table td{
    vertical-align: middle;
    padding: 0;
}

.photoGallery_details table td .photoGallery_details_description p {
    margin: 0.5em 0;
    font-weight: bold;
    text-align: center;
}

.photoGallery_details table td .photoGallery_details_description {
    /* If subtitle of image has to be aligned ... margin-left: 100px;*/
}
.photoGallery_details table td .photoGallery_details_description p.hint {
    font-weight: normal;
    font-style: normal;
    color: #7A7A7A;
    font-size: 13px;
}

.photoGallery_details table td a.contentEntryLink{
    border: 1px solid #ED5006;
    color: #ED5006;
    padding: 0.2em 0.4em;
    line-height: 1.75em;
}
.photoGallery_details table td a.contentEntryLink:hover{
    background: #ED5006;
    cursor: pointer;
    color: #FFF;
}

.photoGallery_details .photoGallery_details_image{
    text-align: center;
    width: 600px;
}

.photoGallery_details .photoGallery_details_image{
    text-align: center;
    width: 600px;
}

/* --------------------------------------------
    categories
   ---------------------------------------------*/

.categories .termSelection {
    margin-top: 10px;
}

.categories .termSelection .termHeading {
    font-weight: bold;
    display:block;
}

/* --------------------------------------------
    recipes
   ---------------------------------------------*/
   /*
.recipe .fl {
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-bottom: 2px solid #e5e5e5;

    margin: 0 5px 10px 5px;
    text-align: center;
}

*/
.recipe .recipe_list {
    width : 100%;
}

.recipe .recipe_list tr {
    height : 155px;
}

/* image to be displayed if the details image is not available. the size of the div and the image have to correspond
 with the size of the thumbnail picture in the database */
.recipe .image_not_available {
  background:url("img/image_not_available_small.jpg") no-repeat scroll 2px 2px #FFFFFF;
  border:1px solid #D7DDE1;
  height:150px;
  margin:5px;
  padding:2px;
  width:150px;
}

.recipe .visibility_hidden td,
.recipe .visibility_hidden .recipe_overview_item td.recipe_overview_subtitel{
    background: #FFFFAA;
}

.recipe table.recipe_overview_item{
    width: 100%;
    height: 100%;
    background: transparent url(img/grauerPfeil.gif) no-repeat 208px 178px;
}

.recipe .recipe_list tr td.recipe_overview_thumbnail {
    background-color:#f2f2f2;
    text-align:center;
    width: 150px;
}

.recipe .recipe_list tr td.recipe_overview_thumbnail img {
  background-color:#FFFFFF;
  border:1px solid #D7DDE1;
  margin:5px;
  padding:2px;    
}

.recipe td.recipe_overview_titel{
    height: 40px;
    overflow: hidden;
    padding:0 1.75em;
    font-weight: bold;
}
.recipe  td.recipe_overview_titel .number{
    font-weight: normal;
}

.recipe td.recipe_overview_titel .lastComment{
    display: none;
}

.recipe_details .recipe_details_back,
.recipe_details table{
    width: 100%;
    margin-bottom: 1em;
}


/* image to be displayed if the details image is not available. the size of the div and the image have to correspond
 with the size of the detail picture in the database */
.recipe_details_image .image_not_available {
  background:url("img/image_not_available_small.jpg") no-repeat scroll 5px 5px transparent;
  height:150px;
  padding-right:5px;
  width:150px;
}


.recipe_details table td{
    vertical-align: middle;
    padding: 0;
}

.recipe_details .recipe_details_ingredients_td {
    width:200px;
}

.recipe_details table td .recipe_details_description p {
    margin: 0.5em 0;
    font-weight: bold;
    text-align: left;
}

.recipe_details table td .recipe_details_description {
    /* If subtitle of image has to be aligned ... margin-left: 100px;*/
}
.recipe_details table td .recipe_details_description p.hint {
    font-weight: normal;
    font-style: normal;
    color: #7A7A7A;
    font-size: 13px;
}

.recipe_details table td a.contentEntryLink{
    border: 1px solid #ED5006;
    color: #ED5006;
    padding: 0.2em 0.4em;
    line-height: 1.75em;
}
.recipe_details table td a.contentEntryLink:hover{
    background: #ED5006;
    cursor: pointer;
    color: #FFF;
}

.recipe_details .recipe_details_introduction{
    text-align: center;
    width: 440px;
}

.recipe_details .recipe_instructions{

    color: #000;
    text-align: left;
}

.recipe_details .recipe_ingredients{

    color: #000;
    text-align: left;
}

.recipe_details .recipe_headline{

    font-weight:bold;
    margin-top:12px;
}
.recipe_details .recipe_ingredients .contentList {

    margin: 0px;
}
.recipe_details .recipe_ingredients .contentList .contentListElement{

    margin: 5px;
}

.recipe_details .recipe_categories div a span {
    display:block;
    float:left;
    margin:5px;
}

.recipe_details .recipe_categories .category_headline {
   
    font-weight:bold;
    margin-top:12px;
}

.selectedTerms .deleteLink {
    display: inline;
}

/* --------------------------------------------
    Badge pager
  ---------------------------------------------*/

 .badgePager {
    text-align: right;
    padding: 0 5px;
    line-height: 1.75em;
}

.badgePager em {
    border: 1px solid #CCC;
    color: #CCC;
    padding: 0.1em 0.4em;
}

 .badgePager a {
    border: 1px solid #ED5006;
    color: #ED5006;
    padding: 0.1em 0.4em;
}

 .badgePager a:hover {
    background: #ED5006;
    color: #FFF;
}
/* --------------------------------------------
	Editor Login
  ---------------------------------------------*/
.editorLogin .buttons,.editArticle .buttons,.w_content .buttons {
	margin: 0.5em 0;
	padding-left: 165px;
	text-align: left;
}

input[type=submit] {
	cursor: pointer;
}

.contentEditForm .formItem img {
	max-width:545px;
}

/* --------------------------------------------
	Richtext editor
  ---------------------------------------------*/

img.richtext_image {
    position: relative;
    padding: 10px;
}

/* --------------------------------------------
    Cockpit Project detail
  ---------------------------------------------*/
  .projectTime {
    margin: 15px;
    font-size: 0.9em;
  }
  
/* NEUE STYLES FUER LISA MARGINALE */

.marginColumn .teaserListEntries {
  background: url(img/box_right_main.gif);
}

.marginColumn .sortableListEntry {
  background:transparent url(img/box_right_bottom.gif) no-repeat scroll left bottom;
}

.marginColumn .teaser-content {
  background:transparent url(img/box_right_top.gif) no-repeat scroll left top;

}

.loginBoxOnPage .box {
  width:400px;
}

/* MWI: 26.10.10 14:45 */
.loginBoxOnPage {
  width:400px;
  margin-left: 270px;
  margin-top:-40px;
}

.loginBoxOnPage .box .heading {
  background: url("img/line_top_5px.gif") repeat-x scroll left top transparent;
}

.loginBoxOnPage .box {
  background: url("img/line_bottom_5px.gif") repeat-x scroll left bottom transparent;
}

/* MWI: 02.02.2011 Social-Bookmarks bekommen mehr Abstand. */

.socialBookmarkingButton img {
  background:none repeat scroll 0 0 #FFFFFF;
  margin:0 20px 5px 0;
}

/* MWI: 11.02.11 Graue Linien und Abstand beim Video */

.richtext hr {
  color:#e9e9e9;
  background-color:#e9e9e9;
  border:0px; 
  height:1px;
}

.richtext object { 
  margin-right:10px;
  margin-left:10px;
}

div.projectContent .article .section {
  border-bottom-width: 1px;
}