/* style information on the Star Carr website */
body {
  margin-left: 2em; margin-right: 2em;
  background: #ffffff;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 100.01%;
}
* { margin: 0; padding: 0;}

a:link { color: #003399; }
a:visited { color: #993300; }
a:hover { color: #3399cc; }
a:active { color: #3399cc; }


/* special navigation-link-behaviour*/
a:link.navi { color: #ffffff; background: #000033; text-decoration: none; }
a:visited.navi { color: #ffffff; text-decoration: none; }
a:hover.navi { 
				color: #000033; background: #ffffff;
				text-decoration: none;
}
a:active.navi { color: #0000ff; text-decoration: none; }

/*-----------------------------------------------*/

em { font-style: italic; }

/* style for the header of the page including navigation*/
div.top {
	background: #000033;
	margin-top: 1em;
	padding-top: 1em;
	text-align: left;
}
div.top ul { list-style-type: none;
	float: left;
	background: #000033;
	margin: 0;
	padding: 0em;
}
div.top li { margin: 0; padding: 0; }
div.top img { width: 12em; border: solid 3px #000033; }
div.title {
	margin-top: 0em; margin-left: 12.2em; margin-right: 0em; margin-bottom: 0em;
}
div.navi {
	font-size: 0.8em; color: #cccccc;
	padding: 0em;
	margin-top: 2em;
}
div.navi .home {color: #ccccff; background: #000033; }
div.top h1 {
	margin-left: 0em;
	margin-top: 0em; margin-bottom: 0em;
	font-size: 2.3em; color: #ffffff;
	font-style: italic; font-weight: normal;
}

div.top h2 {
	padding-left: 6em;
	margin-top: 0em;
	border-top: solid 1px #cccccc;
	font-size: 1.5em; color: #cccccc;
	font-style: normal; font-weight: normal;
}
/* end of header styling--------------------------------------------------*/

/* page-main-content-styling -----------------------------------------------*/

div.body { 
	background: #ffffff; color: #000000;
	margin: 0em;
	padding: 0em;
}
div.body img { width: 12em; border: solid 3px #000033; }
/* images included in the text without margin -----------------*/
div.imageinc img {
	width: auto; margin: 0em; border: solid 0px #000033;
}
/*-------------------------------------------------------------*/
div.body ul { list-style-type: none;
	float: left;
	margin-right: 0em; margin-top: 0em; margin-left: 0em;
	padding: 0em;
}
div.body li { 
	margin: 0; padding: 0;
}
div.body h3 {
	padding-top: 1em; padding-bottom: 1em; padding-right: 3em;
	color: #000033;
}
div.body p { 
	padding-top: 0.5em; padding-bottom: 1em; padding-right: 3em; }
div.wrap {
	clear: both;
	margin-top: 1em; 
	background: #ffffff;
}
/* text style for the main-content, including the bold blue first letter of each paragraph*/
div.text p:first-letter {color: #000033; font-weight: bold; }
div.text {
	margin-top: 0em; margin-left: 18em; margin-right: 0em; margin-bottom: 0em;
}
p.video{ background: #ccccff; margin-right: 0em; padding: 0.3em 0.3em 0.3em 0.5em; }
div.additional { margin-top: 2em; margin-left: 18em; margin-right: 2em; margin-bottom: 0em; }
div.additional p{ 
	margin: 0.5em 0em 0.5em 0em;
	font-size: 0.9em;
}
/*-------------------------------------------------------------------------------*/

/* additional styling fo the foto-page----------------------------------------------------------------*/
div.foto { 
	background: #ffffff; color: #000000;
	margin-left: 12.2em;
	padding: 0em;
	text-align: left; margin-bottom: 1em;	
}
div.foto h3 {
	margin: 0;
	padding: 2em 0 0.5em 0;
	color: #000033;
}

div.foto p {margin-bottom: 1em; }
div.foto img { width: 12em; border: 1px solid #000033; }
/** html div#Inhalt {
    height: 1em;  Workaround gegen den 3-Pixel-Bug des Internet Explorers 
    margin-bottom: 0;
}*/
	
div.table {
	/*display: table;*/
	font-size: 0.8em; margin: 0;
}

/*--- css-style-table rows- each defined separately 
because fo the use of a class and an id together in 
the div-tag and valid xhtml demands to use an id only once----*/
div#row { /*display: table-row;*/
	clear: both;
	padding: 0; margin: 0.5em 0 0 0;
}

div#row2 { /*display: table-row;*/
	clear: both;
	padding: 0; margin: 0.5em 0 0 0;
}
div#row3 { /*display: table-row;*/
	clear: both;
	padding: 0; margin: 0.5em 0 0 0;
}
div#row4 { /*display: table-row;*/
	clear: both;
	padding: 0; margin: 0.5em 0 0 0;
}

div#seprow {
	clear: both;
	padding: 0 0 0.7em 0; margin: 0;
	border-bottom: solid 1px #000033; margin: 0em; width: 43em;
}

div#seprow2 {
	clear: both;
	padding: 0 0 0.7em 0; margin: 0;
	border-bottom: solid 1px #000033; margin: 0em; width: 43em;
}
/* end of the css table row definitions --------------------------------*/

/* definition of the css style table cell containig fotos */
div.fotocell {
	/*display: table-cell;*/
	display: inline; float: left;
	width: 12em;
	margin-left: 1em; margin-right: 1em; margin-top: 0.5em; text-align: center;
	border: 0px solid #000033;	
}
/*---------------------------------------------------------*/

/* definition of the css style table cell containig text --*/
div.textcell { /*display: table-cell;*/
	 display: inline; float: left;
	 width: 11em; margin-left: 1.6em; margin-right: 1.6em; margin-top: 0em; margin-bottom: 0em;
	 vertical-align: top; text-align: justify; }
/*---------------------------------------------------------*/

/* end of foto-page style - additions --------------------------------------------*/



/* alternative text-style for the photo-page -------------------------------------*/
div.text2 {
	margin-top: 0em; margin-left: 0em; margin-right: 0em;
}
/*--------------------------------------------------------------------------------*/


/* end of main-content-styling ------------------------------------------------------------------*/


/* footer-styling--------------------------------------------------------------------------------*/
div.footer {
	clear: both;
    font-size: 0.83em;
	height: 1.5em;
    margin: 1.5em 0 0; padding: 0;
    text-align: center;
    background-color: #ffffff;
    border-top: 2px dotted #000033;
}
div.footer p { color: #000033; font-size: 0.7em; margin-bottom: 0.5em; }
div.footer img, a { border: 0px; }

/* end of footer-styling--------------------------------------------------------------------------*/


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}



/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */