/*
 * ZEN WIREFRAME v3.0
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * (c) 2005-2009 - Gregory Remington, www.mediatech.net
 *  License: GPL and MIT
 */
/******************/
/* Content Layout */
/******************/
#container {
	width: 960px;
	padding: 0 10px;
	border-left: solid 1px #f0f0f0;
	border-right: solid 1px #f0f0f0;
	background-color: #fff;
}
#header {
	width: 960px;
	height: 86px;
}
#home {
	z-index:10;
	position: absolute;
	width: 300px;
	height: 70px;
	left: 50%;
	margin-left: -460px;
	top: 5px;
}
#header-elements {
	position: absolute;
	top: 0px;
}
#header-graphic img {
	border-width: 0px;
}
#search {
	z-index:11;
	position:absolute;
	right:50%;
	margin-right: -460px;
	top: 88px;
	width:162px;
	height: 28px;
	display:block;
	background: transparent url(../images/searchbg.png) no-repeat;
}
#nav {
	position: absolute;
	width: 400px;
	top: 25px;
	right: 50%;
	margin-right: -226px;
	padding-right: 6px;
}
#member-links {
	position: absolute;
	width: 200px;
	right: 50%;
	top: 25px;
	margin-right: -426px;
	padding-right: 6px;
}
#sections {
}
#scroller {
}
#content {
	width: 960px;
	padding: 0;
	margin: 0;
}
#left-column {
	margin-left: 10px;
	padding-top: 8px;
}
#center-column {
}
#right-column {
	margin-left: 8px;
}
#footer {
	background-color:#fff;
}
#footer p {
	margin:8px 0px 0px 6px;
	font-size:10px;
	font-weight:bold;
	color:#555;
}
#footer a {
	font-size:10px;
	font-weight:bold;
	color:#555;
}
#footer a:hover {
	color:#333;
}
#bottom-nav {
	height:40px;
	background: #fff;
	margin-bottom: 15px;
	border-left: solid 1px #f0f0f0;
	border-right: solid 1px #f0f0f0;
	border-bottom: solid 2px #f0f0f0;
	padding: 10px 10px 0 10px;
	text-indent: 15px;
}
#bottom-nav.pci-icon {
	height:40px;
	background: #fff url(/fileadmin/templates/files/pciicon.gif) bottom right no-repeat;
	margin-bottom: 15px;
	border-left: solid 1px #f0f0f0;
	border-right: solid 1px #f0f0f0;
	border-bottom: solid 2px #f0f0f0;
	padding: 10px 10px 0 10px;
	text-indent: 15px;
}
#bottom-nav,#bottom-nav a {
	font-size:10px;
	font-weight: normal;
	color: #ccc;
}
#bottom-nav a:hover {
	color: #333;
}
#bottom-nav ul li {
	list-style:none;
	display:inline;
}
#finish {
	font-size: 10px;
	color: #ccc;
	height: 30px;
}
#finish a {
	color: #ccc;
	font-weight: bold;
}

#finish .left {
width: 50%;
float: left;
}

#finish .right {
width: 50%;
float: right;
text-align: right;
}


