/*-----------------------------------------------------------------------------
Backnanger Straßenfest Screen Stylesheet

version:   1.0
date:      06/03/08
author:    Heike Autenrieth-Häfner
email:     heike@autenrieth-haefner.de

website:   www.autenrieth-haefner.de

www.backnanger-strassenfest.de/css/screen.css
-----------------------------------------------------------------------------*/




/* margin, padding, border 
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/* layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both; height:60px; overflow:visible; 
}



.right
	{
	float: right;
}



.left
	{
	float: left;
}

/* document
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.5  Verdana, "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
	color: #444;
	text-align: center;
	height: 100%;
	background: #676C72 url(images/bg_body.png) repeat-x;


}



#container {
	width: 900px; /* Seitenbreite */
	text-align: left;
	margin-bottom: 25px;
	margin: 0px auto 25px auto;
	background-color: #fff;
}

/* Spaltenlayout 3 Spalten 170 | 410 | 320
-----------------------------------------------------------------------------*/
#content {
background-color: #fff;
margin: 0 320px 0 170px;
padding: 0;
}

#col_left {
position: absolute; /*verhindert den unerwünschten Einzug in Content bei IE*/
float: left;
width: 170px;
margin: 0;
padding: 0;

}

#col_right {
float: right;
width: 300px;
margin: 0;
padding: 0;
padding-top: 0px;
}



/* Typography
-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {font-family: /*"Lucida Grande", "Lucida Sans", Arial, Helvetica,*/ Verdana, Sans-Serif; display:block;}
/* große dblaue headline  mit unterstrich */
h1 {
	font-size: 1.6em; 
	 color: #94298c;   
	margin: 1.0em 0 12px 0;
	}
	
/*subline in schwarz*/
h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	margin: 0 0 10px 0;
	}
	
h3
	{
	font-size: 1.1em;
	color: #ea7500;
	font-weight: bolder;
	margin: 0 0 2px 0;

}
	
/*headline in container oben orange unten violett*/
h4 {

	font-size: 1.2em;
	color: #000;
	font-weight: normal;
	padding-bottom: 1.5em;
	
}
	
h5
	{
	font-size: 1.4em;
	color: #333;
	font-weight: bolder;
	padding-right: 30px;
	text-align: right;

}
h6
	{
	font-size: 1.4em;
	color: #000;
	font-weight: bolder;
}
	
p, q, cite
	{
	font-size: 1.1em; 
}

ul, ol, dl
	{
	list-style: none;
	font-size: 1.1em; 
	padding-bottom: 1.3em;
}
ul.disc 
{
	list-style: disc;
    margin-left: 15px;
}


li, dd, dt
	{
	/*font-size: 1.0em;*/
	line-height: normal; 	
	padding-bottom: 0.2em;
}

dt {
font-weight: bold;
color: #555;
}
dd
{
margin-bottom: 1em;
line-height: 1.9;
}

hr {
	color: #fff;
	background: inherit;
	border-top: 1px solid #666;
	margin: 2px 0;
}
/* Header
-----------------------------------------------------------------------------*/

#header {
	background: url(../images/strassenfest.jpg) no-repeat;
}

/* Navigation
-----------------------------------------------------------------------------*/


a:link {
text-decoration: none;
font-weight: bold;
color: #000;
}
a:visited {
color: #000;
text-decoration: none;
font-weight: bold;

}
a:hover {
color: #ea7500;
text-decoration: none;
font-weight: bold;

}
a:focus {
color: #ea7500;
text-decoration: none;
font-weight: bold;

}
a:active {
color: #ea7500;
text-decoration: none;
font-weight: bold;

}

.standort {
color: #ea7500;
text-decoration: none;
font-weight: bolder;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	background-color: #9ABDDA;
	height:100px;

}
#footer p {
font-size: 0.9em;
color: #666;
padding-left: 25px;
padding-top: 25px;
}


/* Homepage
-----------------------------------------------------------------------------*/



/* eigener inhalt
-----------------------------------------------------------------------------*/
#content p {
margin-bottom: 1.5em;
}
#textbox {
	padding: 30px 35px 15px 40px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;

}
#navi {
	padding: 30px 0px 15px 20px;
}
#col_right p {
padding: 0px 25px 1.2em 20px;
}

.schwarz {
color: #000;
}
.zwanzig {
	padding-left: 20px;
}

em.zwanzig {line-height: 30px;}
em.schwarz {
	line-height: 14px;
}

/* Formulare
-----------------------------------------------------------------------------*/



input.text
	{
	padding: 3px;
	border: 1px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/



table { 
	font-size: 1.1em; 

}
th {
  	text-align: left;
	color: #000;
}
td {

  	text-align: left;
	font-weight: normal;
}
.wech {
	text-decoration: line-through;
}