/*
CSS-Vorlage by Christoph Baur alias bumuckl
*/

/* RESET FOR ALL ELEMENTS */

		* {
		margin: 0;
		padding: 0;
		}

/*GENERAL HTML TAG STYLING*/

	body {
		font-size: 16px; /* Always work with px when ur using websites with static size...em messes everything up */
		font-family: "Lucida Sans Unicode", Verdana, Arial;
		font-weight: normal;
		color: #000000;
		text-align: justify;
		
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		
		background-color: #ffffff;
		/*background-image: url(background.png);
		background-repeat: repeat-x;*/
		}
		
	a, a:visited, a:active, a:link {
		/* font-family is inherited */
		font-weight: normal;
		color: #ff0000;
		text-decoration: none;
		
		/*anything else is inherited*/
		}
		
	a:hover {
		color: #00ff00;
		
		/*anything else is inherited*/
		}
		
	p { 
		display: block; /*sets width automatically to 100% */
		
		margin: 10px;
		padding: 0px;
		
		/*anything else is inherited*/
		}
		
	div { 
		display: block; /*sets width automatically to 100% */
		
		margin: 0px;
		padding: 0px;
		
		/*anything else is inherited*/
		}
		
	span { 
		display: inline; /*sets width automatically to 100% */
		
		margin: 0px;
		padding: 0px;
		
		/*anything else is inherited*/
		}
		
	h1, h2, h3 {
		/* font-family is inherited */
		font-weight: normal;
		color: #000000;
		
		margin: 0px;
		padding: 0px;
		}
		
	h1, h1 a, h1 a:link, h1 a:visited {
		font-size: 48px;
		color: #000000;
		}
		
	h2, h2 a, h2 a:link, h2 a:visited {
		font-size: 18px;
		color: #000000;
		}
		
	h3, h3 a, h3 a:link, h3 a:visited {
		font-size: 14px;
		color: #000000;
		font-weight: bold;
		}
		
	h1 a:hover, h2 a:hover, h3 a:hover {
		color: #ff0000;
		}
		
	small {
		/* font-family is inherited */
		font-weight: normal;
		font-size: 10px;
		line-height: 10px;
		}
		
	ul {
		/* font-family is inherited */
		font-weight: normal;
		
		list-style-type: disc;
		list-style-position:outside;
	}
	
	ol {
		/* font-family is inherited */
		font-weight: normal;
		
		list-style-type: decimal;
		list-style-position:outside;
	}
	
	li {
		/* font-family is inherited */
		font-weight: normal;
	}
	
	img {
		border: 0px;
	}

/*SPECIAL "THIRD PARTY" TAG STYLING*/	

	.clear {
		clear: both;
	}
	
	.hidden {
		display: none;
	}
	
	.spacer {
		padding: 10px;
	}
	
	.aligncenter {
		text-align: center;
	}
	
	.alignright {
		text-align: right;
	}
	
	.alignleft {
		text-align: left;
	}
	
	/* for pictures mainly! */
	.picture_centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.picture_alignright {
		padding: 5px;
		margin: 0 0 2px 7px;
		display: inline;
			
		border: 1px solid #eeeeee;
	}

	.picture_alignleft {
		padding: 5px;
		margin: 0 7px 2px 0;
		display: inline;
			
		border: 1px solid #eeeeee;
	}

/* PAGE STYLING */

	#centered {
		width: 1024px; /*fixed width for your website */
		
		margin: 0px auto; /*center your website */
		padding: 0px;
		}
		
	#fullscreen {
		width: 100%; /*fixed width for your website */
		
		margin: 0px;
		padding: 0px;
	}
		
/* FLOAT STYLING */

	.box { /* container for floating - div boxes */
		display: block;
	}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.float_left { 
		float:left;
	}
	
	.float_right { 
		float:right;
	}
	
	/* 2 COLUMNS */
	
		.twocolumns { /*sublevel container for floating - div boxes */
		width: 50%;
		}
		
	/* 3  */
	
		.threecolumns { /*sublevel container for floating - div boxes */
		width: 33%; /*modifiy to any perentage you want to */
		}
		
	/* CUSTOM */
	
		.contentcolumn { /*sublevel container for floating - div boxes */
		width: 80%; /*modifiy to any perentage you want to */
		}
		
		.sidebarcolumn { /*sublevel container for floating - div boxes */
		width: 20%; /*modifiy to any perentage you want to */
		}
		
