/************************* page styles *************************/

body {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 8pt;
	margin: 0px;
	background: #fafafa;
}

body > a,
body > noscript,
body > noscript > p,
body > noscript > p > a {
	position: absolute;
}

#page {
	margin: 10px auto 10px auto;
	width: 812px;
}
#header {
	height: 110px;
	position: relative;
	border-bottom: 1px solid #9C9C9C;
	margin: 0px;
	padding: 0px;
}

#slogan { position: absolute; top: -10px; left: 0px; }
#topright { position: absolute; bottom: 0px; right: 0px; }

#topnav { position: absolute; top: 5px; right: 10px; font-size: 7pt; }
#topnav a { text-decoration: none; color: #000000; }
#topnav a:hover { color: #cc0000; }

#headernav {
	width: 470px;
	position: absolute;
	bottom: 0;
	left: 170px;
	right: 170px;
}
#headernav ul {
	line-height: 23px;
	padding: 0;
	margin: 0px;
	width: auto;
	height: 24px;
	background: #c0c0c0;
}
#headernav ul li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0 0 0 1px;
	border-top: 1px solid #c0c0c0;
	text-align: center;
	width: 93px;
}

#headernav ul li.first {
	border-left: 1px solid #c0c0c0;
	margin-left: 0;
}

#headernav ul li.last { 
	border-right: 1px solid #7D7D7D;
	margin-right: -1px;
	position: relative;
}

#headernav ul li.prevIsAct { 
	border-left: 1px solid #C0C0C0;
	width: 92px;
}
#headernav ul li a { 
	display: block; 
	text-decoration: none; 
	color: #393939; 
	background: #f2f2f2; 
	padding: 0; 
	font-weight: bold; 
}
#headernav ul li a:hover { 
	background: #f9f9f9; 
}
#headernav ul li.last.ACT { border-right-color: #9c9c9c; }

#headernav ul li.ACT a:hover {
	background: #ffffff;
}

#headernav ul li.ACT a { 
	color: #cc0000; 
	background: #ffffff;
	height: 28px;
	line-height: 28px;
	margin: 0 -1px -6px;
	border-left: 1px solid #7d7d7d;
	border-right: 1px solid #7d7d7d;
	border-top: 1px solid #7d7d7d;
	z-index:999;
	position: relative;
	top: -5px;
}

#main { margin: 0px; padding: 0px 10px 10px 10px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; background: #ffffff; }
#main a { color: #000000; }
#main form { margin: 0px; padding: 0px; }
#main div.topbar { padding-top: 5px; line-height: 21px; height: 21px; vertical-align: middle; }
#main div.topbar div.col1, #main div.topbar div.col2, #main div.topbar div.col3 { height: 20px; }
#main div.topbar a { text-decoration: none; }
#main div.topbar div.col1 { border-bottom: 1px solid #9c9c9c; }
#main div.topbar div.col1 div.content { text-indent: 5px; }
#main div.topbar div.col1 div.content a:hover { color: #cc0000; }
#main div.topbar div.col1 a.toHomePage { font-weight: bold; color: #cc0000; }
#main div.topbar div.col2 { border-bottom: 1px solid #9c9c9c; }
#main div.topbar div.col2 input { font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 7pt; width: 144px; border: 1px solid #c0c0c0; color: #c0c0c0; margin: 0px 0px 3px 0px; padding: 1px 2px 1px 2px; }
#main div.topbar div.col2 .icon { margin: 0px 3px 0px 3px; }
#main div.topbar div.col3 { font-size: 7pt; border-bottom: 1px solid #9c9c9c; }
#main div.topbar div.col3 a.CUR, #main div.topbar div.col3 span.CUR { color: #cc0000; }
#main div.topbar div.col3 a:hover { color: #cc0000; }
#main div.topbar div.col3 div.content { display: block; }
#main div.topbar div.col3 div.rootline { float: left; }
#main div.topbar div.col3 div.icons { float: right; margin: 6px 0 4px 0; }

