/*******************************************************************************
 *   Layout
 ******************************************************************************/
/*#typo3-previewInfo {
	display: none;
}*/

table.previewTable {
display: block; text-align:left;
}

#editPanelSet {
	display: none;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	background-image: url("../../images/zahniportal/blue_main.png");
	background-position: 997px;
	background-repeat: repeat-y;
}

#page {
	position: absolute;
	left: 50%;
	right: 0px;
	top: 0px;
	bottom: 0px;
	margin-left: -498px;

	background-color: #FFFFFF;
	background-image: url("../../images/zahniportal/blue_main.png");
	background-repeat: repeat-y;
}

#top {
	height: 20px;
	background-image: url("../../images/zahniportal/blue_top.png");
	background-repeat: no-repeat;
}

#wrapper {
	width: 997px;
	padding-top: 115px;
	background-color: #FFFFFF;
	background-image: url("../../images/zahniportal/blue_main.png");
	background-repeat: repeat-y;
}

#outer {
	border-left-width: 172px;
	border-left-color: #FFFFFF;
	border-left-style: solid;

	border-right-width: 155px;
	border-right-color: #D9E6EE;
	border-right-style: solid;
}

#white {
	width: 100%;
	float: left;
	margin-bottom: 9px;
}

#left {
	width: 172px;
	margin-left: -172px;
	float: left;
}

#inner {
	margin-right: 7px;
}

#content {
	width: 618px;
	float: right;

	padding-left: 15px;
	padding-right: 30px;

	text-align: justify;
	font-size: 10pt;
}

#blue {
	float: left;
	width: 155px;
	margin-right: -155px;
}

#blue_content {
	width: 155px;
}

#blue_links {
	padding-left: 10px;
	margin-top: 30px;
}

#blue_newsletter_links {
	padding-left: 10px;
	margin-top: 30px;
	margin-left: 15px;
	margin-bottom: -15px;
}

#blue_spacer {
	height: 10px;
	width: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

#footer {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -498px;
	height: 4000px;
	width: 997px;

	background-color: white;
	background-image: url("../../images/zahniportal/blue_main.png");
	background-repeat: repeat-y;
}

.clear {
	clear: both;
}

/*******************************************************************************
 *   Links
 ******************************************************************************/

a {
	color: #069;
}

.tx-jppageteaser-pi1-list-entry-description a.internal-link {
	color: #f90;
	text-decoration: none;
}

#content a.internal-link, #content a.download {
	padding-left: 9px;
	background: url("../../images/zahniportal/toothlittle_link.gif") no-repeat 0px 0px;
}

#content a.external-link-new-window, #content a.external-link {
	padding-left: 15px;
	background: url("../../images/zahniportal/toothlittle_external.gif") no-repeat 0px 0px;
}

#content a.image {
	padding-bottom: 18px;
	background: url("../../images/zahniportal/toothlittle_image.gif") no-repeat 0px 0px;
}
#content a.mail {
	padding-left: 16px;
	background: url("../../images/zahniportal/toothlittle_mail.gif") no-repeat 0px 0px;
}

#blue_links a, #blue_newsletter_links a {
	color: #069;
	text-decoration: none;
}

/*******************************************************************************
 *   Headlines
 ******************************************************************************/

#content h1 {
	font-size: 16px;
}

h2 {
	font-size: 12pt;
}

h3, h4, h5, h6 {
	font-size: 12pt;
}

h3.zahniportal-header {
	padding-left:16px;
	font-size: 16pt;

	background: url("../../images/zahniportal/toothmedium.gif") no-repeat 0px 1px;
}

/*******************************************************************************
 *   Shadow
 ******************************************************************************/

.shadow_bottom {
	width: 100%;
	height: 7px;
	float: left;

	background-image: url("../../images/zahniportal/shadow_bottom_main.png");
	background-repeat: repeat-x;
}

.shadow_bottom_left_blue {
	width: 7px;
	height: 100%;
	float: left;

	background-image: url("../../images/zahniportal/shadow_bottom_left_blue.png");
}

.shadow_bottom_left_white {
	width: 7px;
	height: 100%;
	float: left;

	background-image: url("../../images/zahniportal/shadow_bottom_left_white.png");
}

