/*
 * $Id: 3styles.css 88 2010-02-19 13:37:15Z MarBle $
 * $HeadURL: https://halle72.cjb.net/svn/klickdummy/wohnen-im-wandel/trunk/public_html/typo3cms/fileadmin/layout/wiw/3styles.css $
 * $Rev: 88 $
 * $Author: MarBle $
 * $Date: 2010-02-19 14:37:15 +0100 (Fri, 19 Feb 2010) $
 * first version by Martin Niggemann, 2009-10-31, www.weltrettung.org
 *
 */
/*	++++++++++
/*	Farben
/*	++++++++++ 
*/
.basic { color: #30256c; } /* db-0, dunkelblau */
.basic { color: #bbcff5; } /* hb-0, hellblau */
.basic { color: #dfdd00; } /* sg-0, senfgruen */

/*	++++++++++
/*	header
/*	++++++++++ 
*/
#header {
    height: 100px;
}
#headerLinks {
    width: 206px;
    float: left;
}
#headerLinks img {
    margin: 0 0 0 21px;
}
#headerRechts {
    width: 220px;
    float: right;
    text-align: right;
}
#headerRechts img {
    margin: 15px 12px 0 0;
}
#header .clear {
    padding: 0;
}
#header h1 {
	color: #888;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	padding: 20px 0 12px 0;
	margin: 0;
	line-height: 18px;
}
/*	++++++++++
/*	h-navi, navi-h
/*	++++++++++ 
*/
#navigationH {
    width: 480px;
    height: 76px;
    margin: 0 0 0 208px; /* 21+184+12-12 */
    padding: 12px;
    color: #30256c; /* db-0 */
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    overflow: hidden;
}
#navigationH ul {
    margin: 5px 0 0 0;
    border: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}
#navigationH ul li {
    display: block;
    float: left;
    text-align: left;
    margin: 0 ;
    padding: 0;
}
#navigationH ul li a {
    margin: 0 ;
    border-left:1px solid #cbc8da; /* db+6 */
    padding: 1px 8px 1px 8px ;
    text-decoration: none;
}
#navigationH ul li a.last {
    border-right:1px solid #cbc8da; /* db+6 */
}
#navigationH ul li a:hover,
#navigationH ul li a:focus {
    color: #30256c; /* db-0 */
    text-decoration: underline;
    background-color: #fbfadf; /* sg+8 */
    border-top: 1px solid #dfdd00; /* sg-0 */
    border-bottom: 1px solid #dfdd00; /* sg-0 */
}
#navigationH a.active {
    color: #a8a600; /* sg-2 */
    color: #30256c; /* db-0 */
    background-color: #f7f6bf; /* sg+7 */
    background-color: #fbfadf; /* sg+8 */
    border-top: 1px solid #dfdd00; /* sg-0 */
    border-bottom: 1px solid #dfdd00; /* sg-0 */
}
/*	++++++++++
/*	v-navi, navi-v
/*	++++++++++ 
*/
#linksPad h2 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 3px;
}
#navigationV {
	position:relative;
	left:-10px;
    width: 183px;
    margin: 10px 0;
    padding: 0;
}
#navigationV ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style-type: none;
    font-weight: normal;
    /* font-size: 12px; */
    /* line-height: 1.6; */
    /* letter-spacing: 0px; */
}
#navigationV a {
    display: block;
    /* width: 99%; */
    padding: 0;
    margin: 2px 0 ;
    color: #a4b6d7; /* hb-1 */
    color: #bbcff5; /* hb-0 */
    color: #8d9cb8; /* hb-2 */
    color: #30256c; /* db-0 */
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    text-decoration: none;
}
#navigationV ul          a { padding-left: 10px; }
#navigationV ul ul       a { padding-left: 20px; }
#navigationV ul ul ul    a { padding-left: 30px; }
#navigationV ul ul ul ul a { padding-left: 40px; }

