/*******************************************************************************
				Standard-CSS for www.habsburg.net
********************************************************************************/
@charset "charset=iso-8859-1";

/*
	Colors
	======
	
	Fonts:
	Standard				= #003070
	Boxes					= #808080
	Navi active				= #F7A55A
	
	=================================
	
	Boxes boder				= #D1D1D1
	Breadcrump bg			= #D1D1D1
	
	
	
	Important sizes
	===============
	Left column				= 180px
	Middle column			= 560px
	Right column			= 180px
	Between columns			= 20px
   
*/
		

/********************************************************************************
						General CSS-Data
********************************************************************************/
*
{
	padding:			0px; 
	margin:				0px; 
}

img
{
    border: 			0;
}

.clear
{
	display:			block;
	line-height:		1px;
	height:				1px;
	overflow:			hidden;
	clear:				both;
}

body
{
    font-size:			14px;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#003070;
	border:				0;
	line-height:		20px;
	background-color:	#D1D1D1;
	text-align:			center;
}

#skip
{
	position:			absolute;
	left:				-3000px;
}

#skip a:focus,
#skip a:active
{
	position:			absolute;
	left:				3000px;
	top:				0px;
	font-weight:		bold;
	color:				#000000;
	outline:			none;
	width:				900px;
}

label
{
	cursor: pointer;
}

abbr, acronym
{
    cursor: help;
}

hr
{
    margin: 0;
    border: 0;
    padding: 0;
    height: 1px;
}

input, button, select, textarea
{
    font-size: 1em;
    vertical-align: middle;
}

a:link, a:visited
{
    color:				#003070;
}
a:hover,
a:active
{
    text-decoration: none;
}
h1
{
	display:			none;
}



/*******************************************************************************
								structure
********************************************************************************/
#rootCenter
{
	position:			relative;
	margin:				auto;
	text-align:			left;
	top:				20px;
	width:				965px;
}

#root
{
	background-color:	#FFFFFF;
	float:				left;
	margin-bottom:		50px;
}

#top
{
	float:				left;
	margin:				10px 10px 20px 10px;
	width:				947px;
	background-color:	#D1D1D1;
}

#container
{
	float:				left;
	width:				750px;
	margin:				0px 0px 0px 10px;
}

#leftColumn
{
	float:				left;
	width:				180px;
	line-height:	15px;
	margin-top:   75px;
}

#content
{
	float:				right;
	width:				550px;
}

#rightColumn
{
	float:				left;
	margin-left:		17px;
	width:				180px;
}

/*******************************************************************************
								structur for big content
********************************************************************************/

#container.wide
{
	width:				947px;
}

#content.wide
{
	width:				747px;
}

/*******************************************************************************
								bereichsnavigation
********************************************************************************/
#areas
{
	float:				left;
	width:				190px;
	font-size:			12px;
}

#areas a
{
	display:			block;
	color:				#FFFFFF;
	text-decoration:	none;
	width:              185px;
	padding-left:		5px;
}

#areaNavi
{
    position:           absolute;
    top:                auto;
    left:               auto;
	background-color:   #ffffff;
	width:              190px;
	height: 90px;
}

.area0 {
	background-color:   #808080;
	color:				#ffffff;
	padding-left:		5px;
}

.area1 {
	background-color:   #ff7200;
}
.area1 a:hover {
	background-color:	#fba55f;
}

.area2 {
	background-color:   #0089d2;
}
.area2 a:hover {
	background-color:	#51b2e6;
}

.area3 {
	background-color:   #00a844;
}
.area3 a:hover {
	background-color:	#00db59;
}

.area4 {
	background-color:   #a80000;
}
.area4 a:hover {
	background-color:	#e65151;
}
/* show layers */
#areas:hover ul {
    display:            block;
	width:              190px;
}

#areaNavi li {
    display:            block;
    border-top:         1px solid #ffffff;
}

#areaNavi li.active {
	display:			none;
}

