/* @override http://apfeltasche.local/birko-flemming/css/public.css */

/* @group Font Typography */

body { font-size: 62.5%; font-family: Calibri, Verdana,Arial,sans-serif; 
}

h1   { 
	font-size: 1.9em;	
	text-transform: uppercase; 
	
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.2em;
}

h2   { font-size: 1.1em; font-style: normal; font-weight: bold; color:  #545454;}

h3   { font-size: 1.3em; font-style: normal; font-weight: bold; margin-bottom: 3em;}

a    { color: #992a1b; text-decoration: none;}
a:hover {
	text-decoration: underline;
}

p, ul, td, th, address, ol, dt, dd, label { 
	font-size: 1.5em;
	line-height: 1.8em;
	color: #80716b;
}

h1, h2, h3, h4, h5, h6, h7, 
legend, th, dt, label {
	color: #545454;
}



dt { font-style: italic; }
address { /*white-space: pre;*/ font-size: 1em; }

caption {
	font-size:1.2em;
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	color: #80716b;
}
/* @end */

/* @group Margins and Paddings */

h1, h2, h3 {
	margin-top: 39px;
	margin-left: 0em;
}

p {margin: 1.2em 0em; padding: 0px;}

address {margin: 1.2em 4em; padding: 0px;}

dt {
	margin: 0em 0.5em 0em 1em;
	padding: 0em;
}

dt a {text-decoration: none;}

dd {	
	margin: 0.8em 0.5em 1em 3em;
	padding: 0em;
}

img {border: 0px; margin: 0px; padding: 0px;}

li { margin: 0.7em 0.5em 0.5em 0.5em; }

/* @end */

/* @group General Layout */

html, body { 
	padding: 0;
 	margin: 0;
	height: 100%;
}

#container1 h1 {
	margin-top: 0;
}

#header {
	position: absolute;
	/*navigation must be visible*/
	z-index: 90;
	width: 100%;
	height: 178px;
	background: url(../img/header_bg.png) no-repeat;
}

#container1 {
	min-height: 100%;	
	width: 100%;
	position: absolute;
	margin:  0 0;
	padding: 0;
	background: url(../img/bg_horizontal.jpg) repeat fixed 0 178px;
}

#container2 {
	margin-top: 178px;
	padding-bottom: 60px;
}

div#navigation {
	position: absolute;
	z-index: 90;
	left: 115px;
	top: 153px;
	width: 600px;
	color: white;
}

div#mainContent {
	position: relative;
	/*z-index: 20;*/
	top: 44px;
	margin-bottom: 20px;
	width: 574px;
	padding-bottom: 123px;
}

div#container2 div.left {
	left: 80px;
}

div#container2 div.right {
	left: 400px;
}

div#mainContentBody {
	position: relative;
	/*z-index: 20;*/
	width: auto;
	padding: 0px 20px;
	background: url(../img/paperBody.png) repeat-y;
}

div#mainContentBody h1 {
	margin: 0; padding: 0;
}

div#mainContentBody * {
	position: relative;
	z-index: 110;
}

div#mainContentTop {
	height: 19px;
	width: 574px;
	z-index: 10;
	top: 0px;
	background: url(../img/paperTop.png) no-repeat;
}


div#mainContentBottom {
	border: 0px solid red;
	height: 139px;
	width: 100%;
	position: absolute;
	z-index: 10;
	bottom: 0px;
	background: url(../img/paperBottom.png) repeat scroll;
}

/*div#zTest {
	position: relative;
	z-index: 60;
}*/

div#footer { 
	position: fixed;
	/*z-index: 40;*/
	bottom: 0;
	/*height: 550px;*/
	width: 100%;
}

div#portrait {
	position: fixed;
	bottom: 0;	
	z-index: 40;
	width: 571px;
	height: 550px;
	border: 0px solid red;
	background: url(../img/portraits/portrait_9.png) no-repeat left bottom;
}

/* @group footer portrait classes */

div#footer div.left {
	margin-left: 0px;
}

div#footer div.right {
	margin-left: 540px;
}

div#footer div.portrait_4 {
	background-image: url(../img/portraits/portrait_4.png);
}

div#footer div.portrait_1 {
	background-image: url(../img/portraits/portrait_1.png);
}

/* @end */




div#footer div#footerBar {
	height: 30px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 110;
	opacity: 0.8;
	border: 0px solid red;
	background-color: #7e1813;
}

#decoration {
	position: fixed;
	z-index: 40;
	top: 177px;
	left: 0;
	height: 100%;
	width: 100px;
	background: url(../img/filmstreifen_single.png) repeat-y;
}

#decoration2 {
	position: absolute;
	/* not "top" set because it wont suite 
	with height:100% */
	left: 0;
	height: 100%;
	width: 100px;
	background: url(../img/filmstreifen_single.png) repeat-y;
}


/* @end */

/* @group Navigation */

div#navigation {
	width: auto; 
}

div#navigation ul {
	list-style-type: none;
	margin: 0px; 
	padding: 0px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.17em;
}

div#navigation ul li a {
	color: #aea18a;
	text-decoration: none; 
	display: block;
	line-height: 100%;
}

div#navigation ul.depth0 li {
	display: block;
	float: left;
	margin: 0em;
}

div#navigation ul.depth0 li a,
div#navigation ul.depth0 li span{
	/*padding here to increase size of clickable field left of the link text*/
	padding: 3px 8px 1px;
	margin: 2px 5px 1px;
	/*height: 20px;*/
	display: block;
	background-color: #000;
}

div#navigation ul.depth1  {
	position:  absolute;
	top: 52px;
	left: 350px;
	padding: 0;
	font-size: 93%;
	float: none;
	border: none;
	width: 500px
}