/* keep order: 1 */
#navigationV a.active {
    color: #a4b6d7; /* hb-1 */
    color: #8d9cb8; /* hb-2 */
    color: #bbcff5; /* hb-0 */
    color: #30256c; /* db-0 */
    color: #49407e; /* db+1 */
}
/* keep order: 2 */
#navigationV a.current {
    color: #a4b6d7; /* hb-1 */
    color: #8d9cb8; /* hb-2 */
    color: #bbcff5; /* hb-0 */
    color: #30256c; /* db-0 */
    background-color: #f3f29f; /* sg+6 */
    background-color: #f7f6bf; /* sg+7 */
    background-color: #fbfadf; /* sg+8 */
    border-top: 1px solid #dfdd00; /* sg-0 */
    border-bottom: 1px solid #dfdd00; /* sg-0 */
    border-top: 1px solid #e3e11f; /* sg+1 */
    border-bottom: 1px solid #e3e11f; /* sg+1 */
    border-top: 1px solid #e7e53f; /* sg+2 */
    border-bottom: 1px solid #e7e53f; /* sg+2 */
}
/* keep order 3: 3 */
#navigationV a:hover,
#navigationV a:focus {
    background-color: #fbfadf; /* sg+8 */
    border-top: 1px solid #e7e53f; /* sg+2 */
    border-bottom: 1px solid #e7e53f; /* sg+2 */
    text-decoration: underline;
}
/*	++++++++++
/*	rootline
/*	++++++++++ 
*/
#brotkrumen {
    height: 20px;
    background: #bbcff5 url(./img/bg-spalten-.gif) repeat-y;
    overflow: hidden;
    border-top: 1px solid #30256C;
    border-bottom: 1px solid #30256C;
    font-size: 76.92%; /* 10/13 */
    color: #30256C;
}
#brotkrumen a:link,
#brotkrumen a:visited {
	text-decoration:none;
}
#brotkrumen a:focus,
#brotkrumen a:hover {
	color: white;
	text-decoration:underline;
}
#brotkrumenIcon { float: left;
    width: 20px;
    height: 20px;
}
#brotkrumenSuche { float: left;
    width: 178px;
    height: 20px;
    padding-left: 8px;
}
#brotkrumenSuche table {
	border-spacing:0;
	margin-top:1px;
	padding:0;
}
#brotkrumenSuche td.links {
	padding-top: 1px;
}
#brotkrumenSuche td.rechts {
	padding-top: 0px;
}
form#search-form {
	display:block;
}
#brotkrumenSuche input.sword {
    font-size: 10.5px;
    margin:0;
    padding:0;
    position:relative;
    top:-3px;
    width: 112px;
}
#brotkrumenSuche input.submit {
	display: inline;
	width: 16px;
	height: 16px;
}
#brotkrumenKrumen { float: left;
    width: 550px;
    height: 18px;
    padding-top: 3px;
    padding-left: 12px;
    overflow: hidden;
}
#brotkrumenKrumen a {
}
#brotkrumenKrumen strong {
}
#brotkrumenSprache {
    float: right;
    width: 150px;
    height: 20px;
    padding-top: 2px;
    padding-right: 12px;
    text-align: right;
}
#brotkrumenSprache a {
    font-weight: bold;
}
#brotkrumenSprache span.lang-active {
/* wir zeigen nichts fuer active */
}
#brotkrumenSprache span.lang-passive-missing {
	color: #8d9cb8; /* hb-2 */
	color: #bbcff5; /* hb-0 */
}
#brotkrumenSprache span.lang-active-missing {
/* wir zeigen nichts fuer active */
}
a#styleSwitchKlein {
	font-size: 10px;
	padding-right: 2px;
	padding-left: 2px;	
}
a#styleSwitchMittel {
	font-size: 11px;
	padding-right: 2px;
	padding-left: 2px;	
}
a#styleSwitchGross {
	font-size: 12px;
	padding-right: 2px;
	padding-left: 2px;	
}
#brotkrumenSwitch {
    display: block;
}
/*	++++++++++
/*	content areas
/*	++++++++++ 
*/
div#mittePad.content,
div#rechtsPad.content {
    margin: 0;
    padding: 0 0 10px 0;
}
/*	++++++++++
/*	footer
/*	++++++++++ 
*/
#untenPad {
    padding: 1px;
    padding-right: 12px;
    /* font-size: 84.62%; /* 11/13 */
}
#untenPad p {
    padding: 2px 0;
    margin: 0;
}
#untenPad a,
#untenPad a:link,
#untenPad a:visited {
    text-decoration: none;
}
#untenPad a:focus,
#untenPad a:hover {
    text-decoration: underline;
}
#untenPad span.active {
	color: #a8a600;
}

/*	++++++++++
/*	TYPO3 stuff
/*	++++++++++ 
*/
/*
	p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
	p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
	ul.component-items { color: #186900; list-style-type: circle; }
	ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }
	ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
	ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }
	span.important { color: #8A0020; }
	span.name-of-person { color: #10007B; }
	span.detail { color: #186900; }
	a.external-link {}
	a.external-link-new-window {}
	a.internal-link {}
	a.internal-link-new-window {}
	a.download {}
	a.mail {}
*/
p.csc-linkToTop { text-align: right; } /* nach oben */


p.tt_news-debug {
	display:none;
}	


#linksPadDEBUG,
#mittePadDEBUG
{
	background-color: #f0f0f0;
}
#brotkrumen { margin-bottom: 18px;}

h1.csc-firstHeader,
h2.csc-firstHeader,
h3.csc-firstHeader,
h4.csc-firstHeader,
h5.csc-firstHeader,
h6.csc-firstHeader { margin-top: 0; }

div#mantel2Pad {
	color: #999;
	background-color: #f0f0f0;
	font-size: 10px;
	padding: 2px;
}
div#mantel2Pad a {
	color: #999;
	text-decoration: none;
}
div#mantel2Pad a:focus,
div#mantel2Pad a:hover {
	text-decoration: underline;
}