#main div.topbar span.languageIcon { margin-right: 2px; } 

#main div.main { }
#main div.main div.col2, #main div.main div.col3 { margin-top: 5px; }
#main div.col1 { float: left; width: 150px; }
#main div.col2 { float: left; width: 150px; }
#main div.col3 { float: left; width: 470px; margin-left: 10px; margin-right: 10px; }

#main div.col1 div.menu { 
	margin: 5px 0 0 0;
	border-bottom: 3px solid #bababa;
	width: 150px;
	overflow: hidden;
}

#main div.col1 div.menu ul.nav { padding: 0px; margin: 0; }

#main div.col1 a.toHomePage,
#main div.col1 div.menu ul.nav li a { 
	display: block; text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
}

#main div.col1 a.toHomePage,
#main div.col1 div.menu ul.nav li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	width: 150px;
}

#main div.col1 div.menu ul.nav li.level_1,
#main div.col1 div.menu ul.nav li.level_2 {
	text-indent: 29px; 
}

#main div.col1 a.toHomePage {
	background-image: url(bg_nav_level_1_sub.gif);
	background-position: left bottom;
	background-repeat: repeat-x;	
	padding: 1px 0 3px;
	font-weight: bold;
	text-indent: 5px;
	color: #ffffff;
	background-color: #bababa;
	margin-bottom: 0;
	font-weight: bold; 
}

#main div.col1 div.menu ul.nav {
	border-bottom: 1px solid #ffffff;
}

#main div.col1 div.menu ul.nav li ul {
	border-bottom: none;
}

#main div.col1 div.menu ul.nav li.level_1 a.SUB:hover,
#main div.col1 a.toHomePage:hover {
	background-color: #B3B3B3;
} 

#main div.col1 div.menu ul.nav li a {
	padding: 1px 0;
	font-weight: bold;
	color: #333333;
	border: none;
	background-color: #efefef;
	text-indent: 26px;
	line-height: 20px;
	height: 20px;
}

#main div.col1 div.menu ul.nav li.level_1 a,
#main div.col1 div.menu ul.nav li.level_2 a {
	background-position: 1px -1px;
	background-repeat: no-repeat;
	background-image: url(default.gif);
}
#main div.col1 div.menu ul.nav li.level_1 a:hover,
#main div.col1 div.menu ul.nav li.level_2 a:hover {
	background-position: 1px -28px;
	color: #cc0000;
}

#main div.col1 div.menu ul.nav li.level_1 a.CUR,
#main div.col1 div.menu ul.nav li.level_1 a.ACT,
#main div.col1 div.menu ul.nav li.level_2 a.CUR,
#main div.col1 div.menu ul.nav li.level_2 a.ACT {
	background-position: 1px -55px;
}

#main div.col1 div.menu ul.nav li.level_1 a.SUB {
	background-image: none;	
}

#main div.col1 div.menu ul.nav li.level_1 a.SUB:hover {
	color: #ffffff;
}

#main div.col1 div.menu ul.nav li a:hover {
	color: #555555;
	background-color: #e6e6e6;
}

#main div.col1 div.menu ul.nav li.level_1 a.SUB {
	text-indent: 5px;
	background-color: #bababa;	
	color: #ffffff;
	border-top: none;
}

#main div.col1 div.menu ul.nav li.level_1 a,
#main div.col1 div.menu ul.nav li.level_2 a {
	border-bottom: 1px solid #ffffff;	
}

#main div.col1 div.menu ul.nav li.level_2 a.SUB {
	border-bottom: none;	
}

#main div.col1 div.menu ul.nav li.level_1.last a,
#main div.col1 div.menu ul.nav li.level_2.last a {
	border-bottom: none;	
}

#main div.col1 div.menu ul.nav li.level_1.last,
#main div.col1 div.menu ul.nav li.level_2.last {
	border-bottom: 1px solid #bababa;	
}

#main div.col1 div.menu ul.nav li.level_1 ul.nav {
	border-top: 1px solid #9c9c9c;
	background: #efefef;
}

