@CHARSET "UTF-8";

/**************************************************************
   All page content except for footer
 **************************************************************/

@import url("html.css");
@import url("ajax.css");
@import url("boxes.css");
@import url("beifang.css");
@import url("images.css");
@import url("forms.css");
@import url("searchresult.css");
@import url("heft.css");

#main
{
	width: 990px;
	height: 100%;
	min-height: 100%;
	margin: 1em auto;      /* standardkonforme horizontale Zentrierung */
	padding: 0;
}

#content 
{
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	padding: 0;
	height: 100%;
	min-height: 100%;
	float: left;
}

#add 
{
	text-align: right;    /* Seiteninhalt wieder links ausrichten */
    margin: 0;      /* standardkonforme horizontale Zentrierung */
	padding: 0;
	margin-left: .3em;
	vertical-align: top;
	height: 600px;
	width: 160px;
	
	float: left;
}

/**************************************************************
   Colour themes
 **************************************************************/

.textlightblue
{
	color: #009BBA;	
}

.textorange
{
	color: #EB6909;	
}

.textgreen
{
	color: #79B51C;	
}

.textblue
{
	color: #006AB3;	
}

.textpink
{
	color: #E2007A;	
}


/**************************************************************
   Header
 **************************************************************/

#header
{
	height: 215px;
}

#logoberlin
{
	padding: 0 5px 25px 5px;
}

#headerLeft
{
	width: 66%;
	float: left;
	height: 100%;
	min-height: 100%;
}

#headerRight
{
	margin: 25px 20px 25px 0px;
	width: 28%;
	float: right;
}

#headerRight a
{
	color: #ffffff;
	text-decoration: none;
}

#headerRight a:hover
{
	border-bottom: 5px solid #EB6909;
}


/**************************************************************
   Navigation
 **************************************************************/

#navigation
{
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	line-height: 110%;
}

#navigation ul
{
	margin: 0;
	padding: 0 5px 0 15px;
}

#navigation ul li
{ 
	list-style: none;
	margin: 0;
	padding: 0 2px 0 2px;
	font-size: 0.7em;
	display: inline;
}

#navigation ul li a
{
	color: #ffffff;
	padding-bottom: 5px;
}

#navigation ul li a:hover
{
	border-bottom: 5px solid #EB6909;
	padding: 0;
	text-decoration: none;
}

#navigation ul li.more
{
	background-image: url("/images/layout/more_arrow.gif");
	background-repeat: no-repeat;
	background-position: right 4px;
}




/**************************************************************
   Page Content
 **************************************************************/

#page 
{
	margin-top: 25px;
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 3em;
	text-align: left;
	font-size: 0.8em;
}

#pageLeft
{
	float: left;
	width: 63%;
	/*background-color: #ffff00;*/
	margin-bottom: 2em;
}

#pageLeft
{
	/*margin: .8em;	*/
}

#pageRight
{
	float: right;
	width: 	35%;
}

/* Column widths */
.width 
{
  width: 820px;
}

.width100 
{
  width: 100%;
}

.height100
{
	height: 100%;
	min-height: 100%;	
}

.firstletter {
	font-size: 3.5em;
}



/**************************************************************
   Footer
 **************************************************************/




/**************************************************************
   Icons specific to the colour theme
 **************************************************************/





/**************************************************************
   Generic Display 
 **************************************************************/

.fonthead
{
	font-family: Geneva, Tahoma, sans-serif;	
}

.displayblock 
{
  display: block;
}

.positionrelative
{
	position: relative;	
}

.bold
{
  font-weight: bold;
}

.clear 
{
  clear: both;
}

p.smallMargin
{
	margin: .2em !important;
}

.marginRight 
{
  margin-right: 15px;
}

.paddingTop 
{
  padding-top: 14px;
}

.paddingLeft 
{
  padding-left: 5px;
}

.paddingRight 
{
  padding-right: 5px;
}

.floatLeft 
{
	float: left;
}

.floatRight 
{
  float: right;
}

.alignCenter 
{
  text-align: center;
}

.alignLeft 
{
  text-align: left;
}

.alignRight 
{
  text-align: right;
}

.alignTop 
{
  vertical-align: top;
}

.alignMiddle 
{
  vertical-align: middle;
}

.alignBottom 
{
  vertical-align: bottom;
}

.marginTop
{
	margin-top: 8px;	
}

.marginBottom
{
	margin-bottom: 8px;	
}

.white
{
	color: #ffffff;
}

.black
{
	color: #000000;
}

.hidden
{
	visibility: hidden;
	display: none;
}

.capitals
{
	text-transform: uppercase;
}

.smallerText
{
	font-size: 80%;	
}