/*-----------------------------------------------------------------------------
4RED Screen Stylesheet

version:   1.0
date:      17/05/09
author:    Anja Deubzer
email:     info@anjadeubzer.de

website:   http://four-red.de
-----------------------------------------------------------------------------*/


/* sifr flash replacement
-----------------------------------------------------------------------------*/

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

html {overflow-y:scroll;}

@media screen {
  #pagewrapper .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    display: block;
  }
  
  #pagewrapper .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  #pagewrapper .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  #pagewrapper .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  #pagewrapper .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  #pagewrapper .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active .navigation li a {
    visibility: hidden;
	}
  .sIFR-active h2, .sIFR-active h1 {
    visibility: hidden;
	}
  .sIFR-active h1 {
    visibility: hidden;
  }
}
@media screen {
  .ie7.sIFR-active  h2,
  .ie6.sIFR-active  h2 {
    visibility: visible;
	}
}


/* Hide accordion container
-----------------------------------------------------------------------------*/

@media screen {
	.contentBody,
	.element {
		overflow:hidden;
		position:relative;
		height: 0;
	}
}


/* CSS Reset
-----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul, dl {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
q:lang(de) {quotes: '„' '“' '‚' '‘';}
q:lang(en) {quotes: '“' '”' "‘" "’";}



/* CSS SCREEN Reset
-----------------------------------------------------------------------------*/

@media screen {

	:focus {outline: 0;}
	
	label, 
	input[type=button],
	input[type=submit], 
	button {cursor: pointer;}
	
	abbr[title] {border-bottom: 1px dotted #888 !important; cursor: help;}
	a abbr {cursor: pointer !important;}
	
	.clearfix:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	
	.ie7 address {font-style: normal;}
	
	/* Hides from IE-mac \*/ 
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */
}



/* Floats
-----------------------------------------------------------------------------*/

.clearRight {
	clear: right;
	display: block;
	height: 8px;
}

.floatLeft {
	position: relative;
	float: left;
	margin: 0px 10px 0px 0px;
}

.floatLeft img {
	display: block;
}



/* Colors
-----------------------------------------------------------------------------*/

/* yellow	255/153/051 = #FF9933 */
h1 { color: #F93;}

/* orange	238/119/017 = #EE7711 */
#CenterManagementPage h1 { color: #e27014; }

/* or-red	221/085/017 = #DD5511 */
#ServiceDevelopmentPage h1 { color: #e75e14; }

/* red		153/017/034 = #991122 */
#ConsultingPage h1 { color: #96122c; }

/* l-gray	187/187/187 = #BBB */

/* m-gray	136/136/136 = #888 */

/* d-gray	102/102/102 = #666 */

h2 { color: #6f6c6c; }

/* d-gray:hover	051/051/051 = #333 */



/* Set up the document
-----------------------------------------------------------------------------*/

body {
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #000;
	background-color: #FFF;
}

/* no scrollbar jumping */
/* body  { overflow: -moz-scrollbars-vertical; } */

#pagewrapper {
	position: relative;
	display: block;
	width: 957px;
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;
	margin-top: 0px;
}


/* Typography
-----------------------------------------------------------------------------*/

h1 {
	font-size: 20px;
	line-height: 22px;
}
	
h2 {
	font-size: 16px;
	line-height: 18px;
}

h3 {
	font-size: 12px;
	line-height: 18px;
}

h4 {
	font-weight: bold;
}

ul, ol, dl, li, dd, dt {
	font-size: 1em;
}

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

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}


/* Header + Footer
-----------------------------------------------------------------------------*/

#Header {
	padding-top: 115px;
	text-align: right;
}

#Header a img {
	position: absolute;
	top: 30px;
	right: 0;
}

#flash {
	/* margin-top: 12px; */
	border-top: 4px solid #888;
	height: 128px;
}

#flash img,
#flash object {
	margin: 4px 0px 0px 0px;
	height: 70px;
	width: 956px;
	border: 0;
}

#Footer {
	position: relative;
	clear: both;

	border-top: 4px solid #888;
	font-size: 11px;
	color: #888;
	text-align: right;
	padding: 3px 0px 5px 0px;
	margin-top: 20px;
}