#main div.col1 div.menu ul.nav li.level_2 a.SUB:hover,
#main div.col1 div.menu ul.nav li.level_2 a:hover {
	background-color: #dfdfdf;
	color: #cc0000;	
}

#main div.col1 div.menu ul.nav li.level_2 a.SUB {
	background-color: #efefef;
	background-repeat: no-repeat;
	background-image: url(default.gif);
	padding-bottom: 1px;
	text-indent: 26px;
	color: #ffffff;
}
#main div.col1 div.menu ul.nav li.level_2.first a.SUB {
	margin-top: 0;	
}

#main div.col1 div.menu ul.nav li.level_2.last ul {
	border-bottom: none;
}

#main div.col1 div.menu ul.nav li.level_2.first a.SUB {
	border-top: none;
}

#main div.col1 div.menu ul.nav li.level_2 a.CUR {
	color: #cc0000;
}

#main div.col1 div.menu ul.nav li.level_2 a.ACT {
	color: #cc0000;
}

#main div.col1 div.menu ul.nav li.level_2 ul {
	background: #ffffff;
}

#main div.col1 div.menu ul.nav li.level_3 { 
	text-indent: 26px;
	border-bottom: none;
}
#main div.col1 div.menu ul.nav li.level_3 a { 
	padding: 1px 0; 
	border-bottom: none;
	border-top: none;
	background-color: transparent;
	background-image: url(bg_nav_level_3.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	font-weight: normal;
	line-height: 19px;
	text-indent: 26px;
}

#main div.col1 div.menu ul.nav li.level_2 li.last a {
	background-image: url(bg_nav_level_3_last.gif);
	height: 19px;
}

#main div.col1 div.menu ul.nav li.level_2 li a:hover,
#main div.col1 div.menu ul.nav li.level_2 li a.CUR:hover {
	background-position: 0 -22px;
	color: #cc0000;
	font-weight: normal;
}

#main div.col1 div.menu ul.nav li.level_3 a.CUR {
	background-position: 0 -44px;
}

#main div.col1 div.menu ul.nav li.level_2 li a:hover {
	background-position: 0 -22px;
	color: #000000;
}

#main div.col1 div.menu ul.nav li.level_2 li a.CUR:hover {
	background-position: 0 -44px;
	font-weight: normal;
}

#main div.col1 div.menu ul.nav li ul { padding: 0px; margin: 0px; }
#main div.col1 div.menu ul.nav li ul li { 
	line-height: 20px; border-bottom: none; 
}

#main div.col1 div.data { margin: 10px 0px 10px 0px; }

#footer { height: 34px; position: relative; margin: 0px; padding: 0px; }

#footernav { width: 810px; font-size: 7pt; text-align: center; position: absolute; top: 9px; left: 0px; }
#footernav a { text-decoration: none; color: #000000; }
#footernav a:hover { color: #cc0000; }

/************************* layout box styles *************************/
div.layout.box { width: 150px; background-repeat: no-repeat; margin: 0px; }
.multi_2.hasWeight div.layout.box { width: 310px; }

div.layout.box.grey.normal div.top { margin: 0px; height: 6px; background-image: url('../../fileadmin/template/img/layout/box_grey_top.gif'); }
div.layout.box.grey.normal div.content { margin: 0px; padding: 0px 4px 0px 4px; background-image: url('../../fileadmin/template/img/layout/box_grey_content.gif'); background-repeat: repeat-y; }
div.layout.box.grey.normal div.bottom { margin: 0px; height: 6px; background-image: url('../../fileadmin/template/img/layout/box_grey_bottom.gif'); }

