/*******************************************************************************
				Standard-CSS for www.bürgermut.de
********************************************************************************/

/*
	Typpo
	=====
	Standard				= #666652 / 12px
	Headline h1...			= #b2001a / 14px
	mainNavi				= #e0e0d5 / 12px
	mainNavi active			= #e60003
	Links					= #d4d4c3
	
	Important sizes
	===============
	root					= 980px
	Left column				= 172px
	Right column			= 259px
	Content column			= 512px
*/
		

/********************************************************************************
						General CSS-Data
********************************************************************************/
body {
	margin:				0;
	padding:			0;
	color:				#666652;
	background:			#ffffff;
	text-align:			center;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		18px;
}

img {
	border:				0;
}
	
/* LINKS */
a,
a:link ,
a:active,
a:visited {
	color:				#b2001a;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}
/* END LINKS */
	
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	font-size:			14px;
	line-height:		20px;
	margin:				5px 0 15px 0;
	padding:			0;
	color:				#b2001a;
	border-bottom:		1px solid #8c8c7d;
}
/* END HEADINGS */

/* TEXT */
div {
	font-size:			12px;
}

p {
	font-size:			12px;
	margin:				0;
	padding:			0 0 15px 0;
	line-height:		16px;
}

blockquote {
	margin-left:		10px;
}

code,
pre {
	font-family:		"Courier New", Courier, monospace;
	font-size:			12px;
	white-space:		pre;
}
/* END TEXT */
	
/* LISTS */
ul,
ol {
	font-size:			12px;
	line-height:		16px;
	margin:				0 0 15px 0;
	padding:			0;
}
ul li,
ol li {
	font-size:			12px;
	margin:				0 0 15px 30px;
	padding:			0;
}

dl {
	margin:				0 0 15px 0;
	padding:			0;
	line-height:		16px;
}
dl dt {
	font-weight:		bold;
	margin:				15px 0 15px 0;
	padding:			0;
}
dl dd {
	margin:				0 0 0 30px;
	padding:			0;
}
/* END LISTS */
	
	
/* TABLE */
table {
	font-size:			12px;
	margin:				0 0 15px 0;
	padding:			0;
}

table caption {
	font-weight:		bold;
	margin:				0 0 0 0;
	padding:			0 0 15px 0;
}

th {
	font-weight:		bold;
	text-align:			left;
}

td {
	font-size:			12px;
}
/* END TABLE */	

hr {
	height:				1px;
	margin:				1.5em 10px;
	border-bottom:		1px solid #000000;
}

form {
	margin:				0;
	padding:			0;
}

label {
	float:				left;
	cursor:				pointer;
}

fieldset {
	border:				0;
	margin:				0;
	padding:			0;
}

fieldset legend {
	display:			none;
}

input, select, textarea {
	font-size:			12px; 
	font-family:		Arial, Helvetica, sans-serif;
	margin:				0;
	padding:			0;
	border-top:			1px solid #f7f7f5;
	border-right:		1px solid #949486;
	border-bottom:		1px solid #949486;
	border-left:		1px solid #f7f7f5;
}

/********************************************************************************
						Layout
********************************************************************************/

#root {
	width:				980px;
	height:				auto;
	margin:				0 auto;
	padding:			0;
	text-align:			center;
	position:			relative;
}

#head {
	position:			relative;
	margin:				0;
	padding:			0;
	color:				#000000;
	text-align:			left;
	height:				205px;
	background:			#e0e0d5 url(../img/main01.jpg) no-repeat;
}

#main {
	float:				left;
	width:				980px;
	margin-top:			6px;
	background:			#ffffff url(../img/bgMain.gif) repeat-y;
	border-bottom:		3px solid #edede6;
}

#leftColumn {
	float:				left;
	width:				172px;
	margin:				0;
	padding:			0 0 30px 0;
	text-align:			left;
	background-color:	#edede6;
}

#middleColumn {
	float:				left;
	width:				512px;
	text-align:			left;
	margin:				0px 0px 0px 20px;
	padding:			0 0 30px 0;
	background-color:	#ffffff;
}

#rightColumn {
	float:				right;
	width:				259px;
	padding:			0 0 30px 0;
	text-align:			left;
	background-color:	#e0e0d5;
}

/********************************************************************************
						Head
********************************************************************************/
#logo {
	padding:			40px 0px 0px 28px;
}

#metaNavi {
	position:			absolute;
	top:				22px;
	left:				470px;
}

#metaNavi ul {
	width:				auto; 
	list-style:			none;
	margin:				0;
	padding:			0px 0 60px 0;
}

#metaNavi ul li {
	list-style:			none;
	margin:				0;
	padding:			0;
	display:			inline;
}

#metaNavi ul li a,
#metaNavi ul li a:link,
#metaNavi ul li a:active,
#metaNavi ul li a:visited {
	text-decoration:	none;
	margin:				0px 5px;
	padding:			0;
	color:				#666652;
}