/*******************************************************************************
								breadcrump
********************************************************************************/
#breadcrump
{	
	float:				left;
	width:				550px;
	margin:				0px 10px 0px 10px;
}
#breadcrump a
{
	color:				#003070;
	text-decoration:	none;
}
#breadcrump a:hover,
#breadcrump a:active,
#breadcrump a:focus
{
	text-decoration:	underline;
}
/********************************************************************************
								search
********************************************************************************/
#search
{
	float:				right;
	width:				180px;
	font-size:			12px;
}

#search form
{
	float:				left;
	margin-right:		5px;
}

#search form label
{
	display:			none;
}

#search form input.input
{
	width:				75px;
	height:				16px;
	color:				#004D57;
}

#search form input.bu
{
	width:				30px;
	height:				16px;
	border:				1px solid #9A7752;
	color:				#FFFFFF;
	font-weight:		bold;
	background:			#F7A55A;
}

#search #language a img
{
	margin-left:		3px;
	margin-top:			5px;
}


/*******************************************************************************
							left column
********************************************************************************/

#leftColumn ul
{
	list-style:			none;
}

#leftColumn #leftMenu .area1,
#leftColumn #leftMenu ul.area2,
#leftColumn #leftMenu ul.area3,
#leftColumn #leftMenu ul.area4,
#leftColumn #subleftMenu ul.area0,
#leftColumn #subleftMenu ul.area1,
#leftColumn #subleftMenu ul.area2,
#leftColumn #subleftMenu ul.area3,
#leftColumn #subleftMenu ul.area4
{
	background-color:   #ffffff;
}

#leftColumn ul.main li
{
	display:			inline;
	text-transform:		uppercase;
}

#leftColumn ul.main li a
{
	display:			block;
	text-decoration:	none;
}
#leftColumn ul.main li a:hover,
#leftColumn ul.main li a:active,
#leftColumn ul.main li a:focus
{
    text-decoration:	underline;
}

#leftColumn ul.area1 li a {
	color:				#ff7200;
	background-color:	#ffffff;
}

#leftColumn ul.area2 li a {
	color:				#0089d2;
	background-color:	#ffffff;
}

#leftColumn ul.area3 li a {
	color:				#00a844;
	background-color:	#ffffff;
}

#leftColumn ul.area4 li a {
	color:   #a80000;
	background-color:	#ffffff;
}

#leftColumn .current,
#rightColumn .current
{
	font-weight:		bold;
}

/*******************************************************************************
							left sub navigation
********************************************************************************/

#subleftMenu ul.sub
{
	margin-top:			30px;
}

#subleftMenu ul.area0
{
	margin-top:			0px;
}

#subleftMenu ul.sub li
{
	display:			inline;
}

#subleftMenu ul.sub ul
{
	margin:				0px 0px 30px 15px;
}
#subleftMenu ul.sub li
{
	margin-bottom:		5px;
}
#subleftMenu ul.sub ul li
{
	margin-bottom:		5px;
}

#subleftMenu ul.sub li a
{
	display:			block;
	color:				#808080;
	margin-bottom:		5px;
	text-decoration:	none;
}
#subleftMenu ul.sub li a:hover,
#subleftMenu ul.sub li a:active,
#subleftMenu ul.sub li a:focus
{
    text-decoration:	underline;
}
#subleftMenu ul.sub a.current {
	color:				#F7A55A;
}

#subleftMenu ul.area0 a.current {
	color:				#808080;
}

#subleftMenu ul.area2 a.current {
	color:				#0089d2;
}

#subleftMenu ul.area3 a.current {
	color:				#00a844;
}

#subleftMenu ul.area4 a.current {
	color:   #a80000;
}

/*******************************************************************************
									service
********************************************************************************/
#leftColumn .box
{
	/* margin-top:			30px;*/
}
#leftColumn h2
{
	margin-top:			30px;
}


