/* MAIN.CSS */

/*
  blue: #1575D7;
  dark-grey: #4E4E4E;
*/


* { 
	margin: 0px; padding: 0px; 
	color: #444444;
}

body {
    /*font-family: "Trebuchet MS", Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	font-size:  12px;
    text-align: center;
    background: #EFF7FE;
}
img { border: none; }

/*fieldset { border: none; }
label { width:120px; }*/
/* Contact Form */
.csc-mailform { border: none; }
.csc-mailform input, .csc-mailform textarea { padding: 3px; }
.csc-mailform input {
	height: 14px;
	padding: 2px 5px;
	color: #555555;
	border: 1px solid #777777;
}
.csc-mailform-submit {
	height:16px;
	padding:0px !important;
}
.csc-mailform-field label { width: 80px; display:block; float: left; }
.csc-mailform-field { padding-bottom: 10px; }

div#contmain {
    width: 1064px;
    margin: 0px auto; padding-bottom: 20px;
    overflow: hidden;
    text-align: left;
    background: white url(../images/contmain-bg.gif) repeat-y top left;
}

    div#collft {
        width: 200px;
        margin-left: 26px; margin-top: 1px;
        float: left;
        display: inline;
    }
		div.tx-macinasearchbox-pi1 {
            margin-bottom: 3px;
			padding: 10px 15px 5px;
            background: #D4EFFF;
        }
			div.tx-macinasearchbox-pi1 input.searchinput {
				margin-bottom: 5px;
                width: 130px; height: 13px;
                padding: 5px 25px 5px 10px;
                color: #CCCCCC;
                border: 1px solid #CCCCCC;
                background: white url(../images/magnifyingglass-grey.gif) right center no-repeat;
            }
			div.tx-macinasearchbox-pi1 a {
				padding-left: 10px;
				color: #CCCCCC;
				font-size:11px;
				text-decoration: none;
			}
				div.tx-macinasearchbox-pi1 a:hover { text-decoration: underline; }
			
        
        ul#menumain1,
        ul#menumain2 {
            list-style-type: none;
        }
            ul#menumain1 li {
                margin-top: 2px;
                padding: 5px 5px 5px 25px;
                background: #D4EFFF /*#FAFAFA*/ url(../images/list-arrow-normal.gif) top left no-repeat;
            }
            ul#menumain1>li.active,
            ul#menumain1>li:hover { background: #E0F3FB url(../images/list-arrow-active.gif) top left no-repeat; }
            
                ul#menumain1 li a {
                    color: #4E4E4E;
                    font-weight: bold; font-size: 12px;
                    text-decoration: none;
                }
                ul#menumain1 li.active>a,
                ul#menumain1 li:hover>a { color: #1575D7; }

            ul#menumain2 li { background: #E0F3FB url(../images/list-arrow-normal.gif) top left no-repeat; }
            ul#menumain2 li a {
                font-weight: normal;
                font-size: 12px;
            } 
            ul#menumain2>li.active,
            ul#menumain2>li:hover { background: url(../images/list-arrow-active.gif) top left no-repeat; }
        
        
        div.tx-felogin-pi1 {
            margin-top: 15px; padding: 10px;
            background: #EFEFEF;
        }
            div.tx-felogin-pi1 h1 {
                margin-bottom: 5px;
                color: #444444;
                font-size: 12px;
                font-weight: bold;
            }
            div.tx-felogin-pi1 input.inputbox {
                padding: 2px; margin-bottom: 4px;
                width: 130px; height: 14px;
                color: #666666;
                border: 1px solid #CCCCCC;
            }
            div.tx-felogin-pi1 input.submitbtn {
                color: #262626;
                border: 1px solid #CCCCCC;
            }
            div.tx-felogin-pi1 a {
                font-size: 11px;
				color: #666666;
                text-decoration: none;
            }
            div.tx-felogin-pi1 a:hover { text-decoration: underline; }