div#navigation ul.depth1 li {
	padding: 0.1em 0em 0.4em 1.6em;
	font-size: 93%;
	float: left;
	border: none;
	width: auto;   
}

div#navigation ul.depth1 li a,
div#navigation ul.depth1 li span{
	padding-left: 1em;
	font-size: 1.2em;	
	font-weight: bold;
	color: black;
	background-color: #f0e9cd;
}

div#navigation ul.depth1 li a:hover{
	color: #f7f5e8;
	background-color: #7a6545;
}


div#navigation ul li a:hover,
div#navigation ul li.active a:hover {
	color: white;
	text-shadow: #fff 0 0 4px;
}


div#navigation ul.depth0 > li.active > a,
/*div#navigation ul.depth1 li.sectionTitleRepeat a,*/
#navigation .depth1 li.active a {
	color: black;
	background-color: #9d1800;
	font-weight: bold;
}

/* @end */

/* @group Tables */

table, td, th {
	border: 0px solid #d2d2d2; /* wird unten überschrieben */ 
}
	
table {
	margin: 2.0em 1em 1.5em 1em;
	padding: 0px;
	border-collapse: collapse;
}

td, th { 
	padding: 3px 3px;
	margin: 0px; 
	vertical-align: top;
	text-align: left;
	line-height: 1.1em;
	border-top-width: 1px;
	border-top-style: dotted;
}

th {
	font-weight: normal;
	font-style: normal;
}

/* @end */

/* @group Miscellaneous */

div#header h1 {
	display: none;
}


div#mainContent p {
	margin: 1em 0em;
	padding: 0;
}


p#breadcrumbs {
	font-size: 0.9em;	
}

p#accesskeysSwitcher {
	float: right;
	font-size: 0.7em;
	padding: 0em;
	margin: 0.4em;
}

#magnify {
	display: block;
	position: absolute;
	top: 30%;
	width: 880px;
	font-size: 4.8em;
	background-color: #616161;
	color: white;
	opacity: 0.8;
	z-index: 12;
	text-align: center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin-left: 50px;
}

ul {
	list-style-type: none;
}

div#flashMessage {
	color: green;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #bcfdbc;
	padding: 1.5em 0.5em;
	border: 1px solid green;
}


/* @end */

/* @group page-specific */

/* @group Contact-Form */

fieldset.contactForm textarea{
	height: 350px;
	width: 280px;
}

fieldset.contactForm .submit input{
	margin-left: 200px;
	margin-top: 20px;
	width: 200px;
}

fieldset.contactForm .text input{
	width: 280px;
}

/* @end */

/* @group ImageGallery */

table.imgGallery  {
	border-collapse: separate;
	border: none;
	border-spacing: 2px;
}

table.imgGallery td {
	padding: 0;
	height: 170px;
	width: 170px;
	vertical-align: middle;
	text-align: center;
	background-color: #7f7b6f;
	margin: 0px;
	border: none;
}

table.imgGallery td img {
	border: 1px solid #d3ccb8;
}


/* @end */

/* @group xyzProductions */

table.productions h2 {
	font-size: 1.8em;
	color: #727272;
	margin: 0.2em 0.2em 0.1em 4em;
}

table.productions th {
	font-style: italic;
	background-color: #d0cfc2;
}

table.productions td,
table.productions th {
	border: none;
	border-top: 1px dotted silver;
}

table.productions td.buehne {
	width: 150px;
}

table.productions td.titel {
	width: 175px;
}

table.productions em {
	font-size: 0.8em;
	color: #727272;
}

/* @end */

/* @group friends  */

table.friends  {
	border-collapse: separate;
}

table.friends td {
	text-align: center;
	border-collapse: separate;
	border: 1px dashed silver;
	margin: 2px;
	vertical-align: middle;
}


table.friends tr:hover {
	background-color: white;
}

table.friends th {
	border: none;
	font-size: 1.6em;	
	text-align: left;
	vertical-align: middle;
	
}

table.friends td img {
	border: 5px solid silver;
}

/* @end */




/* @end */

/* @group forms */

fieldset {
	border: 1px solid #D2D2D2;
	margin-bottom: 20px;
	padding: 8px
}

fieldset.teilnehmer {
	margin-bottom: 10px;
	width: 420px;
}

legend {
	font-size: 12px;
}

label {
	display: block;
	float:  left;
	width: 12em;/*120px*/
	text-align: right;
	clear: both;
	color: #80716b;
	margin: 0px;
	padding-right: 20px;
	padding: 2px 8px;
}


label.nofloat,
div.noLabelFloat label {
	float:  none;
	width: auto;
	text-align: left;
	padding-left: 1em;
}

label.noblock {
	display: inline;
	float: none;
	clear: none;
}

div.input {
	margin-bottom: 0.7em;
}

div.labelInline label {
	display: inline;
	clear: none;
}

div.labelInline input {
	clear: none;
	display: inline;
	float: none;
	margin-left: 2em;
}

/* @group SurveyForm */

div#mainContent div.survey p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-top: 0;
}

div#mainContent h1.checkOutThanks {
	margin: 4em 1em 6em 1em;
}

/* @end */

input.textfield {
	width: 200px;
}

div.eventChooser label {
	clear: none;
	display: inline;
}

div.eventChooser input {
	clear: both;
}

div.required label {
	font-weight: bold;
}

/* @group form validation */

div.error-message {
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}

div.error {
	background-color: #fdd8d9;
	padding: 0.5em;
	border: 1px solid #ff9b9c;
}


/* @end */

div.fieldset {
	/*braucht ie5.5win */
	clear: both;
	margin-bottom: 25px;
	width: auto;
}

fieldset table  td
 {
	border-width: 0px;
}

.errormsg {
	color: red;
}

fieldset#fehlermeldungen {
	color: red;
}



/* @end */