﻿/*	
    iucon Gmbh 2009 | style definitions 
    author: CS
    © iucon GmbH 2009 

    _ NEWBOOKS color code
    
        black : #000
        white:  #fff
        grey_1: #414141
        grey_2: #666
        grey_3: #bfc0c1
    */

/* IMPORTS */
@import url('../Style.css');
@import url('Layout.css');
@import url('TabControl.css');
    
/* GENERAL + RESET */
* { font-family: Verdana, Helvetica, Sans-Serif; font-size: 12px; color: #414141; }

body, div, p, form, span, table, tr, th, td, h1, h2, h3, h4, ul, li, form {
	margin: 0; padding: 0; border: none;
}

body { background: url('../images/bgr_main.gif') top left repeat-x; padding: 0; }
hr { border: 1px solid #666; border-left: none; border-right: none; border-top: none; height: 1px; }


#clear { clear: both; height: 0; font-size: 0; line-height: 0; }
.flLeft { float: left; }
.flRight { float: right; }
.hidden { display: none; width: 0; height: 0; }
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }
.max { width: 100% !important; }

.pCenter { text-align: center; }
.pRight { text-align: right; }
.pLeft { text-align: left;}
.pBlock { text-align: justify; }
.pFlow { line-height: 15px; }

/* FORMAT */
.sizeUp1 { font-size: 13px !important; }
.sizeNorm { font-size: 12p !important; }
.sizeDown1 { font-size: 11px !important; }
.strong { font-weight: bold; }
.emph { font-weight: bold; color: #000; }
.header { color: #fff; font-size: 12px; font-weight: bold; }

/* LINKS */
a:link, a:active, a:visited, a:focus {
    color: #000 !important; padding: 1px 0 1px 1px !important; text-decoration: none; border-bottom: 1px dotted #000; }
a:hover { border-bottom: 1px solid #000; background: #bfc0c1; }

a.header:link, a.header:active, a.header:visited, a.header:focus {
    color: #fff !important; font-size: 12px; padding: 1px 2px !important; margin: 0px 6px; text-decoration: none; font-weight: bold; border: none !important; }
a.header:hover { background: #000 !important; }

a.header2:link, a.header2:active, a.header2:visited, a.header2:focus {
    color: #ccc !important; font-size: 12px; padding: 1px 2px !important; margin: 0px 6px; text-decoration: none; font-weight: bold; border: none !important;  }
a.header2:hover { color: #fff !important; background: none !important; }

a.footer:link, a.footer:active, a.footer:visited, a.footer:focus {
    color: #666 !important; font-size: 12px; padding: 1px 0 1px 1px !important; margin: 0px 6px; text-decoration: none; font-weight: bold; border: none !important; }
a.footer:hover { color: #000 !important; background: none !important; }

a.footer2:link, a.footer2:active, a.footer2:visited, a.footer2:focus, a.footer2:hover {
    color: #999 !important; font-size: 10px; padding: 0 !important; margin: 0 !important; text-decoration: none; 
    border: none !important; background: none !important }

.pseudoLink { color: #000 !important; padding: 1px 0 1px 1px !important; text-decoration: none; border-bottom: 1px dotted #000; }
.pseudoLink:hover { border-bottom: 1px solid #000; background: #bfc0c1; }

.linkIcon { margin: 0 5px 0 0; }
.buttonIcon { cursor: pointer; }

/* HEADLINES */
h1 { font-size: 12px; color: #000; margin: 0 0 5px 0; }
h2 { font-size: 11px; color: #000; font-weight: normal; margin: 0 0 4px 0; }
h3 { font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, Lucida, Verdana, Helvetica, Arial, sans-serif; 
     color: #414141; font-weight: normal; font-size: 12px; }

    .h3Icon { float: left; margin: 0 5px 0 0; }

h4 { font-size: 11px; color: #000; margin: 10px 0 5px; }

h5 { font-size: 12px; color: #414141; margin: 10px 0; }    

h1.details { font-size: 13px; color: #000; margin: 0 0 20px 0; }
h2.details { font-size: 12px; color: #000; margin: 0 0 5px 0; }
     
/* FORM + INPUT */
input.text, textarea.text { border: 1px solid #000; padding: 2px 2px 2px 3px; }
select.select { border: 1px solid #000; padding: 1px; }
input.radio { border: none; }
input.error { background: #fffacd; }
.alterna { background: #e0e0e0; }

/* OLD STYLE.CSS */
.popupControl { background: #fff; position: absolute; visibility: hidden; }
div.popupControlInner { border: 1px solid #000;	padding: 5px; }

.collapsePanel { overflow: hidden; }
.collapsePanelHeader { height: 30px; color: #000; font-weight: bold; border: 1px solid #000; }

/* FORM + INPUT ERROR */
span.formError { color: #dc3801 !important; font-size: 11px !important; }
span.formError img { margin-right: 5px; margin-bottom: 25px; }