/*****************/
/*****************/
    div#colrgt {
        width: 810px;
        margin-left: 2px; margin-top: 1px;
        float: left;
		overflow: hidden;
    }

        div#headerbar {
            height: 28px;
            color: #1575D7;
            font-size: 11px;
			font-weight: bold;
            background: #D4EFFF;
        }
        
            /*div#loginstatusbox {
                margin-right: 50px; padding-top: 4px;
                float: right;
                text-align: right;
            }
                div#loginstatusbox a {
                    color: #1575D7;
                    text-decoration: none;
                }
                div#loginstatusbox a:hover { text-decoration: underline; }
                div#loginstatusbox input {
                    padding-left: 5px;
                    width: 100px; height: 16px;
                    font-size: 10px;
                    border: 1px solid #1575D7;
                    color: #1575D7;
                }
                div#loginstatusbox input.submitbtn { vertical-align:bottom; margin-top: 3px; width: 16px; border: none; }
			*/

            div#quicklinks {
				height: 28px; width: 400px;
				margin-left: 7px;
				line-height: 28px;
                float: left;
            }
				div#quicklinks ul {
					margin-left: 5px;
					display: inline;
					list-style-type: none;
				}
				div#quicklinks ul li {
                    padding-left: 3px; padding-right: 3px;
                    display: inline;
                }
					div#quicklinks ul li.quicklinks-book {
						padding-left: 20px; margin-right: 5px;
						background: url(../images/icon-book.gif) left center no-repeat;
					}
					div#quicklinks ul li.quicklinks-shop {
						padding-left: 20px; margin-right: 5px;
						background: url(../images/icon-shoppingcart.gif) left center no-repeat;
					}
					div#quicklinks ul li.quicklinks-contact {
						padding-left: 20px; margin-right: 5px;
						background: url(../images/icon-contact.gif) left center no-repeat;
					}
					div#quicklinks ul li.quicklinks-terms {
						padding-left: 20px; margin-right: 5px;
						background: url(../images/icon-terms.png) left center no-repeat;
					}
                div#quicklinks li a {
                    font-size: 11px;
                    text-decoration: none;
					font-weight: normal;
                    color: #1575D7;
                }
			
			div#membersarea {
				height: 28px;
				margin-right: 5px;
				/*padding-top: 7px;*/ padding-left: 35px;
				line-height: 28px;
				float: right;
				background: url(../images/accountmngr_icon.gif) left center no-repeat;
			}
				div#membersarea ul {
					margin-left: 5px;
					display: inline;
					list-style-type: none;
				}
				div#membersarea li { 
					padding-left: 5px;
					display: inline; 
				}
				div#membersarea li a {
                    font-size: 11px;
                    text-decoration: none;
					font-weight: normal;
                    color: #1575D7;
                }

/* ----------------------------
   seperate content-styles here
   ----------------------------*/
	/*div#contentmain p*/
	div#contentmain p.bodytext {
   		/*margin: 10px; margin-left: 25px; margin-right: 100px;*/
		margin: 10px 0px;
   		font-size: 13px;
   		text-align: justify;
   		line-height: 19px;
   		/*color: #4E4E4E;*/
	}
	div#contentmain a { color: #1068D4; }
	div#contentmain h1 {
   		/*margin: 10px; margin-left: 25px; margin-right: 100px;*/
		margin: 10px 0px;
   		font-weight: bold; font-size: 15px;
   		text-transform: uppercase;
   		color:  #1068D4;
	}
	div#contentmain h2 {
   		/*margin: 10px; margin-left: 25px; margin-right: 100px;*/
		margin: 10px 0px;
   		font-weight: bold; font-size: 14px;
	}
	div#contentmain h3 {
		margin: 10px 0px;
   		font-weight: bold; font-size: 13px;
	}
	div#contentmain ul { margin-left: 80px; margin-top: 20px; margin-bottom: 20px;}
   	div#contentmain ol { margin-left: 20px; margin-bottom: 10px; }
   	div#contentmain ul li, div#contentmain ol li  {
       padding: 5px;
       font-size: 13px;
       color: #4E4E4E;
   }

	div#contentmain table { border-collapse: collapse; border-spacing: 0px; }
	div#contentmain table.contenttable {
   		margin-left: 70px; margin-top: 10px; margin-bottom: 10px;
   		border: 1px solid #D4EFFF;
	}
   		div#contentmain table.contenttable td {
       		padding: 7px 10px;
       		color: #4E4E4E;
   		}
   		div#contentmain table.contenttable tr.even td { background: #E0F3FB; }
   		div#contentmain table.contenttable tr.odd td { background: white; }

/* BOOK-LIST */
	div#contentmain table.book-list { /*border: 1px solid #E0F3FB;*/ }
		div#contentmain table.book-list h2 { 
			margin: 0px;
			font-size: 12px; 
		}
		div#contentmain table.book-list td { 
			padding: 3px 10px 5px 7px;
			vertical-align: top;
			/*background: #E0F3FB;*/
		}
		/*div#contentmain table.book-toc tr.even td { background: white; }*/
		div#contentmain table.book-list tr.first td { padding-top: 20px; } 
		div#contentmain table.book-list tr.linkrow td { 
			/*padding-bottom: 30px;*/
			/*background: #E0F3FB;*/
			/*border-bottom: 1px solid #E0F3FB;*/
		}

/* BOOK-TOC */
	div#contentmain table.book-toc { 
		width: 584px;
		margin-left: 50px;
		border: 1px solid #E0F3FB; 
	}
	div#contentmain table.book-toc td {
   		padding: 7px 10px;
		font-size: 12px;
   		color: #4E4E4E;
	}
		div#contentmain table.book-toc td.td1st { width: 10px; }
		div#contentmain table.book-toc td.td2nd { width: 450px; }
		div#contentmain table.book-toc td.td3rd { width: 60px; }
		
		div#contentmain table.book-toc td p.bodytext { padding: 0px; margin: 0px; }
		div#contentmain table.book-toc td p.authors {
			font-size: 11px;
			font-style: italic;
		}
	div#contentmain table.book-toc tr.even td { background: #E0F3FB; }
	div#contentmain table.book-toc tr.odd td { background: white; }