div.layout.box.grey.extended { position: relative; background-image: url('../../fileadmin/template/img/layout/box_bg_grey_content.png'); background-repeat: repeat-y; }
* html div.layout.box.grey.extended { height: 1%; } /* IE only */
div.layout.box.grey.extended div.top { background-image: url('../../fileadmin/template/img/layout/box_bg_grey_top.png'); height: 50px; width: 100%; margin: 0px; position: absolute; top: 0px; left: 0px; }
div.layout.box.grey.extended div.content { padding: 5px; margin: 0px; z-index: 1; position: relative; }
div.layout.box.grey.extended div.bottom { background-image: url('../../fileadmin/template/img/layout/box_bg_grey_bottom.png'); height: 50px; width: 100%; margin: 0px; position: absolute; bottom: 0px; left: 0px; }

div.layout.box.simple { position: relative; background: #f6f6f6; }
* html div.layout.box.simple { height: 1%; } /* IE only */
div.layout.box.simple div.top { background: #e0e0e0; height: 20px; width: 100%; margin: 0px; position: absolute; top: 0px; left: 0px; border-bottom: 1px solid #9c9c9c; }
div.layout.box.simple div.content { padding: 5px; margin: 0px; z-index: 1; position: relative; }
div.layout.box.simple div.content div.header { border-bottom: none; margin: 0 0 8px; }
div.layout.box.simple div.bottom { height: 1px; width: 100%; margin: 0px; position: absolute; bottom: 0px; left: 0px; }

div.layout.box.white div.top { margin: 0px; height: 6px; background-image: url('../../fileadmin/template/img/layout/box_white_top.gif'); }
div.layout.box.white div.content { margin: 0px; padding: 0px 4px 0px 4px; background-image: url('../../fileadmin/template/img/layout/box_white_content.gif'); background-repeat: repeat-y; }
div.layout.box.white div.bottom { margin: 0px; height: 6px; background-image: url('../../fileadmin/template/img/layout/box_white_bottom.gif'); }

div.layout.tabledock {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;	
}

div.layout.darkgrey  {
	width: auto;
	padding-bottom: 5px;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	position: relative;
}

div.layout.darkgrey .bottom {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B3B3B3;	
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3B3B3;
	position: absolute;
	width: 100%;
	bottom: 0;
}

* html div.layout.darkgrey .bottom {
	padding-bottom: 1px;
	bottom: -1px;
}

* html div.layout.darkgrey .top {
	padding-bottom: 1px;
}

div.layout.darkgrey .top {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3B3B3;	
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border-top-width: 22px;
	border-top-style: solid;
	border-top-color: #B3B3B3;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 1;
}

div.layout.darkgrey  .text {
	padding: 0 5px !important;
}

div.layout.darkgrey .header {
	padding-bottom: 2px !important;
	height: 22px;
	line-height: 22px;
	text-indent: 5px;
	color: #ffffff;
	margin-bottom: 5px !important;
	border-bottom: none !important;
	z-index: 2;
	position: relative;
}

.multibox_widget div.layout.darkgrey .header {
	background: #bababa;
	height: 22px;
	line-height: 22px;
	text-indent: 5px;
	color: #ffffff;
	margin-bottom: 1px;
}

div.layout.darkgrey .top {
	border-bottom:1px solid #B3B3B3;
	border-top:22px solid #B3B3B3;
	font-size:1px;
	height:1px;
	line-height:1px;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}

.multibox_widget div.layout.darkgrey .widgets {
	border-top: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
	margin-bottom: 1px;
}

.multibox_widget div.layout.darkgrey .widget {
	border-right: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;	
}

.multibox_widget div.layout.darkgrey .widget .header a {
	display: block;
	background: transparent;
	height: auto;
	line-height: auto;
	text-indent: auto;
	color: #000000;
	background-image:url(icon_multibox_widget.gif);
	background-repeat: no-repeat;
	background-position: 128px -1px;
}

.multibox_widget div.layout.darkgrey .widget .header a:hover {
	background-color: #E6E6E6;
	color: #cc0000 !important;
	background-position: 128px -27px;
}
.multibox_widget div.layout.darkgrey .widget .toggleActive .header a {
	color: #cc0000 !important;
	background-position: 128px -54px;	
}
.multibox_widget div.layout.darkgrey .widgets .toggle a {
	height: 22px;
	line-height: 22px;
	background-color: #efefef;
	margin-bottom: 1px;
}

.multibox_widget div.layout.darkgrey .widgets .last .toggle {
	margin-bottom: 0;	
}

.multibox_widget div.layout.darkgrey .widgets .last .toggle .header {
	margin-bottom: 0;
}

.multibox_widget div.layout.darkgrey .widgets .contentActive {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.multibox_widget div.layout.darkgrey .widgets .innerContent {
	padding: 5px 4px;	
}

.multibox_widget div.layout.tabledock .dropdown_content .inner_content {
	padding: 10px 10px 0;	
}

div.layout.tabledock .header {
	background: #F1F1F1 url(arrow_down.gif) no-repeat scroll 455px center;
	font-size: 8pt;
	padding: 5px;
	font-weight: normal;
}

div.layout.tabledock .header:hover {
	color: #cc0000;
	background-image: url(arrow_down_h.gif);
	font-weight: normal;
}

div.layout.tabledock .header.toggle_active {
	background-image: url(arrow_up_h.gif);
}

/************************* common styles *************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.hidden { display: none; }
div.clearobject { clear: both; height: 0px; visibility: hidden; }

/************************* TYPO3 specific styles *************************/
.csc-header h1, h1 { font-size: 9pt; margin: 0px 0px 12px 0px; line-height: 16px; }
.csc-header h1.csc-firstHeader { margin-top: 0px; }

.typo3_ce.typo3_ce_header .csc-header h1 { font-size: 12pt; line-height: 19px; margin: 0px; }

#main div.col1 .typo3_ce, #main div.col2 .typo3_ce { margin-bottom: 10px; }
#main div.col2 .typo3_ce, #main div.col2 .typo3_ce { margin-bottom: 10px; }
#main div.col3 .typo3_ce { margin-bottom: 18px; }
#main div.col3 .typo3_ce_shortcut { margin-bottom: 0; }

#main div.col1 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col2 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col3 .typo3_ctrl.typo3_mabo_0  .typo3_ce { margin-bottom: 0px; }
#main div.col1 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col2 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col3 .typo3_ctrl.typo3_mabo_5  .typo3_ce { margin-bottom: 5px; }
#main div.col1 .typo3_ctrl.typo3_mabo_10 .typo3_ce, #main div.col2 .typo3_ctrl.typo3_mabo_10 .typo3_ce, #main div.col3 .typo3_ctrl.typo3_mabo_10 .typo3_ce { margin-bottom: 10px; }
#main div.col1 .typo3_ctrl.typo3_mabo_15 .typo3_ce, #main div.col2 .typo3_ctrl.typo3_mabo_15 .typo3_ce, #main div.col3 .typo3_ctrl.typo3_mabo_15 .typo3_ce { margin-bottom: 15px; }
#main div.col1 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col2 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col3 .typo3_ctrl.typo3_mabo_25  .typo3_ce { margin-bottom: 25px; }
#main div.col1 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col2 .typo3_ctrl.typo3_mabo_5  .typo3_ce, #main div.col3 .typo3_ctrl.typo3_mabo_50  .typo3_ce { margin-bottom: 50px; }

div.layout.box .csc-header h1 { font-size: 8pt; margin: 0px; padding-top: 5px; padding-bottom: 5px; }
div.layout.box .bodytext { margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; }

p.bodytext, 
.typo3_ce p.frame-border-dotted, 
.typo3_ce p.paragraph-style-1, 
.typo3_ce p.paragraph-style-2, 
.typo3_ce p.paragraph-style-3, 
.typo3_ce p.paragraph-style-4, 
.typo3_ce p.paragraph-style-5, 
.typo3_ce p.paragraph-style-6, 
.typo3_ce p.paragraph-style-7, 
.typo3_ce p.paragraph-style-8, 
.typo3_ce p.paragraph-style-9,
.typo3_ce p.paragraph-style-10 {
	line-height: 16px; font-size: 9pt; margin: 0px 0px 10px 0px; 
}
p.bodytext a:hover { color: #cc0000 !important; }
div.bodylist a:hover { color: #cc0000 !important; }

div.bodylist ul, div.bodylist ol { line-height: 16px; font-size: 9pt; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 30px; }

/* TYPO3 RTE Styles */
/* Left, center and right alignment of text in paragraphs and cells.*/
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }


/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
.typo3_ce p.csc-frame-frame1, 
.typo3_ce table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

.typo3_ce p.csc-frame-frame2, 
.typo3_ce table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

.typo3_ce p.paragraph-style-1 { border: 1px dotted #c0c0c0; padding: 2px; }
.typo3_ce p.paragraph-style-2 { border: 1px dotted #c0c0c0; background: #e0e0e0; padding: 2px; }
.typo3_ce p.paragraph-style-3 { border: 1px solid #c0c0c0; padding: 2px; }
.typo3_ce p.paragraph-style-4 { border: 1px solid #c0c0c0; background: #e0e0e0; padding: 2px; }
.typo3_ce p.paragraph-style-5 { background: #e0e0e0; border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding: 2px 0; }
.typo3_ce p.paragraph-style-6 { background: #e0e0e0; border-top: 1px dotted #000; border-bottom: 1px dotted #000; background: #e0e0e0; padding: 2px 0; }
.typo3_ce p.paragraph-style-7 { background: #e0e0e0; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 2px 0; }
.typo3_ce p.paragraph-style-8 { background: #e0e0e0; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #e0e0e0; padding: 2px 0; }
.typo3_ce p.paragraph-style-9 { border: 1px solid #CC0000; padding: 2px; font-size: 9pt; }
.typo3_ce p.paragraph-style-10 { border: 1px dotted #CC0000; padding: 2px; font-size: 9pt; }

.typo3_ce ul.ulist-items-1 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-1.gif'); }
.typo3_ce ul.ulist-items-2 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-2.gif'); }
.typo3_ce ul.ulist-items-3 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-3.gif'); }
.typo3_ce ul.ulist-items-4 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-4.gif'); }
.typo3_ce ul.ulist-items-5 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-5.gif'); }
.typo3_ce ul.ulist-items-6 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-6.gif'); }
.typo3_ce ul.ulist-items-7 { list-style-image: url('/typo3conf/ext/photobook_common/res/images/ulist-7.gif'); }

.typo3_ce span.text-style-1 { background: #e0e0e0; }
.typo3_ce span.text-style-2 { background: #c0c0c0; }
.typo3_ce span.text-style-3 { background: #e0e0e0; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.typo3_ce span.text-style-marker-1 { background: #f0f0f0; }
.typo3_ce span.text-style-marker-2 { background: #ffee7a; }
.typo3_ce span.text-style-marker-3 { background: #c0c0c0; }
.typo3_ce span.text-style-marker-4 { background: #c0c0c0; }
.typo3_ce span.text-style-marker-5 { background: #c0c0c0; }
.typo3_ce .large { font-size: 10.5pt; }
.typo3_ce .extralarge { font-size: 13pt; }
.typo3_ce .photobook-red { color: #cc0000; }
.typo3_ce span.strike { text-decoration: line-through; }

/* div is @deprecated */
div.imageZoomWrap, span.imageZoomWrap { position: relative; display: block; }
div.imageZoomIcon, span.imageZoomIcon { position: absolute; top: 0px; right: 0px; width: 11px; height: 11px; background-image: url('../../fileadmin/template/img/icons/popup_icon.png'); background-repeat: no-repeat; }

/* div.csc-textpic { margin: 0px 0px 15px 0px; } */
dd.csc-textpic-caption { font-size: 7pt; color: #808080; background: #f6f6f6; padding: 5px; }

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image {
	border: 1px solid #c0c0c0;
}

div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
	border: 1px solid #ffffff;
}

div.tx-ohsocialbookmarks { margin: 10px 0px; text-align: center; }
div.tx-ohsocialbookmarks a { margin-left: 1px; }
div.tx-ohsocialbookmarks a.first { margin-left: 0; }

/* additional table styles */

.typo3_ce table.table-style-1 {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 10px;
}

.typo3_ce table.table-style-1 p {
	margin: 0;	
}

.typo3_ce table.table-style-1 td {
	padding: 0;
}

/* price calculator */

div.header .calculator {
	text-align: right;
	padding-right: 25px;
	background: url(calculator.png) 441px center no-repeat;
}

/* oh_special overrides */
#main .multibox_c_t_i .multi .no_layout .category {
	background-color: transparent;
	border-bottom: 1px solid #c0c0c0;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 5px 0px;
	color: #000000 !important;
	height: 13px;
	line-height: 13px;
}
#main .multibox_c_t_i .multi .no_layout .category a {
  text-decoration: none;
}
#main .multibox_c_t_i .multi .no_layout .category a:hover {
  color: #cc0000 !important;
}

#main .multibox_c_t_i .multi .no_layout .category a,
#main .multibox_c_t_i .multi .no_layout .category a:hover {
	font-weight: normal;	
	color: #000000 !important;
	padding: 0;
	display: inline;
	line-height: auto;
	height: auto;
	border: none;
}


#main .multibox_c_t_i .category {
	background-color: #B3B3B3;
	margin-bottom: 0;
	padding: 0 0 1px;
	border-bottom: none;
}
#main .multibox_c_t_i .category a {
	display: block;
	border-bottom: 1px solid #ffffff;
	padding: 0 5px;
	height: 16px;
	line-height: 15px;
}
#main .multibox_c_t_i .multi .category,
#main .multibox_c_t_i .multi .category a,
#main .multibox_c_t_i .multi .category a:hover {
	font-weight: normal;	
	color: #ffffff !important;
}

#main .multibox_c_t_i .multi .border_bottom {
	margin-top: 7px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #B3B3B3;	
	height: 1px;
	font-size: 1px;
	line-height: 1px;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3B3B3;	
}

#main .multibox_c_t_i .multi .no_layout .border_bottom {
	border: none;
}

.typo3_ce.typo3_ce_header .csc-header h1 { 
	font-size: 18pt; 
	line-height: 18pt; 
	margin: 0px; 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal; 
}

#topnav a:hover { 
	color: #ffffff; 
}


/* Login Box */

#main .col2 .customerarea_loginbox input.text {
	color: #909090;
	margin: 1px 0 0 !important;
	padding: 0 2px 1px !important;
	width: 132px;
	background: #FFFFFF none repeat scroll 0 0;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 7pt;	
	padding-top	0;
	border: none;
}

#main .col2 .customerarea_loginbox div.row {
	margin-bottom: 5px;	
}

#main .col2 .customerarea_loginbox div.element {
	border: 1px solid #C0C0C0;
	height: 15px;
}

#main .col2 .customerarea_loginbox div.row span {
	font-size: 7pt;
	float: right;	
}

#main .col2 .customerarea_loginbox div.label {
	margin-bottom: 2px;
}

#main .col2 .customerarea_loginbox div.password, 
#main .col2 .customerarea_loginbox div.customer_mail {
	margin-bottom: 5px;
}

#main .col2 .customerarea_loginbox div.row div.password {
	float: left;
	width: 106px;
}

#main .col2 .customerarea_loginbox div.row div.password input {
	width: 102px;	
}

#main .col2 .customerarea_loginbox div.row div.submit {
	width: 27px;
	height: 17px;
	float: right;
	text-align: center;
	background-color: #F6F6F6;
	overflow: hidden;
	border: none;
}

#main .col2 .customerarea_loginbox div.row div.submit input {
	width: 25px;
	height: 17px;
	border: none;
	background-color: #F6F6F6;
	color: #CC0000;
	text-align: center;
	display: block;
	margin: 0 auto;
	text-indent: 999em;
	overflow: hidden;
	white-space: nowrap;
	background: url(ok.gif) center no-repeat;
}