/* MENU */	

	/* HORIZONTAL */

	.menu_horizontal {
		display: block;
	}

	.menu_horizontal ul {
		display: block;
	
		/* font-family is inherited */
		font-weight: normal;
		
		height: 35px;
		line-height: 35px;
		
		list-style-type: none;
		list-style-position:outside;
		
		padding: 0px;
		margin: 0px;
	}
	
	.menu_horizontal ul li {
		display: block;
	
		/* font-family is inherited */
		font-weight: normal;
		
		height: 25px;
		line-height: 25px;

		padding: 0px;
		margin: 0px;
		
		float: left;
	}
	
	.menu_horizontal a, .menu_horizontal a:link, .menu_horizontal a:active, .menu_horizontal a:visited {
		display: block;
		
		/* font-family is inherited */
		font-weight: normal;
		
		height: 25px;
		line-height: 25px;
		
		padding: 5px;
		margin: 0px;
		
		float: left;
	}
	
	.menu_horizontal a:hover {
		
	}
	
	/* VERTICAL */
	
	.menu_vertical {
		display: block;
	}

	.menu_vertical ul {
		display: block;
	
		/* font-family is inherited */
		font-weight: normal;
		
		height: auto;
		line-height: auto;
		
		list-style-type: none;
		list-style-position:outside;
		
		padding: 0px;
		margin: 0px;
	}
	
	.menu_vertical ul li {
		display: block;
	
		/* font-family is inherited */
		font-weight: normal;
		
		height: 25px;
		line-height: 25px;

		padding: 0px;
		margin: 0px;
		
		text-indent: 5px;
		
		clear: both;
	}
	
	.menu_vertical a, .menu_vertical a:link, .menu_vertical a:active, .menu_vertical a:visited {
		display: block;
		
		/* font-family is inherited */
		font-weight: normal;
		
		height: 25px;
		line-height: 25px;
		
		padding: 0px; /* dont try to mess around with padding here, it will destroy your style */
		margin: 0px;

		clear: both;
	}
	
	.menu_vertical a:hover {

	}
	
	/* CUSTOM */
	
/* FORMS */

	input {
	
	}
	
	textarea {
	
	}
	
	button {
	
	}
	
	label {
	
	}
	
/* FONT APPEARANCE */

	.face_1 {
		font-family: "Lucida Sans Unicode";
	}
	
	.face_2 {
		font-family: "Times New Roman";
	}
	
	.face_3 {
		font-family: Verdana;
	}
	
	.face_4 {
		font-family: Arial;
	}
	
	/* different sizes */
	
	.size_10 {
		font-size: 10px;
	}
	
	.size_12 {
		font-size: 12px;
	}
	
	.size_14 {
		font-size: 14px;
	}
	
	.size_16 {
		font-size: 16px;
	}
	
	.size_18 {
		font-size: 18px;
	}
	
	.size_20 {
		font-size: 20px;
	}
	
	.size_22 {
		font-size: 22px;
	}
	
	.size_24 {
		font-size: 24px;
	}
	
	.size_26 {
		font-size: 26px;
	}
	
	.size_28 {
		font-size: 28px;
	}
	
	.size_30 {
		font-size: 30px;
	}
	
	.size_32 {
		font-size: 32px;
	}
	
	.size_34 {
		font-size: 34px;
	}
	
	.size_36 {
		font-size: 36px;
	}

/* BOX PADDINGS AND MARGINS */

	.margin_0 {
		margin: 0px;
	}
	
	.margin_5 {
		margin: 5px;
	}
	
	.margin_10 {
		margin: 10px;
	}
	
	.margin_15 {
		margin: 15px;
	}
	
	.padding_0 {
		padding: 0px;
	}
	
	.padding_5 {
		padding: 5px;
	}
	
	.padding_10 {
		padding: 10px;
	}
	
	.padding_15 {
		padding: 15px;
	}
	
/* BACKGROUND COLORS */

	.bg_blue {
		background-color: #0000ff;
	}
	
	.bg_red {
		background-color: #ff0000;
	}
	
	.bg_green {
		background-color: #00ff00;
	}
	
	.bg_black {
		background-color: #000000;
	}
	
	.bg_white {
		background-color: #ffffff;
	}
	
	/* CUSTOM */
	
	.bg_a50000 {
		background-color: #a50000;
	}