/* CSS Document */
/* QUALIPOOL.CH */

/******* Structure ********/
html, body
{
	background-color:white;
	background-image:url(images/pagebackground.jpg);
	background-repeat:repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	min-height:100%;
	height:100%;
}

#outercontentframe
{
	/*background-color:#000066;*/
	background-image:url(images/background.png) !important;
	background-image:none;
	background-position:top center;
	width:640px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin: 00px auto 00px auto;
}

#innercontentframe
{
	/*background-color:#0066CC;*/
	width:599px;
	margin: 0px auto 0px auto;
	height:100%;
	min-height:100%;
	border-left: solid 0px black !important;
	border-right: solid 0px black !important;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

#header
{
	background-image:url(images/header.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	width: 100%;
	height: 135px;
}

#title
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#navigation
{
	color:white;
	background-color:black;
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;	
	vertical-align:middle;
	text-align:center;
}

#contentblock
{
	background-color:white;
	padding-left:200px;
	padding-right:20px;
	padding-top:20px;
	background-repeat:no-repeat;
	background-position:top left;
	min-height: 400px;
	height:auto !important; 
	height: 400px;
}

.sidebarUeberUns {
	min-height: 500px;
	background-image:url(images/sidebarUeberUns.jpg);
}

.sidebarMitglieder {
	min-height: 500px;
	background-image:url(images/sidebarMitglieder.jpg);
}

.sidebarPraesentationen {
	min-height: 500px;
	background-image:url(images/sidebarPraesentationen.jpg);
}

.sidebarKontakt {
	min-height: 500px;
	background-image:url(images/sidebarKontakt.jpg);
}

.sidebarLogin {
	min-height: 500px;
	background-image:url(images/sidebarLogin.jpg);
}

.sidebarDefault {
	min-height: 500px;
	background-image:url(images/sidebarDefault.jpg);
}

#contentblock p {
    margin-bottom:20px;
    line-height:1.5em;
}

#footerspacer {
    height:38px;
}

#footer
{
	height: 38px;
	text-align:center;
	width:100%;
	bottom:0;
	margin-top:-38px;
}

#login
{
	width: 210px;
}

#login:hover
{
	background-color:#FCFFF2;
}

.furtherpostinfo
{
	font-style:italic;
}

/****** LISTS *******/
ul
{
	margin: 0px 0px 0px 0px;
}

#navigation ul
{
	list-style-type:none;
	padding:0px;
	margin:0px auto 0px auto !important;
	margin:-15px auto 0px auto;
	text-align:center;
	width:430px;
}

#navigation li
{
	float:left;
	margin:-14px 0px !important;
	margin:0px 0px;
}

#navigation li a{
    display:block;
    padding:11px 15px;
}

.selected {
    background-image:url(images/navbg_02.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding:0px;
    color:black;
}

.selected a {
    display:block;
    background-image:url(images/navbg_01.gif);
    background-repeat:no-repeat;
    background-position:top left;
    padding:10px 15px;
    margin:0px;
    color:black;
}

#contentblock ul {
    list-style-image:url(images/pfeil.png);
}

#contentblock li {
    margin-bottom:6px;
}


/****** TYPOGRAPHY ******/
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
}

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

a
{
	//color:#3475BF;
	color:#7D9324;
	text-decoration:underline;
}


a:visited
{
	color:#444;
}

a:hover
{
	text-decoration:none;
}

#navigation a, #navigation a:hover,#navigation a:visited,#navigation a:active
{
	font-size: 1.0em;
	color: #E1E1DE;
	text-decoration: none;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.03em;
}

#navigation .selected a, #navigation .selected a:visited, #navigation .selected a:active {
    color:black;
}

.upper {
    text-transform:uppercase;
}

/** Headers **/
h1, h2, h3, h4, h5, h6, h7
{
	//font-family: Helvetica, Arial Narrow, Geneva, Arial, serif;
	font-family: Lucida Sans, Tahoma, Arial, sans-serif;
}

h1
{
    font-size:25px;
    color:#1c7500;
    padding:0px;
    margin:10px 0px 30px 0px;
    letter-spacing:-0.01em;
}

h2
{
	color:#444;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.01em;
	margin: 20px 0px 0px 0px;
	padding-bottom:10px;
}

h3 {
    border-bottom:1px solid #999;
}

#title {
    font-size:1px;
}

/******* Forms *********/
#loginform
{
	
}

#loginform input
{
	border: 1px solid gray;
	width: 150px;
	margin: 5px 5px 5px 5px;
	background-color:#eee;
}

#formsubmit
{
	width: 90px;
	background-color:#E4FFE7;
}


/********** Images ************/
img
{
	border: 0px none black;
}

/*** Other stuff ***/
#filelist ul{
			 margin:10px 0px;
			 padding:0px;
            }
			
			#filelist li{
			     background-color:#f8f8f8;
			     border: 1px solid #bbb;
				 border-collapse:collapse;
				 margin-top:-7px;
				 padding:10px 5px;
				 width:360px !important;
				 width:350px;
				 list-style-position:inside;
            }
			
			#filelist .selected {
			 background-color:white;
			}
            
            #filelist li:hover {
                background-color:#A5D244;
                color:white;
                font-weight:bold;
            }
			
			#filelist li:hover a {
                color:white;
            }
            
            #filelist .oddOneOut {
                background-color:#f4f4f4;
            }
            
            .add {
                margin-left:3px;
                margin-right:3px;
            }
            
            .icon {
                width:15px;
                margin-right:5px;
            }
            
            .largericon {
                width:22px;
            }
            
            fieldset {
                margin-top:10px;
                background-color: #FEFFE5;
                font-size:12px;
                border:1px solid #DDEE9A;
            }
            
            #progress {
                list-style-image:url(images/spinner.gif);
                display:none;
            }
            
            .progressvisible {
                display:inline;
            }
            
            #addfiles {
                display:;
            }
            
            #contactform {
                text-align:left;
            }
            
            #contactform input, #contactform textarea {
                width:320px;
                border:1px solid #ccc;
                margin:5px;
                padding:5px;
                font-family: Lucida Sans, Tahoma, Arial, sans-serif;
                color:#003900;
            }
            
            #contactform label {
                display:block;
                margin-left:5px;
            }
            
            #informationbox {
                border: 3px solid yellow;
                background-color:#FCFF9E;
                text-align:center;
                margin:10px;
                padding:10px;
            }
            
/**** Transparent PNG Hacks start here ****/

/** Internet Explorer Semi-Transparent PNG Hack **/
.bubble {
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/background.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.bubble[class] {
    background-image:url(images/background.png);
}