/**
 * CSS Document for bayerische-staedtebau.de
 * Stylesheet: threecolumns.css
 *
 * Stylesheet for a three column layout: 
 * - Thin top bar
 * - Header section 
 * - Main body: left sidebar and content
 * - Right sidebar
 * - Footer
 *
 * Author: Renaldo Scola
 * Copyright: Renaldo Scola
 * Version: v1.0
 * Last update: 2008-12-08
 **/


/**
 * Some resets
 **/
 
* { margin:0; padding:0 }
a:focus { outline:none }
fieldset { border:0 }
img { border:0; text-decoration:none }
ul { list-style-type:none }


/**
 * Elements
 **/

hr 
{ 
	border-top:1px solid #eee; 
	border-bottom:1px solid white; 
	border-left:0; 
	border-right:0; 
}

input, textarea
{
	padding:0.1em;
	border-top:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #ccc;
}

p 
{ 
	margin:0.7em 0;
	line-height:1.5em;
}


/**
 * Classes
 **/

/* Borders */
.bt { border-top:1px solid #eee }
.bb { border-bottom:1px solid #eee }
.bl { border-left:1px solid #eee }
.br { border-right:1px solid #eee }
.b { border:1px solid #eee }
.no-b { border:0 }

/* Floating */
.left { float:left }
.right { float:right }
.clear { clear:both }

/* Images */
img.left { margin:0 10px 10px 0 }
img.right { margin:0 0 10px 10px }
img.frame
{
	padding:4px;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
}
img.frame-left /* special for RTE */
{ 
	float:left;
	padding:4px;
	margin-right:10px;
	margin-bottom:10px;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
}
img.frame-right /* special for RTE */
{ 
	float:right;
	padding:4px;
	margin-left:10px;
	margin-bottom:10px;
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
}

/* Forms */
input.submit
{
	border-top:1px solid #eee;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #eee;
}
input.submit:hover { cursor:pointer }
.formerror { color:#e00 }

/* Navigation */
.nav-1, .nav-1:hover { display:block }
.nav-2, .nav-2:hover, .nav-2.active, .nav-3, .nav-3:hover, .nav-3.active { display:block }
.nav-2 { padding:0.3em 15px }
.nav-3 { padding:0.3em 30px }


/**
 * Overall wrapping container
 **/

#wrap
{
	min-width:980px;
}


/**
 * The #top container 
 **/

#top 
{ 
	float:left; 
	width:100%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}

#breadcrumbs
{
	float:left;
	margin-left:5px;
}

#imprint 
{ 
	float:right;
	margin-right: 5px;
}


/**
 * The #header container
 **/
 
#header
{
	clear:both;
	float:left;
	width:100%;
}

#header-main { width:75%; }

#header-left 
{ 
	float:left;
	width:29%;
	margin-right:1%;
	text-align:center;
}

#header-center
{
	float:right;
	width:67%;
	margin-left:1%;
	padding:25px 0 0.2em 0;
}

#nav-1 li
{
	float:left;
	margin-right:1.5em;
}


/**
 * The #main-body container:
 * - #content-wrap
 * - #sidebar-left
 **/
 
#main-body
{
	clear:both;
	float:left;
	width:75%;
	min-height:580px;
	margin-top:2px;
	background:url(../gfx/bg_sidebar.jpg) no-repeat 29% 0;
	border-top:1px solid #eee;
}

#content-wrap 
{ 
	float:right;
	width:67%;
	margin-left:1%;
}

#printer /* The printer icon */
{
	float:right;
	margin-top:0.5em;
}

#content 
{ 
	clear:both;  
}

#sidebar-left
{
	float:left;
	width:29%;
	margin-right:1%;
	border-right:1px solid #eee;
}


/**
 * Elements inside #content 
 **/

#content ul, #content ol { padding-left:40px }
#content ul { list-style-type:square }
#content address, #content li, #content p { line-height:1.5em }
#content .center { text-align:center }

/**
 * The #sidebar-left container
 **/
 
#sidebar-left div { border-top:3px solid #007A3C }
#sidebar-left li { border-bottom:1px solid #eee }
#sidebar-left li.first-li { border-top:1px solid #eee }
#sidebar-left li.last-li { border-bottom:0 }
#sidebar-left ul.hidden { display:none }
#sidebar-left li:hover ul.hidden { display:block }


/**
 * The #sidebar-right container
 **/
 
#sidebar-right
{
	float:right;
	width:24%;
	margin-top:2px;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
}
#sidebar-right div 
{ 
	padding:20px; 
}


/**
 * The #footer container
 **/
 
#footer
{
	clear:both;
	border-top:1px solid #eee;
	padding:1em;
}