.shadow_right {
	float: right;
	width: 7px;
	height: 100%;
}

.shadow_right_top_blue {
	width: 100%;
	height: 9px;

	background-image: url("../../images/zahniportal/shadow_right_top_blue.png");
}

.shadow_right_top_white {
	width: 100%;
	height: 9px;

	background-image: url("../../images/zahniportal/shadow_right_top_white.png");
}

.shadow_right_main {
	width: 100%;
	height: 100%;

	background-image: url("../../images/zahniportal/shadow_right_main.png");
	background-repeat: repeat-y;
}

.shadow_right_bottom_blue {
	width: 7px;
	height: 7px;
	margin-top: -7px;

	background-image: url("../../images/zahniportal/shadow_right_bottom_blue.png");
}

.shadow_right_bottom_white {
	width: 7px;
	height: 7px;
	margin-top: -7px;

	background-image: url("../../images/zahniportal/shadow_right_bottom_white.png");
}

/*******************************************************************************
 *   Header
 ******************************************************************************/

#header {
	/*
	 * To adjust header height, you only need to edit #header.height
	 */
	height: 90px;
	width: 997px;
	
	position: absolute;
	top: 20px;
}

.header_main {
	float: left;
	height: 100%;

	/*
	 * To adjust header width, edit #header_main.width and add the same value to #header_main_content_(left|right).width
	 * Also center the #header using #header.margin-left
	 */
	width: 990px;
}

.header_main_content {
	height: 100%;
	float: left;

	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.header_main_content_left {
	/* height: 100%; */
	height: 91px;
	width: 426px;
	float: left;

	background-image: url("../../images/zahniportal/header_left.png");
}

.header_main_content_right {
	height: 91px;
	width: 562px;
	float: left;

	background-image: url("../../images/zahniportal/header_right.png");
}

/*******************************************************************************
 *   Spacers
 ******************************************************************************/

.horz_spacer {
	float: left;
	height: 1px;
	width: 10px;
}

.vert_spacer {
	clear: both;
	height: 15px;
	width: 1px;
}

/*******************************************************************************
 *   Orangebox
 ******************************************************************************/

#blue .orangebox {
	width: 147px;
}

#orangebox_anmeldung {
	height: 70px;
	width: 100%;
}

#orangebox_partner {
	// height: 265px;
	height: 468px;
	width: 100%;
}

#orangebox_kooperationen {
	height: 80px;
	width: 100%;
}

.orangebox_main {
	float: left;
	height: 100%;
	width: 140px;
}

.orangebox_main_content {
	height: 100%;
	width: 100%;
	float: left;
	
	border-bottom: 2px solid #FFFFFF;
	background-color: #FFFFFF;
}

.orangebox_main_content_headline {
	height: 24px;
	width: 100%;
}

.orangebox_main_content_bottom {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.blue_modos {
	margin-bottom: 5px;
}

/*******************************************************************************
 *   Menu
 ******************************************************************************/

#menu {
	line-height: 1.2em;
	padding-left: 10px;
}

#menu .menuitem {
	list-style:none;
	font-weight: bold;
	font-size: 10pt;
	color: #069;
}

#menu .menuitem .menuitem {
	font-weight: normal;
	margin-left:10px;
	margin-bottom: 4px;
}
#menu .menuitem .menuitem .menuitem {
	margin-left: 15px;
}
#menu .menuitem a {
	text-decoration: none;
	color: #069;
}
#menu .menuitem.selected a {
	color: #f90;
}
#menu .spacer {
	height: 8px;
}

/*******************************************************************************
 *   Loginbox
 ******************************************************************************/
.crosslogin {
	text-align: left;
	width: 120px;
	margin-left: 10px;
}

.crosslogin form, .crosslogin .alert {
	margin-top: 10px;
}

.login-form {
	padding-bottom:9px;
}

.login-form-desc {
	font-size: 10px;
	color: black;
	font-weight: bold;
	margin-left: -1px;
	padding: 0px;
	margin-top:0px;
}

.login-form-field {
	margin-top: 4px;
	padding: 0px;
}

