/**
 * This is the main Stylesheet for the Website "springerf3.de"
 * 
 * @author Sebastian Schreiber - info@springerf3.de
 * @date 21.12.2008 
 * 
 * USED COLORS ON THE WEBSITE
 * yellow - #c3a600 // this is the accent color 
 * grey01 - #b2b2b5 // this bright grey is used for the navigation entries
 * grey02 - #3e3e3d // this grey is used for the continous text
 */    

html, body {
    height: 98%;
    margin: 0;
    padding: 0;
    background:white;
}

body {
    background-color: #FFFFFF;    
    line-height: 130%;
}

body, a, input, select, textarea {
    color: #3e3e3d;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

a {
    outline: none;
    text-decoration: none;
}

a:hover, 
a.active,
div#contentWrapper a,
.highlight,
span.highlight strong,
span.highlight b {
	color: #c3a600 !important;
}

span.bold_dark_grey {
	color:#30302f;
}

span.bold_bright_grey {
	color:#989a9a;
}

.inline {
	display:inline;
}

td {
    vertical-align: top;
}

img {
    border: none;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: bold;
    color: #000000;
    margin: 0;
    padding: 0;
}

strong, b {
	color:#3e3e3d;
}

p {
	margin:0 0 10px 0; 
	padding:0;
}

hr { 
	margin: 0;
	padding: 0; 
	border: 0; 
	border-bottom: 1px solid #DEDEDE; 
	height: 1px; 
	line-height: 1%;  
	overflow: hidden; 
}

span.isActive a {
    color: #c3a600 !important;
}

span.isSpecialActive a {
    color: #c3a600 !important;
}

br.clearer {
    clear: both;
    line-height: 0 !important;
    height: 0 !important;
    margin: 0;
    padding: 0;
    font-size: 0; 
    overflow: hidden !important;
}

div#outerdiv {
    width: 99%;
    position: absolute;
    height: 99%;
    text-align: center;
}

table#mainTable {
    margin: 0px auto;
    position: relative;
    height: 100%;
    text-align: center;
}

div#outer_border {
    width: 100%;
    height: 670px;
    margin: 20px auto 0 auto;
    overflow: visible;
    position: relative;
	text-align:left;    		
}

div#contentNavigationLogoWrapper {
	position:relative;
	z-index:99;
}


div#backgroundWrapper {
	position:relative;
	z-index:2;
}

table.lidwhite {
    width: 1001px;
    height: 700px;
}

div.leftPartOfLayout {
    width: 113px;
    margin-right: 46px;
    float: left;
    text-align: right;
}

div.rightPartOfLayout {
    width: 830px;
    float: left;
}

div#navigationContentWrapper {
    min-height: 590px;
    width: 100%;
    overflow: visible;       
    background:url("../gfx/lineRight.png") no-repeat top right; 
}

div#logoWrapper {
	background:url("../gfx/lineTop.png") no-repeat 302px 26px;
	height:43px;	
}

div#navigationWrapper {
    overflow: hidden;
    height: 100%;
    margin-top:40px;
}

div#navigationWrapper p {
    display: inline;
}

div#contentWrapper {
    height: 100%;
    line-height: 163%;
    margin-top:38px;   
}

div#contentWrapper div.textColumn {
	width:639px;
}

div#contentWrapper div.csc-frame-frame1 {
	color:#c3a600;
	border-bottom:1px solid #b2b2b5;	
}


div#contentWrapper div.csc-frame-indent3366,
div#contentWrapper div.csc-frame-frame1 {
	width:58%;
	margin-bottom:10px;
}

div#contentWrapper div.csc-frame-frame1 div.textColumn,
div#contentWrapper div.csc-frame-indent3366 div.textColumn {
	width:100%;
}

div#contentWrapper div.csc-frame-frame1 strong,
div#contentWrapper div.csc-frame-frame1 b {
	color:#3e3e3d;
}

div#contentWrapper  .bold_bright_grey b,
div#contentWrapper  .bold_bright_grey strong {
	color:#b2b2b5;
}

div#contentWrapper ul {
    padding: 0;
    margin: 0 0 0 1.4em;
}

div#contentWrapper ul li {
    margin-top: 5px;
}

/* MAINNAVIGATION PROPERTIES */
div#mainNavigation ul.firstLevel {
    text-align: right;
}

div#mainNavigation ul.secondLevel {
	position: absolute;
	left:830px;
	top:83px;
	text-align:left;
	width: 130px;
}

div#mainNavigation ul.firstLevel li ul.secondLevel li {
	margin-bottom:6px;
}

div#mainNavigation ul.firstLevel li ul.secondLevel li a {
	font-size:1.0em;	
}

div#mainNavigation ul.firstLevel li ul.secondLevel li ul.thirdLevel a {
	font-size:1.0em;	
}

div#mainNavigation ul.firstLevel li ul.secondLevel li ul.thirdLevel li {
	margin-bottom:0px;
	margin-top:4px;
	list-style-type:square;
	color:#c3a600;
	margin-left:17px;	
}

div#mainNavigation ul.firstLevel li a {
	font-size:1.3em;	
}

div#mainNavigation ul li {
	margin-bottom:7px;
}

ul.navigation {
	margin: 0;
    padding: 0;
    list-style:none;
}

ul.navigation li {
    padding: 0;
    margin: 0;
}

ul.navigation li a {
	color:#b2b2b5;
}

/* SUBNAVIGATION PROPERTIES */
#subnavigation { margin-top: 100px; }

#subnavigation li { border-bottom: 1px solid #dedede; margin-bottom: 3px; padding-bottom: 3px; }

/* FOOTER-NAVIGATION PROPERTIES */
div#footerNavigation {
    border-top: 1px solid #b7b7b7;    
    text-align: right;
    line-height: 100%;
    width:79.5%;
    margin-top:-3px;
}

div#footerNavigation ul {
	margin-top:5px;
}

div#footerNavigation ul li {
    float: left;
    margin-right:10px;	    
}

div#footerNavigation ul li span {
    border-right: 1px solid #b7b7b7;
    padding-right: 10px;
}

div#footerNavigation ul li span.last {
    border: 0;    
}


div#footerWrapper {
	padding-bottom:10px;
}

/* Formular Fields */
form {
  margin:0;
  padding:0;
}

div.formbody {
  margin-top:10px;
}



select {
  width:204px;
}

div.formbody td {  
  padding-right:5px;
  padding-bottom:5px;
}

div.csc-textpic-above div.csc-textpic-imagewrap {
	margin-bottom:5px;
}

div.tx_sschbackgrounds_pi1_elementsWrapper img {
	border: 0 !important;
}