#Header ul {
	position: absolute;
	top: 87px;
	left: 0;
}
#Header li {
	float: left;
	position: relative;
	display: inline;
}
#Header li a {
	padding: 0px 8px 0px 0px;
}
#Header .selected a {
	font-weight: bold;
}
#Header span {
	color: #666666;
	padding: 0px 8px 0px 0px;
}



/* Navigation
-----------------------------------------------------------------------------*/

#Navigation  {
	position: relative;
	display: inline;
	float: left;

	width: 117px;
	margin-right: 60px;
	margin-bottom: 60px;
	border-top: 4px solid #888;
	padding-top: 0px;
/*	background: transparent url(/public/img/basegrid.gif) repeat 0 0;*/
}

.navigation a,
#newsAccordion h3 {
	display: block;
	cursor: pointer;
		
/* navigation colors */
	color: #666;
}
.navigation .metanav a {
	color: #BBB;
}
.navigation .subnav a  {
	color: #BBB;
}
.navigation .sel a,
.navigation li a:hover {
	color: #333;
}


.navigation li {
	font-size: 14px;
	line-height: 18px;
	border-top: 1px dotted #888;
	padding: 9px 0px 0px 0px;
	height: 26px;
	overflow: hidden;
}

.navigation li.firstNaviChild {
	border: 0;
}

.navigation li.subnav {
	font-size: 12px;
	line-height: 18px;
	border: 0;
	padding: 0px 0px 0px 0px;
	height: 18px;
	position: relative;
	margin: -4px 0px 4px 0px;
}



/* Sidebar
-----------------------------------------------------------------------------*/

#rightColumn  {
	position: relative;
	display: inline;
	float: right;

	width: 204px;
	margin-left: 60px;
	margin-bottom: 20px;
	border-top: 4px solid #888;
	padding-top: 4px;
}

.rightBox {
	margin: 4px 0px 0px 0px;
}

#rightColumn h2 {
	margin: 20px 0px 0px 0px;
}

#rightColumn h3 {
	color: #6f6c6c;
	font-weight: bold;
}

#rightColumn h3,
#rightColumn p {
	margin: 18px 0px 0px 0px;
}

.rightColumnImage {
	margin: 24px 0px 0px 0px;
}


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

#Content {
	position: relative;
	margin: 0px 264px 0px 177px;
	/*background: transparent url(/public/img/basegrid.gif) repeat 0 37px;*/
}

#Content h1 {
	position: relative;
	font-weight: normal;
	margin: -33px 0px 22px 0px;
	height: 33px;
	border-bottom: 4px solid #888;
}

#rightColumn h4,
#Content h2 {
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Content h2 .sIFR-flash {
	position: relative;
	margin: -2px 0px 0px 0px;
}

#Content h2.accordionHead,
#ProjektePage h2 {
	margin: 18px 0px 9px 0px;
}

h2.einzeiler {

}

#HomePage h2 { 
	width: 516px;
}

.contentArea h3 {
	color:  #666;
	padding: 0px 0px 0px 0px;
}

.contentArea p {
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
}

.pRight {
	text-align: right;
}

.contentArea ul {
	margin: 15px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
}

.brochureImg {
	position: relative;
	display: block;
	margin: 18px 0px 0px 0px;
	/*background-color: #DEDEDE;*/
}

.brochureImg img {
	display: block;
}

.brochureLink {
	text-decoration: underline;
	padding: 0px 0px 0px 15px;
	background: transparent url(/public/img/arr_close.gif) no-repeat 0px 1px;
}


#Content .listItemsLeft li {
	list-style-type: square;
}



/* FORMULARE
-----------------------------------------------------------------------------*/

.contentArea .openBody form,
.contentArea form {
	padding: 0;
}

.contentArea fieldset {
	padding: 18px 25px 9px 25px;
	border-bottom: 4px solid white;
}

form label {
	clear: left;
	font-weight: bold;
	position: relative;
	float: left;
	width: 145px;
	margin-bottom: 10px;
}