#metaNavi ul li a:hover {
	color:				#b2001a;
}

#metaNavi ul li strong a,
#metaNavi ul li strong a:link,
#metaNavi ul li strong a:active,
#metaNavi ul li strong a:visited,
#metaNavi ul li strong a:hover {
	color:				#b2001a;
}

#slogan {
	position:			absolute;
	top:				15px;
	right:				22px;
}

#slogan h1 {
	border-bottom:		none;
}

#slogan span {
	position:			absolute;
	top:				-3000px;
	left:				-3000px;
}

.section01 #head {
	background:			#e0e0d5 url(../img/main01.jpg) no-repeat;
}

.section02 #head {
	background:			#e0e0d5 url(../img/main02.jpg) no-repeat;
}

.section03 #head {
	background:			#e0e0d5 url(../img/main03.jpg) no-repeat;
}

.section04 #head {
	background:			#e0e0d5 url(../img/main04.jpg) no-repeat;
}

.section05 #head {
	background:			#e0e0d5 url(../img/main05.jpg) no-repeat;
}

.section06 #head {
	background:			#e0e0d5 url(../img/main06.jpg) no-repeat;
}

.section07 #head {
	background:			#e0e0d5 url(../img/main07.jpg) no-repeat;
}

.section08 #head {
	background:			#e0e0d5 url(../img/main08.jpg) no-repeat;
}

.section09 #head {
	background:			#e0e0d5 url(../img/main09.jpg) no-repeat;
}


/********************************************************************************
						leftColumn
********************************************************************************/
#mainNavi {
	width:				auto; 
	list-style:			none;
	margin:				0;
	padding:			0 0 60px 0;
}

#mainNavi li {
	list-style:			none;
	margin:				0;
	padding:			0;
	display:			inline;
}

#mainNavi a,
#mainNavi a:link,
#mainNavi a:active,
#mainNavi a:visited {
	display:			inline-block;
	/* hide from ie/mac \*/
	display:			block;
	/* end hide */
	text-decoration:	none;
	margin:				0;
	font-weight:		bold;
	padding:			4px 0px 4px 20px;
	color:				#666652;
	background:			#e0e0d5 url(../img/bgNaviGrey.gif) no-repeat 10px 8px;
	border-bottom:		2px solid #ffffff;
}

#mainNavi a:hover {
	color:				#b2001a;
	background:			#e0e0d5 url(../img/bgNaviRed.gif) no-repeat 10px 8px;
}

#mainNavi strong a,
#mainNavi strong a:link,
#mainNavi strong a:active,
#mainNavi strong a:visited,
#mainNavi strong a:hover {
	color:				#b2001a;
	background:			#d4d4c3 url(../img/bgNaviRed.gif) no-repeat 10px 8px;
}

/******************* subNavi ********************************/

#mainNavi ul {
	margin:				0 0 0 0;
}

#mainNavi ul li a,
#mainNavi ul li a:link,
#mainNavi ul li a:active,
#mainNavi ul li a:visited {
	display:			inline-block;
	/* hide from ie/mac \*/
	display:			block;
	/* end hide */
	text-decoration:	none;
	margin:				0;
	padding:			4px 0px 4px 20px;
	color:				#666652;
	background:			#edede6 url(../img/bgNaviGrey.gif) no-repeat 10px 8px;
	border-bottom:		2px solid #ffffff;
}

#mainNavi ul li a:hover {
	color:				#b2001a;
	background:			transparent url(../img/bgNaviRed.gif) no-repeat 10px 8px;
}

#mainNavi ul li strong a,
#mainNavi ul li strong a:link,
#mainNavi ul li strong a:active,
#mainNavi ul li strong a:visited,
#mainNavi ul li strong a:hover {
	color:				#b2001a;
	background:			transparent url(../img/bgNaviRed.gif) no-repeat 10px 8px;
}

/******************* third level ********************************/

#mainNavi ul li ul li a,
#mainNavi ul li ul li a:link,
#mainNavi ul li ul li a:active,
#mainNavi ul li ul li a:visited {
	display:			inline-block;
	/* hide from ie/mac \*/
	display:			block;
	/* end hide */
	text-decoration:	none;
	margin:				0;
	padding:			4px 0px 4px 30px;
	color:				#666652;
	background:			#fbfbf9 url(../img/bgNaviGrey.gif) no-repeat 20px 8px;
	border-bottom:		2px solid #e9e9e2;
}

#mainNavi ul li ul li a:hover {
	color:				#b2001a;
	background:			#fbfbf9 url(../img/bgNaviRed.gif) no-repeat 20px 8px;
}

#mainNavi ul li ul li strong a,
#mainNavi ul li ul li strong a:link,
#mainNavi ul li ul li strong a:active,
#mainNavi ul li ul li strong a:visited,
#mainNavi ul li ul li strong a:hover {
	color:				#951d35;
	background:			#fbfbf9  url(../img/bgNaviRed.gif) no-repeat 20px 8px;
}