.login-form-field-name {
	margin-top: 4px;
	font-weight: bold;
	padding: 0px;
}

.login-form-field input{
	width: 118px;
}
.login{
	margin-bottom: 9px;
    margin-top: 4px;
	height: 15px;
	width: 118px;
}

#top_login_link {
	text-align: center;
	margin: 0px;
}

#top_login_link img {
	border: 0;
}

#top_login_link a {
	text-decoration: none;
}

#top_login_link .login_link a .login_link {
	text-decoration: underline;
}

.login_links{
	padding: 0px 0px 0px 0px;
	margin-top: -1px ;
	margin-bottom: 10px;
}
.login_link{
	padding: 0px 0px 0px 0px;
	margin-top: -1px ;
}
.login_link a{
	font-size: 12px;
	text-decoration: underline;
	color: #777777;
}
.login_link a:link{
	font-size: 9px;
	text-decoration: underline;
	color: #777777;
}
.login_link a:hover{
	font-size: 9px;
	text-decoration: underline;
	color: #777777;
}
.login_link a:visited{
	font-size: 9px;
	text-decoration: underline;
	color: #777777;
}

/*******************************************************************************
 *   ich bin ein zahni
 ******************************************************************************/

.tx-newloginbox-pi1 table {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.tx-newloginbox-pi1 input {
	display: block;
}

.tx-newloginbox-pi1 input.text {
	font-size: 8pt;
	width: 116px;
	height: 13px;
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
}

.tx-newloginbox-pi1 td img {
	display: block;
}

.tx-newloginbox-pi1 td.below {
	text-align: center;
	padding-right: 7px;
}

#logout {
	margin-left: 10px;
	margin-top: 20px;
}

#logout #loginstatus {
	margin-bottom: 10px;
	font-size: 9pt;
}

#logout input.clickbutton {
	border: 1px solid black;
}

p.align-center {
	text-align: center;
}

/*******************************************************************************
 *   Poll
 ******************************************************************************/

.poll {
	color: #006699;
}

.pollquestion {
	margin-bottom: 10px;
}

/*******************************************************************************
 *   Orangebox: Newsletter
 ******************************************************************************/

#orangebox_newsletter {
	height: 160px;
	width: 100%;
}

#orangebox_newsletter form {
	margin: 0;
	padding: 0;
	margin-left: 12px;
	margin-top: -8px;
	text-align: left;
}

#orangebox_newsletter label {
	font-size: 10px;
	color: black;
	font-weight: bold;
	margin-left: -1px;
	padding: 0px;
	margin-top: 0px;
}


#orangebox_newsletter input.text {
	width: 112px;
	margin-top: 2px;
}

#orangebox_newsletter input.button {
	background-color: #EEE;	
	border: 1px solid black;
	margin-top: 5px;
	width: 118px;
	margin-bottom: 5px;
}

dd.csc-textpic-caption {
	text-align: right;
	font-style: italic;
	padding-right: 20px;
}

/*
 * Quintessenz Partner
 */

#qp {
    width: 426px;
    height: 85px;
    position: relative;
    bottom: 6px;
    left: 136px;
}

#qp a.qp_banner  {
    display: block;
    width: 422px;
    height: 69px;
    margin-top: -42px;
    margin-left: 1px;
}

#qp_inner {
    padding-top: 22px;
    padding-left: 13px;
}

#qp_teaser {
    width: 258px;
}

#qp_teaser a {
    color: #3987b1;
    font-weight: bold;
    font-size: 92.7%;
    line-height: 16px;
    text-decoration: none;
}

#qp_teaser a:hover {
    text-decoration: underline;
}

#qp_aktuell {
    width: 258px;
    margin-top: 1px;
    margin-left: 1px;
}

#qp_aktuell a {
    font-size: 89%;
    color: #7e7e7e;
    text-decoration: none;
}

#qp_aktuell a:hover {
    text-decoration: underline;
}

.qp_orange { color: #efa425; }

#qp_aktuell li {
    list-style: none;
}

#qp_aktuell_text {
    float: left;
}

#qp_aktuell #newsticker {
    float: left;
}

#qp_aktuell #newsticker ul {
    margin: 0;
    padding: 0;
    padding-left: 5px;
}