/************************************************************************
* project: Ostergarten Winnenden
* 
* @site				http://www.ostergarten-winnenden.de
* @version 			0.1
* @date 			2008-10-26
* @lastmodifierd	2009-01-22
* @author			S.Matutis
* @copyright		Volksmission Winnenden e.V.
* @see				http://www.vomi.de
* 
*************************************************************************
*** table of contents
*************************************************************************
*
* definition of colors			A
* basic configurations			B
* handy functions				C
* headlines						D
* table elements				E
* list elements					F
* div positions					G
*
*************************************************************************/

/************************************************************************
 *** A: definition of colors
*************************************************************************/

.color1 {color:#410047;} /*dark purple*/
.color2 {color:#670193;} /*bright purple*/
.color3 {color:#F2CB05;} /*bright yellow*/
.color4 {color:#F29F05;} /*darker yellow*/
.color5 {color:#BF5B04;} /*orange*/

/************************************************************************
 *** B: basic-configurations
*************************************************************************/
body{
	margin:0;
	padding:0;
	background-color: #ffffff;
	font-family: Arial,Lucida Grande, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#808080;
}
div{
	margin:0;
	padding:0;
}
/*************************************************************************
 *** C: handy functions
**************************************************************************/
/*
#content{background-color:blue}
#navi{background-color:green}
#context{background-color:red}
#footer{background-color:grey}
*/
/*padding: top right bottom left;*/
.hidden{
	display:none;
}
/************************************************************************
*** D: headlines & naviation
*************************************************************************/
h1,h2,h3,h4 {margin: 0;padding:0;}

h1	{font-size:18px; font-weight:normal; color: #808080;padding:0; margin:0;}
h2	{font-size:14px; font-weight:normal; color: #808080;padding:0; margin:0;}
h3	{font-size:12px; font-weight:normal; color: #808080;padding:0; margin:0;}
h4	{font-size:11px; font-weight:bolder; color: #808080;padding:0; margin:0;}

#navi a			{text-decoration:none;list-style-type: none; color:#00aad4;}
#navi a:link	{text-decoration:none;list-style-type: none; color:#00aad4;}
#navi a:visited {text-decoration:none;list-style-type: none; color:#00aad4;}
#navi a:active	{text-decoration:none;list-style-type: none; color:#00aad4;}
#navi a:hover	{text-decoration:none;;list-style-type: none; color:#4d4d4d;}

/************************************************************************
*** E: table-elements
*************************************************************************/
table			{padding:0; margin:0;border-collapse:collapse; font-size:12px;}
tr,td,th		{padding:0; margin:0; vertical-align:top;}

/************************************************************************
*** F: list-elements / links
*************************************************************************/

a			{text-decoration:none;list-style-type: none; color:#00aad4;}
a:link		{text-decoration:none;list-style-type: none; color:#00aad4;}
a:visited 	{text-decoration:none;list-style-type: none; color:#00aad4;}
a:active	{text-decoration:none;list-style-type: none; color:#00aad4;}
a:hover		{text-decoration:none;;list-style-type: none; color:#4d4d4d;}

ul				{list-style-type: none; margin:0;padding:0;}
ul li			{margin-top:3px;}
ul li a			{text-decoration:none;list-style-type: none; color:#670193;}
ul li a:link	{text-decoration:none;list-style-type: none; color:#670193;}
ul li a:visited {text-decoration:none;list-style-type: none; color:#670193;}
ul li a:active	{text-decoration:none;list-style-type: none; color:#670193;}
ul li a:hover	{text-decoration:none;;list-style-type: none; color:#670193;}


/*************************************************************************
 * G: div positions
 *************************************************************************/
#wrapper{
	position:absolute;
	background: #ffffff;
	width:781px;
	margin: 20px auto 0 auto ;
	left:20%;
}
/*Container zum umgehen des Box-Model-Bugs*/
#navi_container{
	width:	781px;
	height:51px;
	background-image: url(/fileadmin/templates/ostergarten/images/bg_top.png);
}
#navi_menu{
	font-size:8pt;
	color:#0066FF;
	padding-left:25px;
	padding-top:25px;
}

#header{
	position:static;
	width:781px;
	height:239px;
	background-image: url(/fileadmin/user_upload/images/ostergarten2012/header_img.png);
	float:right;
}

#main{
	position:static;
	width:781px;
	background-image: url(/fileadmin/templates/ostergarten/images/bg_middle.png);
	float:left;
}
#content{
	position:relative;
	width: 700px; 
	font-size:9pt;
	top:25px;
	left:25px;
	clear:right;
	margin-bottom:50px;
}

/*Container zum umgehen des Box-Model-Bugs*/
#footer_container{
	position:static;
	width:781px;
	height:80px;
	background-image: url(/fileadmin/templates/ostergarten/images/bg_middle.png);
	float:left;
}
#footer_content{
	padding-left:25px;
}
#footer_content table{
	font-size:8pt;
}

.table_content{
	font-size:9pt;
}

/*************************************************************************
 * E: POWERMAIL
 *************************************************************************/
fieldset.tx-powermail-pi1_fieldset legend{
	font-size: 14pt;
}
#tx-powermail-pi1_fieldset_1 legend{
	padding:0;	
}
/* Disable border */
fieldset.tx-powermail-pi1_fieldset {
	border:hidden;
	border-style:none;
	}

/* Style labels */
fieldset.tx-powermail-pi1_fieldset label {
	width: 120px;
	float: left;
	clear: both;
}
/* Style input fields */
fieldset.tx-powermail-pi1_fieldset input,fieldset.tx-powermail-pi1_fieldset select {
	width: 220px;
	height:17px;
	color: #0066FF;	
	border-bottom-style:dotted;
	border-left-style:none;
	border-right-style:none;
	border-top-style:none;
	border-width:1px;
	border-color:#808080;
	margin-left: 5px;
	padding-left:2px;
	scrollbar-arrow-color:#FFCC00;
}

/*submit button stylen*/
#btn_anmeldung{
	width:94px;
	height:30px;
	border-style:none;
	margin:0;
	padding:0;
}

/* Increase margin between every field */
div.tx_powermail_pi1_fieldwrap_html {
	margin: 10px 0;
}

/*************************************************************************
 * E: set ruler as background
 *************************************************************************/
/*#header, #subnav, #context, #footer { 
	background: url(/fileadmin/templates/ostergarten/images/lineal1280_blue.gif);	
}
#mainnav, #content { 
	background: url(/fileadmin/templates/ostergarten/images/lineal1280.gif);	
}*/
/*lightbox
 * 
 *
 */