/**
 * @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #379EE3; /* this is the main background color for the page */
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;
	padding: 0px;
	text-align: center;
}


.middle{
       background: #D0C9CB;
       height:800px;
       width:600px;
       margin: 0px 0px 0px 0px;
       padding:0px 0 0 0;
       float: left;
}

.front{
       background-image:url(/images/midbkg.jpg);
       height:800px;
       width:600px;
       float: left;
}


/* ################   Position ################  */
#all
{
	background: #D0C9CB;
	border: solid 0px #DBB0CD; /* small border goes around the whole page. I left it as pink so we don't forget it's there. */
	color: #000000;
	font-size: 0.8em;
        margin: 0 auto; /* ALERT: I THINK THIS IS WHAT MAKES IT COLLAPSIBLE? */
	max-width: 1200px;
	padding: 0 0 0 0; /* top -> clockwise. amount of padding, syntax: 3px */
	text-align: left;
}

#page { }

#header
{
	/*background: #D0C9CB;*/
	color: #000000;
	margin: 0;
        padding: 0;
        max-width: 600px;
	/*float: left; /* Changed to float:left */
	text-align: right;
	border-bottom: solid 0px #ccc; /* this is the small grey bit at bottom of header/breadcrumbs */
        
        
}

#contentarea,#contentarea2
{
        /*background: #D0C9CB; */
	border: solid 0px #000;
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
        height:600px;
}

#wrapper {
  margin: 0 0 0 0; 
} /*Changed left from 21%, here's that wrapper you were looking for? */

#left
{
	background: #D0C9CB;
	border-right: solid 0px #EEEEEE;
	float: left;
	margin: 0 0 0 0; /* we changed some stuffs heres w was 21% margin was 20px on top. height was not specified */
	width: 228px;
        height: 800px;
        background-image: url(/images/new_k4_01.gif);

}
#right
{
	color: #000;
	float:left;
	width: 372px;
        height: 800px;
	padding-top: 0px;
        background-image: url(/images/right_05.gif);

}

#main2
{
	background: #D0C9CB;
	width:64%;
	padding: 25px 20px 20px 20px;
	position: relative; /* Position supposed to be relative? */
	min-height:20px; /* here you can change the height of something! */
	/*float:left;*/


}

#main
{
	/*background: #D0C9CB; /* this changed the color of the space behind the articles. */
	margin: 0 0px 0 0;
	padding: 0px 0px 0px 0px;/*25px 20px 20px 20px */
	position: relative; /* Position supposed to be relative? */
}

/* ###################### generell ###################### */
.unsichtbar,.u2,.invisible , .unseen   /* no idea what this stuff is */
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute; /*changed from absolute*/
	top: -2000px;
	width: 0px;
	z-index: 200; /*priority to stack in the front (of anything less than 200) */
        padding: 0 !important; /* I added these two things to no avail */
        margin: 0 !important;
}

.wrap
{
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 0px; /* changed from 1 */
	margin: 0;
	padding: 0;
	visibility: hidden; 
}


#logo
{
	font-size: 1em !important;
	font-weight: bold !important;
	/* position: relative;  /* another relative position */
	text-align: left;
	text-transform: none !important;
	z-index: 0;
	margin: 0;
        padding: 0;
        
}

#logo  img { display: block; }

#logo span
{
	display: block;
	margin: 0px 0 0 0px !important; /* changed last from 100 */
	border-bottom: solid 0px #666; /* changed from 1 */
}

/* ###############  main * ########################### */
/* position */
.leading
{
	/*background-color: none; /*#D0C9CB; url(/images/new_k4_06.gif) no-repeat top left;*/  
	border: solid 0px #CCCCCC;
	color: #000000;
        width:600px;
        height:402px;/*Change the height of the text boxes*/
	margin: 0px 0px 0px 0px;
        overflow:visible;
	padding: 0px 0px 0px 0px; /* changed from 20 20 0 20 */
	position: relative;
}

.leading_separator
{
	border-bottom: solid 0px #333333;
	display: block;
	height: 0px;  /* amount of space between the first article and the ones under it */
	margin: 0 0 0px 0;
}


.article_separator
{
	border: solid 1px #333333;
	display: none;
	margin: 0px 0 0px 0;
}

.blog { padding: 0; }

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2    /*This is the first nonpurple-enclosed col of articles, see down a bit for the second */
{ 
        width: 230px;
        float: left;
        margin: 0 0 0 20px;
        
}

.cols3 { width: 30%; } /*this is the oddly, not the second. seems to change nothing */

.column1 , .column2
{
	border: solid 0px #d4a7c5; /* cant figure out what this is, making it a diff color and 2px: still cant find it */
	margin: 0 0px 0 0;
	position: relative; /* position supposed to be relative? */
}

.column2 , .column1
{
	float: left;
	margin: 0;
}

.column2
{
	float: left; /*changed from float right*/
	margin-left: 150px;      /* THIS is the second column of nonpurple-enclosed articles! */
	width: 130px; 
}


.article_row
{
	margin: 0px 0 0px 0;
	padding: 0;
	overflow: wrap;
}

.article_column
{
	border: solid 0px #ccc;
	padding: 0px 10px 0px 10px; /* padding around lower articles */
}

.row_separator2
{
	display: block;
	clear: none; /* changed from both*/
	margin: 0;
	border: solid 0px;
}



/* Image Mapping - Nav Bar */
#image
{
	height:57px;
	width:600px;
}
	
#home
{
	float:left;
	width:99px;
	height:58px;
	background-image:url(/images/linkbar_07.gif);
}
	
#aboutus
{
	float:left;
	width:91px;
	height:58px;
	background-image:url(/images/linkbar_08.gif);
}
	
#menu
{
	float:left;
	width:85px;
	height:58px;
	background-image:url(/images/linkbar_09.gif);
}
	
	
#feedback
{
	float:left;
	width:215px;
	height:58px;
	background-image:url(/images/linkbar_10.gif);
}
	
	
#takery
{
	float:left;
	width:110px;
	height:58px;
	background-image:url(/images/linkbar_11.gif);
}