/********************************************************************************
						middleColumn
********************************************************************************/
#content {
	border-bottom:		1px solid #8c8c7d;
}

#content .csc-sitemap ul li {
	margin-bottom:		3px;
}

#teaser h1, #teaser h2, #teaser h3, #teaser h4, #teaser h5, #teaser h6 {
	border-bottom:		none;
	margin:				0 0 5px 0;
}

#teaser {
	float:				left;
}

#teaser .teaser {
	float:				left;
	width:				245px;
	margin:				15px 0px;
}

#teaser .teaser img {
	float:				left;
	margin:				0 5px 5px 0px;
}

#teaser .more {
	float:				right;
	margin:				-10px 0 0 0;
	font-size:			14px;
	font-weight:		bold;
}

#teaser .left {
	border-right:		1px solid #8c8c7d;
	padding-right:		10px;
}

#teaser .right {
	border-left:		1px solid #8c8c7d;
	margin-left:		-1px;
	padding-left:		10px;
}

/********************************************************************************
						rightColumn
********************************************************************************/
#searchForm {
	padding:			10px 0px 22px 15px;
}

#searchForm label {
	margin-right:		10px;
	color:				#666652;
}

#search {
	width:				175px;
	border-top:			1px solid #f7f7f5;
	border-right:		1px solid #949486;
	border-bottom:		1px solid #949486;
	border-left:		1px solid #f7f7f5;
}

#rightBox {
	width:				259px;
	height:				223px;
	_height:			230px;
	background-color:	#a3a397;
	margin-bottom: 		10px;
}

#rightBox h1, #rightBox h2, #rightBox h3, #rightBox h4, #rightBox h5, #rightBox h6 {
	font-size:			12px;
	border-bottom:		none;
	color:				#ffffff;
	text-align:			center;
	margin:				10px 0px 0px 0px;
}

#rightBoxContent {
	margin:				0px 9px;
	padding:			8px;
	/* width:				226px; */
	width:				auto;
	height:				158px;
	_height:			173px;
	background:			#ffffff url(../img/bgMutbuerger.gif);
	overflow:			hidden;
}

#rightBoxContent p {
	line-height:		18px;
}

#rightBoxContent h1, #rightBoxContent h2, #rightBoxContent h3, #rightBoxContent h4, #rightBoxContent h5, #rightBoxContent h6 {
	color:				#b2001a;
	text-align:			left;
	margin:				10px 0px 5px 0px;
	padding:			0px 0px 3px 0px;
}

#rightBox a {
	float:				right;
	color:				#ffffff;
	margin:				0 10px 0 0;
}

#RightTeaser {
	text-align:			center;
	margin:				10px 0;
}

#RightTeaser img {
	margin:				5px 0px;
}


/********************************************************************************
						TYPO3 styles
********************************************************************************/
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
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 */ 

/*******************************************************************************
								kontaktformular
********************************************************************************/

fieldset.csc-mailform
{
	border:				none;
}

fieldset.csc-mailform label
{
	clear:				left;
	float: 				left;
	width: 				12em;
}


fieldset.csc-mailform input,
fieldset.csc-mailform select,
fieldset.csc-mailform textarea
{
	float:				left;
	margin-bottom:		1em;
}

fieldset.csc-mailform .csc-mailform-field
{
	clear: 				both;
}

fieldset.csc-mailform .csc-mailform-submit
{
	clear: 				both;
	padding:			0.2em 0.7em 0.2em 0.7em;
	margin:				1.25em 0 1.25em 12em;

}

.csc-mailform-field {
	float:				left;
	clear: 				both;
	padding-bottom:		20px;
}


/*******************************  Style Indexed Search  ***************************************/
.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:#e60003; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#fafafa;font-size:0.8em;padding:5px; }
.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;font-size:0.8em; }
.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; }

.tx-indexedsearch-rules,
.tx-indexedsearch-searchbox form {
	background-color:#fafafa;
	padding:5px;
}

.tx-indexedsearch-rules {
	font-size:			0.9em;
}

.tx-indexedsearch  .tx-indexedsearch-res dl,
.tx-indexedsearch  .tx-indexedsearch-res dl dt,
.tx-indexedsearch  .tx-indexedsearch-res dl dd {
	margin:				0 0 0 0;
	padding:			0;
	line-height:		1.4em;
	font-weight:		normal;
}

.tx-indexedsearch a,
.tx-indexedsearch a:link ,
.tx-indexedsearch a:active,
.tx-indexedsearch a:visited {
	background-color:	transparent;
	padding:			2px;
}

.tx-indexedsearch a:hover {
	background-color:	transparent;
}

.tx-indexedsearch-search-submit {
	margin:				10px 0 10px 145px;
}

.browsebox {
	text-align:			center;
}

p.descr {
	padding:			0 0 0 0;
}

.error_message{
    color:        #b2001a;
}

