/*******************************************************************************
									box
********************************************************************************/
.box
{
	margin-bottom:		30px;
}
.box div.top
{
	color:				#FFFFFF;
	font-weight:		bold;
	background-color:	#808080;
	line-height:		20px;
	padding-left:		10px;
	text-transform:		uppercase;
	font-size:			12px;
}
.csc-header h2
{
	color:				#FFFFFF;
	font-weight:		bold;
	background-color:	#808080;
	line-height:		20px;
	padding-left:		10px;
	text-transform:		uppercase;
	font-size: 			12px;
		
}

.box div.body
{
	border:				1px solid #D1D1D1;
	margin-top:			2px;
	padding:			5px 0px 5px 0px;
	/* text-align:			center;*/
}
.box div.body p
{
	padding:			0px 10px 20px 10px;
	text-align:			left;
	font-size:			12px;
	line-height:		15px;
}

.box div.body p a
{
	text-decoration:	none;
}

.box div.body p a:hover,
.box div.body p a:active,
.box div.body p a:focus
{
	text-decoration:	underline;
}

.box ul,
.box ol
{
	/* border:				1px solid #D1D1D1;*/
	margin-top:			2px;
	padding:			5px 0px 5px 10px;
}

.box ul li
{
	display:			inline;
	margin-bottom:		5px;
}

.box ol li
{
	margin-bottom:		5px;
}

.box ol
{
	padding-left:		30px;
}

#root .box ul li a,
#root .box ol li a
{
	display:			block;
	color:				#808080;
	text-decoration:	none;
	line-height:		16px;
	margin-bottom:		5px;
}
#root .box ul a:hover,
#root .box ul a:active,
#root .box ul a:focus,
#root .box ol a:hover,
#root .box ol a:active,
#root .box ol a:focus
{
    text-decoration:	underline;
}




/*******************************************************************************
								content
********************************************************************************/
#content h1, #content h2
{
	font-size:			14px;
	margin-bottom:		10px;
	display:			block;
	clear:				both;
}

#content p
{
	margin-bottom:		10px;
}

#content ul,
#content ol
{
	margin-left:		15px;
}

#content .imgRight
{
	float:				right;
	margin:				0px 0px 15px 15px;
	line-height:		12px;
	font-size:			10px;
}

#addons
{
  	clear:				both;
	
}
#line
{
    padding-top:		10px;
	border-top:			1px dotted #D1D1D1;
}
#back{
 
 float:left;
 width: 60px;
 
}
#next{
 
  float: right;
  
}
input
{
	border: 1px solid #CCCCCC;
}

/*******************************************************************************
								puzzle
********************************************************************************/

.puzzle_seperator {
	clear:				both;
	margin:				20px;
	height:				20px;
}

.puzzle
{
	float:				left;
	width:				270px;
}

.puzzle div
{
	padding-right:		10px;
}

table .left
{
	vertical-align:		top;
	padding-right:		10px;
}


/*******************************************************************************
								chapter navigation
********************************************************************************/

#chapter
{
	float:				left;
	clear:				both;
	margin:				20px 0px 20px 0px;
	font-size:			12px;
}

#chapter a
{
	text-decoration:	none;
}

#chapter ul li span:hover,
#chapter span:active,
#chapter span:focus
{
    text-decoration:	underline;
}

#chapter ul
{
	list-style:			none;
	margin:				0px;
}
#chapter ul li
{
	float:				left;
	width:				80px;
	margin:				0px 4px 20px 4px;
	border:				1px solid #d1d1d1;
}

#chapter ul li span
{
	margin:				5px 0px 0px 3px;
	display:			block;
}

#chapter ul li.current
{
	background-color:	#d1d1d1;
}

/*******************************************************************************
								big chapter images
********************************************************************************/

.wide #chapter ul li
{
	width:				110px;
}

.wide #chapter
{
	margin:				0px 0px 20px 0px;
}


/*******************************************************************************
								homepage
********************************************************************************/
#root.homepage
{
	width:				948px;
	padding:			100px 9px 20px 10px;
}