/***************************************/
/* Interior Content Elements and Forms */
/***************************************/
#search input {
/* 	vertical-align:top; */
}
#search input.searchfield {
	width:128px;
	color:#555;
	font-size:11px;
	padding: 3px 0 2px 3px;
	background: transparent;
	float: left;
	margin: 5px 0 0 6px;
	border: none;
}
#search input.searchimage {
	border:0;
	margin-top: 0px;
	background: transparent;
}
#advsearch-link {
	margin-left:0px;
	letter-spacing:-0.1px;
}
#advsearch-link a {
	font-weight:normal;
	text-decoration:none;
}
#member-welcome {
	color: #fff;
}
#member-links li {
	list-style:none;
	float: left;
}
#member-links a {
	display: block;
	position: relative;
	color: #f5f5f5;
	padding: .75em 1em;
	line-height: 1;
}
#member-links a:hover {
	color: #fff;
	background-color: #f00;
	text-decoration: none;
}
#member-links input {
	color:#f5f5f5;
	background-color:transparent;
	border:0px solid transparent;
	margin:0px;
	padding: .75em 1em;
	line-height: 1;
}
#member-links input:hover {
	background-color:transparent;
	color:#fff;
	background-color: #f00;
}
.pipe {
	margin-right: 2px;
	border-right: dotted 1px #ff0000;
}
.pipe-l {
	margin-left: 2px;
	border-left: dotted 1px #ff0000;
}
.no-pipe {
	margin-right: 2px;
	border-right: none;
}
/***************************************************************/
/* Content navigation bar (Breadcrumb, Print and Tip-a-Friend) */
/***************************************************************/
#content h3 {
	padding: 0;
	margin: 0;
}
#content-navigation {
	position: relative;
	z-index: 10;
	text-align:right;
	vertical-align:bottom;
	font-weight:normal;
	padding: 5px 0;
}
#content-navigation img {
	margin:0;
	padding-left:4px;
	padding-top: 3px;
	vertical-align:top;
}
#content-navigation a {
	padding-right:4px;
	text-decoration:none;
	font-weight: normal;
	color: #999;
}
#breadcrumb {
	float: left;
	color: #999;
}
#breadcrumb a {
	color: #999;
	text-decoration: underline;
	font-size: 11px;
}
#breadcrumb a:hover {
	text-decoration: underline;
	color: black;
}
#print,#tipafriend,#pdf {
	float:right;
	padding-top: 4px;
}
/****************************/
/* Vertical navigation menu */
/****************************/
#vertnav-title {
}
#vertnav-menu {
}
.vertnav-header,.vertnav-header a {
	padding:2px 6px;
	font-size:16px;
	font-weight:bold;
	color:#444;
	/*background:url(../images/frame1.jpg) 0 0 no-repeat;
	*/ /* uncomment this if you want to use a background image*/
	background:#ddd;
	border-top:2px solid #f5f5f5;
	/*silver*/
	border-bottom:2px solid #fff;
	/*white*/
}
.vertnav1 a {
	margin:0px;
	width:210px;
	display:block;
	padding:5px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color: #777;
}
.vertnav1 a:hover {
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color:#444;
	text-decoration:none;
}
.vertnav1-act a,.vertnav1-act a:hover {
	margin:0px;
	width:210px;
	display:block;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	color:#444;
}
.vertnav2 a {
	margin:0px;
	width:187px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color: #777;
}
.vertnav2 a:hover {
	background:url(../images/nav-arrow.gif) 10px 8px no-repeat;
	color:#444;
	text-decoration:none;
}
.vertnav2-act a,.vertnav2-act a:hover {
	margin:0px;
	width:197px;
	display:block;
	padding:5px 5px 5px 18px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/nav-arrow-act.gif) 10px 8px no-repeat;
	color:#444;
}
.vertnav3 a {
	margin:0px;
	width:182px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	text-decoration:none;
	background:url(../images/vbullet.gif) 20px 9px no-repeat;
	color: #777;
}
.vertnav3 a:hover {
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#333;
	text-decoration:none;
}
.vertnav3-act a,.vertnav3-act a:hover {
	margin:0px;
	width:182px;
	display:block;
	padding:5px 5px 5px 30px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/vbullet-act.gif) 20px 9px no-repeat;
	color:#333;
}
.vertnav4 a {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	color: #777;
}
.vertnav4 a:hover {
	background-color:#f5f5f5;
	/*silver*/
	color:#333;
	text-decoration:none;
}
.vertnav4-act a,.vertnav4-act a:hover {
	margin:0px;
	display:block;
	padding:5px 5px 5px 45px;
	font-size:12px;
	text-decoration:none;
	width:170px;
	background-color:#f5f5f5;
	/*silver*/
	color:#333;
}
/***********************/
/* Page Content Frames */
/***********************/
/* Frame 1 */
DIV.csc-frame-frame1 H1,DIV.csc-frame-frame1 H2,DIV.csc-frame-frame1 H3,DIV.csc-frame-frame1 H4,DIV.csc-frame-frame1 H5 {
	clear:both;
	height:1%;
	background-color:#f5f5f5;
	color:#008BCE;
	padding:2px 6px;
}
DIV.csc-frame-frame1 {
	background-color:#fff;
	border:0px solid #ccc;
	padding:2px;
	margin:0px 0px 12px 0px;
}
DIV.csc-frame-frame1 p {
	color:#000;
	padding: 0px 6px;
}
/* Frame 2 */
DIV.contentframe2 H1,DIV.contentframe3 H2,DIV.contentframe2 H3,DIV.contentframe3 H4,DIV.contentframe2 H5 {
	clear:both;
	height:1%;
	background-color:#fff;
	color:#333;
	padding:2px 6px;
}
DIV.csc-frame-frame2 {
	padding:0px 0px 10px 0px;
	background:url(../images/menu_dot.gif) repeat-x bottom;
	margin-bottom:10px;
	font-size:12px;
}
DIV.contentframe2 p {
	color:#000;
	padding: 0px 6px;
}
/* Frame 3 */
/* See root (pid=1) Typoscript template and page TS to add new styles */
DIV.contentframe3 H1,DIV.contentframe3 H2,DIV.contentframe3 H3,DIV.contentframe3 H4,DIV.contentframe3 H5 {
}
DIV.contentframe3 {
	margin: 10px;
}
DIV.contentframe3 p {
}
/* Center Mini Calendar */
DIV.center-mini-calendar {
	margin:0 auto;
	text-align:center;
	width: 200px;
}
/************/
/* grey box */
/************/

.b-grey-box {position:relative;margin:0px auto;min-width:100px;max-width:760px;color:#fff;z-index:10;margin-left:0px;margin-bottom:12px;}
.grey-box .content-grey, .grey-box .t-grey, .grey-box .b-grey, .grey-box .b-grey div {background:transparent url(../images/grey-box.gif) no-repeat top right;}
.grey-box .content-grey {position:relative;padding:20px 20px 0px 20px;}
.grey-box .t-grey {position:absolute;left:0px;top:0px;width:16px;height:100%;background-position:top left;}
.grey-box .b-grey {position:relative;width:100%;}
.grey-box .b-grey, .grey-box .b-grey div {height:30px;font-size:1px;}
.grey-box .b-grey {background-position:bottom right;}
.grey-box .b-grey div {position:relative;width:16px;background-position:bottom left;}
.grey-box .hd,.grey-box .bd,.grey-box .ft { position:relative;}
.grey-box .wrapper {position:static;max-height:1000px;overflow:auto;}
.b-grey h1 {margin:0px;padding:0.5em 0px 0.5em 0px;}
.b-grey h1 {padding-bottom:0px}
.content-grey p {margin:0px;padding-bottom:8px;}

/**********/
/* Images */
/**********/

/* Captions */
 DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
 DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
 DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { position:relative; z-index:10000; vertical-align: middle; margin: 0px 2px 0px 2px; }

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; z-index:10000; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { z-index:10000; background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-editPanel { position:relative; z-index:10000; border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }

/*************************/
/* Extension Styles */
/*************************/
.tx-felogin-pi1 .submit,.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
	padding:4px;
	width:130px;
	margin-top:8px;
	font-weight: bold;
}