/* ######################################################################### */
/*   URL: www.ibn.co.za                                                      */
/*   Path: ./_css/IBN_Startpage_1.0.css                                      */
/*   Author: tatze - www.gearz.de                                            */
/*   Version: 1.0  |  Date: 01.02.2010                                       */
/* ######################################################################### */


/* ######################################################################### */
/* General Output */
/* ######################################################################### */

@media all {
	
	body {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		text-decoration: none;
		font-weight: normal;
	}
	
	p {
		margin-top: 0em;
		margin-bottom: 0.7em;
		text-align: justify;
	}

	h1 {
		padding: 0;
		margin: 0;
		margin-bottom: 1.25em;
		font-weight: normal;
		border-bottom: 1px solid silver;
		overflow: hidden;
	}
	
	h1 { font-size: 1.4em; }

	#logo {
		display: block;
		text-align: center;
		margin: 20px auto;
		margin-bottom: 35px;
	}


	#en, #de {
		display: block;
		width: 440px;
		font-size: 11px;
		text-align: left;
		margin: 0;
		padding: 0;
	}

	#en {
		float: left;
	}

	#de {
		float: right;
	}
	
	.normal {
		font-style: normal;
	}
	
	.italic {
		font-style: italic;
	}

}


/* ######################################################################### */
/* Display Output */
/* ######################################################################### */

@media screen {
	
	body {
		background: white;
		color: #333;
	}

	a, a:visited {
		color: #333;
		text-decoration: none;
	}
	
	a:hover {
		color: #881415;
		cursor: pointer;
	}
	
	#page {
		display: block;
		width: 940px;
		margin: 10px auto;
	}
	
	.button {
		color: black;
		display: block;
		width: 300px;
		border: 1px solid #777;
		margin: auto;
		margin-bottom: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
		text-align: center;
		background: #ffffff url(../_img/page/enter_button.png) repeat-x bottom left;
	}
	
	.button:hover {
		border: 1px solid black;
		background: #bcbcbc url(../_img/page/enter_button.png) repeat-x top left;
		cursor: pointer;
	}

	.picture {
		float: left;
		margin: 12px;
		margin-left: 0px;
		padding: 3px;
		border: 1px solid silver;
	}

}


/* ######################################################################### */
/* Printer Output */
/* ######################################################################### */

@media print {
	
	body { color: black; }
	
	#logo {
		height: 100px;
		margin: 0px auto;
		margin-bottom: 35px;
	}

	#de, #en { width: 45%;}
	
	.dontprint { display: none; }
	
	a, a:visited { color: black; }
	
}