form select,
form textarea,
form input {
	/*position: relative;*/
	float: left;
	width: 285px;
	margin-bottom: 10px;
	padding: 2px 2px 2px 3px ;
	border: 1px solid #F93;
}

form textarea {
	height: 140px;
}

#newseintrag input.submit,
form input.submit {
	color: #FFF;
	font-weight: bold;
	background-color: #ffbf84;
	border: 1px solid #FFF;
	border-right: 1px solid #F93;
	border-bottom: 1px solid #F93;
	position: relative;
	float: right;
	width: auto;
	margin-bottom: 10px;
	margin-right: 5px;
}


/* Accordion - Sidebar
-----------------------------------------------------------------------------*/

#sidebarAccordion li {
	border-bottom: 1px dotted #888;
}

#sidebarAccordion h3 {
	margin: 0;
	padding: 6px 3px 6px 21px;
	background: transparent url(/public/img/arr_close.gif) no-repeat 4px 9px;
	z-index: 400;
	cursor: pointer;
}

#sidebarAccordion .selected h3 { background-image: url(/public/img/arr_open.gif); }

#sidebarAccordion div p {
	margin: 0;
	padding: 3px 3px 9px 21px;
}

.date  {
	font-weight: normal;
	font-size: 11px;
	display: block;
	color: #000;
}


/* Accordion - Content
-----------------------------------------------------------------------------*/

.accordion {
	position: relative;
	margin: 0px 0px 18px 0px;
}

.wideAccordion {
	margin-right:  -264px;
	width: 780px;
}
.ie6 .wideAccordion {
	width: 780px;
}
/* accordion - basic formats ----------------------------*/

.accordion li {
	position: relative;
	border-bottom: 4px solid #FFF;
}


/* accordion header --------------------------------*/

#Content .accHeader {
	display: block;
	padding: 6px 0px 5px 30px;
	background-image: none;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	background: #F93 url(/public/img/arr_close_IE6.gif) no-repeat 10px 9px;
}

#Content .openAcc h3.accHeader {
	background-image: none;
	padding: 6px 0px 5px 7px;
}

.flashAcc .accHeader,
.wideAccordion .accHeader {	min-height: 19px;}
.ie6 .flashAcc .accHeader,
.ie6 .wideAccordion .accHeader {	height: 19px;}


/* accordion body --------------------------------*/

.accBody {
	/*position: relative;
	display: block;*/
	background-color: #ffa551;
}

.wideAccordion .accBody {
	background: #ffa551 url(/public/img-png/accBody_bg.png) repeat-y 100% 0px;
}


/* accordion - content  ----------------------------*/

.accordion li li {
	display: list-item;
	color: #FFF;
	border-bottom: 0;
}
.ie6#ProjektePage .accBody li {
	margin-left: 124px;
	clear: none;
}

.accordion a { 
	color: #FFF;
	text-decoration: underline;
}

.contentArea .accBody ol,
.contentArea .accBody ul,
.accBody ul,
.accBody ol,
.accBody h4,
.accBody p,
.accBody form {
	color: #FFF;
	padding: 12px 9px 0px 9px;
	margin: 0;
}

.accBody h4 {
	position: relative;
	margin: 0px 0px -9px 0px;
}

.wideAccordion ol,
.wideAccordion ul,
.wideAccordion p {
	margin-right: 264px;
}

.accordion .date {
	position: relative;
	display: inline;
	float: right;
	color: #FFF;
	margin-right: 10px;
	font-weight: normal;
}

.contentTab {
	position: relative;
	float: left;
	min-width: 124px;
	min-height: 2px;
	font-weight: bold;
	white-space: nowrap;
}

.tabbedMultipleLines {
	display: block;
	margin-left: 124px;
}

.end {
	display: block;
	height: 18px;
	clear: both;
}


/* Accordion without Function
-----------------------------------------------------------------------------*/

.openBody ul {
	margin: 0;
}

.withBullets li,
.accordion .accBody li {
	clear: none;
	list-style-type: square;
	margin-left: 15px;
}

#ProjektePage .accBody li {
	list-style-type: none;
	margin-left: 0;
	clear: left;
}

/* accordion - images  ----------------------------*/