#root.homepage .top
{
	float:				left;
	padding-bottom:		20px;
}

#root.homepage .top div
{
	float:				right;
	margin-top:			10px;
}

#root.homepage .top div#title_text
{
	float:				none;
	margin-top:			0px;
}

#root.homepage .top span
{
	color:				#bbbbbb;
	font-size:			40px;
	line-height:		40px;
	font-weight:		normal;
	letter-spacing:		5px;
	font-variant:		small-caps;
}


#root.homepage .top .wappen
{
	float:				left;
	margin-bottom:		30px;
}

#root.homepage .language
{
	text-transform:		uppercase;
	font-size:			10px;
}

#root.homepage a.language
{
	text-decoration:	none;
}
#root.homepage a.language:hover,
#root.homepage .a.language:active,
#root.homepage .a.language:focus
{
    text-decoration:	underline;
}

#homepageContent
{
	clear:				both;
	display:			inline;
}

#root.homepage h1, #root.homepage h2
{
	font-size:			14px;
	margin-bottom:		10px;
	display:			block;
	clear:				both;
}

.homepage .top div#language
{
	float:				left;
}

.homepage .color
{
	height:				10px;
	margin-bottom:		20px;
	margin-top:			5px;
	line-height:		1px;
	font-size:			1px;
}

.homepage #left,
.homepage #middle,
.homepage #right
{
	float:				left;
	width:				315px;
	margin-right:		1px;
}

.homepage #left .color
{
	background-color:	#ff7200;
}

.homepage #left .text,
.homepage #middle .text
{
	padding-right:		10px;
}

.homepage #middle .color
{
	background-color:	#0089d2;
}

.homepage #right .color
{
	background-color:	#00a844;
}


/*******************************************************************************
								sitemap
********************************************************************************/

div.csc-sitemap a
{
	text-decoration:	none;
}

div.csc-sitemap a:hover,
div.csc-sitemap a:active,
div.csc-sitemap a:focus
{
    text-decoration:	underline;
}

div.csc-sitemap ul
{
	margin:				20px 0px 20px 0px;
	padding:			0;
	list-style-type:	none;
}

div.csc-sitemap ul li
{
	margin: 			0;
	padding:			0px 0px 0px 20px;
	/* background:			transparent url("/fileadmin/template/img/arrow.gif") no-repeat left top; */
	background-image:	url("/fileadmin/template/img/arrow.gif");
	background-repeat:	no-repeat;
	background-position:0px 5px;
}

div.csc-sitemap ul ul
{
	margin:				0px 0px 20px 0px;
	/* background:			url("/fileadmin/template/img/arrow.gif") repeat-y left; */
	list-style-type:	none;
}


/*******************************************************************************
								kontaktformular
********************************************************************************/

fieldset.csc-mailform
{
	border:				none;
}

fieldset.csc-mailform label
{
	clear:				left;
	float: 				left;
	width: 				150px;
}

fieldset.csc-mailform input,
fieldset.csc-mailform textarea
{
	float:				left;
}

fieldset.csc-mailform .csc-mailform-field
{
	height: 			25px;
	clear: 				both;
}

fieldset.csc-mailform .csc-mailform-submit
{
	clear: 				both;
	padding:			2px 10px 2px 10px;
	margin:				20px 0px 20px 150px;
	border:				1px solid #888888;
}




table.familyTree td
{
	padding:			8px 0px 8px 0px;
}


/*******************************************************************************
								typo3 styles
********************************************************************************/

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
.csc-textpic-caption {
	font-size: 13px;
	line-height: 20px;
}
DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:	10px;text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:	10px;text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:	10px;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: 2px 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 */


/*******************************  indexedsearch ***************************************/
.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;
border-style: solid;
border-width: 1px;
border-color: #CCCCCC;
}		
.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:red; }		
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }		.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; }		
.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; }


/**********************************
 * Memory
 * ********************************/
.tx-komemory-pi1 table {
	border-spacing: 5px;
}