/******************
 REGISTRATION
 ******************/
	.tx-srfeuserregister-pi1 { 
		/*margin-left: 10px;*/
	}
	.tx-srfeuserregister-pi1 fieldset { border: none; }
	.tx-srfeuserregister-pi1 label {
		font-size: 13px;
		color: #555555;
	}

		.tx-srfeuserregister-pi1 dl { margin: 0; padding: 1em 0 0 0; }
		.tx-srfeuserregister-pi1 dt, 
		.tx-srfeuserregister-pi1 dd { margin: 0; padding: 0 0 .7em 0; float: left; }
		.tx-srfeuserregister-pi1 dt { 
			clear: both; 
			width: 100px;
			text-align: right;
			padding-right: 1em; 
		}
		.tx-srfeuserregister-pi1 dd { text-align: left; width: 300px; }
		


	.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-text,
	.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { 
		height: 14px;
		padding: 2px 5px;
		color: #555555;
		border: 1px solid #777777; 
	}
	.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-text,
	.tx-srfeuserregister-pi1 select#tx-srfeuserregister-pi1-static_info_country { width: 170px; }
	input#tx-srfeuserregister-pi1-password_again { width: 100px; }
	input#tx-srfeuserregister-pi1-title { width: 100px; }
	input#tx-srfeuserregister-pi1-zip { width: 100px; }
	/*.tx-srfeuserregister-pi1 label span { color: #10; }*/

		/*.tx-srfeuserregister-pi1 p { margin-top: .5em; margin-bottom: 0; padding: 0 .3em; text-indent: 0; }
		.tx-srfeuserregister-pi1 h4 { margin-top: 0; padding-left: .3em; }*/
		.tx-srfeuserregister-pi1 legend { padding: 0 .5em; font-weight: bold; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-notice { font-style: italic; margin-bottom: 1em; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-trash { margin-bottom: 2em; }
		.tx-srfeuserregister-pi1 a { padding-left: 14px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link.gif"); background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-error { color: #ff0000; }
		.tx-srfeuserregister-pi1 input { margin: 0; padding: 0 .5em 0 0; }
		.tx-srfeuserregister-pi1 input[type=password] { margin-right: 1em; }
		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password { margin-right: 1em; }
		.tx-srfeuserregister-pi1 input[type=radio], .tx-srfeuserregister-pi1 input[type=checkbox] { background-color: transparent; }
		* html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio, * html .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-checkbox { background-color: transparent; }		
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon { margin-left: 1em; background-color: transparent; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-delete-icon:hover { cursor: pointer; }
		.tx-srfeuserregister-pi1 a.tx-srfeuserregister-pi1-file-view { padding-left: 15px; background-image: url("../typo3conf/ext/sr_feuser_register/pi1/internal_link_new_window.gif"); background-color: transparent; background-repeat: no-repeat; font-size: .8em; margin-left: 1em; }
		.tx-srfeuserregister-pi1 ul { margin: 0; padding: 0; list-style-position: inside; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes { list-style-type: none; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li { margin: 0 0 .3em 0; padding: 0; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checkboxes li label { margin: 0; padding: 0 0 0 .5em; }
		.tx-srfeuserregister-pi1 ul.tx-srfeuserregister-multiple-checked-values li { float: left; padding: 0 2em 0 0; margin: 0; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dt { width: auto; padding-right: 0; }
		.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-multiple-checkboxes dd { width: auto; }
		* html .tx-srfeuserregister-pi1 dd { float: none; }
		.tx-srfeuserregister-pi1 dd p { margin-top: 0; margin-bottom: .5em; padding: 0; }
		.tx-srfeuserregister-pi1 dd label { padding: 0 1em 0 .5em; }

/******************
 REGISTRATION
 ******************/
	table.tbl_newsletterregister { margin-top: 10px; margin-bottom: 10px; }
	table.tbl_newsletterregister td { padding: 5px; }


/*****************
 **   FOOTER   **
 ****************/
div#contfooter {
    width: 1064px; height: 58px;
    margin: 0px auto;
    overflow: auto;
    text-align: left;
    background: white url(../images/footer-bg.gif) repeat-y bottom center;
}
    div#footer {
        height: 31px;
        margin-left: 24px; margin-right: 24px;
        background: #E0F3FB;
    }
    span#copyrightnotice {
        margin-left: 5px; padding-top: 10px;
        width: 195px;
        color: #1575D7;
        float: left;
        font-size: 10px;
    }
    ul#menufooter {
        margin-right: 10px; margin-top: 8px;
        width: 250px;
        float: right;
        text-align: right;
        list-style-type: none;
    }
        ul#menufooter li {
            padding-left: 10px;
            font-size: 11px;
            display: inline;
        }
        ul#menufooter li a {
            font-size: 10px;
            color: #1575D7;
            text-decoration: none;
        }