.accImage {
	position: relative;
	float: right;
	text-align: right;
}

.wideAccordion .accImage {
	width: 264px;
	height: auto;
	overflow: hidden;
}

.wideAccordion .accHeader .accImage {
	width: 204px;
	height: 30px;
	border-left: 60px solid #FFF;
	margin: -6px 0px -5px 0px;
}

.wideAccordion .accBody .accImage img {
	position: relative;
	margin: -30px 0px 0px 0px;
}


/* accordion - colors  ----------------------------*/

.accordion .RefurbishmentBody { background-color: #ffa551; }
#Content .accordion h3.RefurbishmentHeader { background-color: #ff9532; }
#RefurbishmentPage .rightBox,
.RefurbishmentBody .brochureImg { background-color: #ffbf84; }
.wideAccordion .RefurbishmentBody {background-image: url(/public/img/accBody_ref_bg.gif);}


.accordion .CentermanagementBody { background-color: #e88d43;}
#Content .accordion h3.CentermanagementHeader { background-color: #e27014; }
#CenterManagementPage .rightBox,
.CentermanagementBody .brochureImg { background-color: #eea972; }
.wideAccordion .CentermanagementBody {background-image: url(/public/img/accBody_cen_bg.gif);}


.accordion .ServiceDevelopmentBody { background-color: #ec7e43; }
#Content .accordion h3.ServiceDevelopmentHeader { background-color: #e75e14; }
#ServiceDevelopmentPage .rightBox,
.ServiceDevelopmentBody .brochureImg { background-color: #f19e72; }
.wideAccordion .ServiceDevelopmentBody {background-image: url(/public/img-png/accBody_ser_bg.png);}


.accordion .ConsultingBody { background-color: #ab4156; }
#Content .accordion h3.ConsultingHeader { background-color: #96122c; }
#ConsultingPage .rightBox,
.ConsultingBody .brochureImg { background-color: #c07180; }
.wideAccordion .ConsultingBody {background-image: url(/public/img-png/accBody_con_bg.png);}



/* CMS
-----------------------------------------------------------------------------*/

.adminTable {
	width: 100%;
}

.adminTable tr:hover {
	background-color: #EEE;
}

.adminTable tr.tableHeaderRow:hover {
	background-color: transparent;
}

.adminTable th {
	padding: 4px 6px 6px 6px;
	font-weight: bold;
	border-bottom: 4px solid #888888;
}

.adminTable th a{
	background: transparent url(/public/img/sort.gif) no-repeat 0% 50%;
	padding-left: 12px;
}

.adminTable td {
	padding: 4px 6px 4px 6px;
	border-bottom: 1px solid #888888;
}

.adminTable a {
	display: block;
}

.adminTable td a {
	color: #FF9933;
}

.adminTable td a:hover {
	text-decoration: underline;
}

td.small {
	width: 200px;
	vertical-align: top;
}

.cmsImageArea {
	border-top: 1px solid #888888;
	clear: left;
	margin-top: 20px;
	padding-top: 10px;
}

p.anmerkung {
	color: #6F6C6C;
	clear: left;
	font-size: 11px;
}

#newseintrag input {
	border-color: #888;
	/*position: fixed;*/
	float: none;
}

#Footer input {
	width: auto;
	float: right;
}

#rightColumn .uploadField {
	width: 204px;
}

#newseintrag #textlang {
	width: 96%;
	height: 280px;
}



/* IE7
-----------------------------------------------------------------------------*/



.ie7#NewsPage #rightColumn {
	margin: 0;
}



/* IE6
-----------------------------------------------------------------------------*/

.ie6 .navigation li {
	border: 0;
	background: transparent url(/public/img/dotted.gif) repeat-x 0px 0px;
}
.ie6 .navigation li.firstNaviChild {background-image: none;}

.ie6 .contentTab {
	position: absolute;
	left: -124px;
}

.ie6 .tabbedMultipleLines {
	margin-left: 0;
	display: inline;
}

.ie6 #rightColumn  {
	margin-left: 0px;
}

.ie6 #Content {
	display: inline;
	float: left;
	margin: 0;
	width: 516px;
}