/************************************************************
*   CSS Stylesheet Relaunch 22.08.2008	DDD by BB						*
*   Adapted to new angermann styleguide 										*
* 	only minor structure changes														*
*																														*
************************************************************/


/************************************************************
*   CSS Stylesheet First Version 17.03.2006	DDD by BB				*
*																														*
*	known bug: Mozilla 1.7 has some problems displaying				*
* 	the correct footer position															*
*																														*
************************************************************/


/************************************************************
*																														*
*	First body is for displaying the main-template body.			*
*	In case the popup image is shown, the suberbigbody				*
*	will be used																							*
*																														*
*************************************************************/

html {
	margin					: 0px;
	padding					: 0px;
}

body#normal
{
/*	background-image		: url(../images/background.gif);*/
	background-repeat			: no-repeat;
	background-color			: #CBCBCB;
	background-position		: 0px 0px;;
	margin								: 0px;
	padding								: 0px;
	font-family						: Arial;
}

body#superbigbody
{
	margin					: 0px;
	padding					: 0px;
}



/************************************************************
*															*
*	Clearing up all floatings.								*
*															*
*************************************************************/

.clear
{
	clear					: both;
}



/************************************************************
*															*
*	Styledef for the head section, 							*
*	including the sitelogo 									*
*															*
*************************************************************/

.head
{
	position							: relative;
	width									: 980px;
	height								: 100px;
	padding								: 0px;
	background-color			: #FFFFFF;
	float									: left;
	text-align 						: center;
	margin								: 0px;
	/*background-image			: url(/images/angermann-logo-top.gif);
	background-repeat			: no-repeat;
	background-position 	: 370px 25px;*/
}

.head img
{
	/*float						: left;*/
	margin					: 10px 0px 0px 0px;
	padding					: 0px;
}



/************************************************************
*															*
*	Styledef for the main content section,					*
*	some hacks for browser compatibility					*
*															*
*************************************************************/



.content
{
	position				: relative;
/*Width Hack for same width in IE and Gecko */
	width						: 426px;
	#width					: 461px;

/* Min-Height Hack works with IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
	min-height				: 382px;
  height						: auto !important;
  height						: 409px;

	background-color	: white;
	border						: 0px;
	padding-top				: 25px;
	padding-left			: 25px;
	padding-right			: 10px;
	margin						: 0px 0px 0px 0px;
	float							: left;
}


.content h1
{
	color							: #035642;
	font-size					: 14px;
	font-family				: Arial;
	text-transform		: uppercase;
}


.content .copy
{
	color							: #000000;
	font-size					: 13px;
	line-height				: 16px;
	font-family				: Arial;
}



.content img, .content .inactive
{
	border						: 1px solid #003402;
	margin-top				: 10px;
	margin-right			: 10px;
}

.content img:hover
{
	border					: 3px solid #003402;
	margin					: 8px 8px -2px -2px;
}

.content .active 
{
	border					: 3px solid #003402;
	margin					: 8px 8px -2px -2px;
}



.content .noborder
{
	border					: 0px;
	margin-top			: 10px;
	margin-right		: 10px;
}

.content li
{
	list-style: none;
	color								: #333333;
	font-size						: 11px;
	font-family					: Verdana, Trebuchet MS, Tahoma, Arial, Geneva, Helvetica, Swiss, SunSans-Regular;
	margin-top					: 7px;
	padding-left				: 15px;
	/* IE HACK */
	#padding-left				: 0px;
	background-image		: url(/images/pfeil.gif);
	background-repeat		: no-repeat;
	background-position	: 0 .5em;
	
}



/************************************************************
*															*
*	Styledef for the main navigation						*
*	TODO: everything fine, during new layout structure			*
*															*
*************************************************************/


.mainnav
{
	
	position					: relative;
	width							: 958px;
	#width						: 988px;
	height						: 25px;
	background-color	: #035642;
	border						: 0px;
	padding						: 3px 0px 0px 30px;
	color 						: #FFFFFF;
	font-size					: 14px;
	
}

.mainnav .spacer
{
	margin					: 0px 5px 0px 5px;
	font-size 			: 14px;
	padding					: 0px;
}

.mainnav img
{
	float						: right;
	margin-top			: -18px;
	padding					: 0px;
	width						: 200px;
	height					: 22px;
}


.mainnav .link {
	font-family 			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size 				: 11px; 
	color 						: #FFFFFF;
	text-decoration 	: none; 
	font-weight				: normal;
	padding 					: 2px;
}


.mainnav a:hover {
	font-family 			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size 				: 11px;
	color 						: #035642;
	text-decoration 	: none; 
	font-weight				: normal;
	background-color 	: white;
	padding 					: 2px;
}

.mainnav .active {
	font-family 			: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size 				: 11px; 
	color 						: #035642;
	text-decoration 	: none; 
	font-weight				: normal;
	background-color	: white;
	padding 					: 2px;
}

.contact {
	position 					: absolute;
	left							: 805px;
	top								: 105px;
}


/************************************************************
*															*
*	Styledef for the sub navigation							*
*	TODO: everything fine here :-)							*
*															*
*************************************************************/


.subnav
{
	
	position					: relative;
	width							: 958px;
	#width						: 988px;
	height						: 24px;
	background-color	:#035642;
	border						: 0px;
	padding-left			: 30px;
	margin						: 0px;
	color							: #FFFFFF;
	
}


.subnav .spacer
{
	margin						: 0px 5px 0px 5px;
}


.subnav .link
{
	font-family				: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size					: 10px;
	color							: #FFFFFF; 
	text-decoration		: none; 
	font-weight				: normal;
	padding						: 2px;
}


.subnav a:hover
{
	font-family				: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size 				: 10px;
	color							:  #035642;
	text-decoration		: none;
	font-weight				: normal;
	background-color 	: white;
	padding 					: 2px;
}

.subnav .active
{
	font-family				: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size 				: 10px;
	color							: #035642;
	text-decoration		: none;
	font-weight				: normal;
	background-color 	: white;
	padding 					: 2px;
}

.subnav img
{
	float							: right;
	margin-top				: -20px;
	padding						: 0px;
	width							: 182px;
	height						: 24px;
}


.buerosuche a, .buerosuche a:hover, .buerosuche a:visited, .buerosuche a:active{
	color:white;
	font-size:24px;
	/*padding-right:35px;*/
	background-color: transparent;
	text-decoration : none;
	position:absolute;
	top:110px;
	margin-left: -305px;
}

.buerosuche a:hover {
	text-decoration : underline;
}

/************************************************************
*															*
*	Styledef for the the main image	(and blend img)			*
*	because of the feature to blending images,				*
*	both have to be positioned absolute						*
*															*
*************************************************************/

	
.bigimage {
	
	position					: relative;
	border						: 1px;
	border-color			: #003402;
	border-style			: solid;
	width							: 525px;
	height						: 393px;
	z-index						: 25;
}


.bigblendimage {
	
	position					: absolute;
	top								: 145px;
	left							: 461px;
	border						: 1px;
	border-color			: #003402;
	border-style			: solid;
	width							: 525px;
	height						: 393px;
	z-index						: 65;
	-moz-opacity			: 0.0;
	filter						: alpha(opacity=0);
}




/************************************************************
*															*
*	Styledef for the the popup image						*
*	Some bordering around the image, thats all				*
*															*
*************************************************************/


.superimage {
	
	margin						: 1px;
	border						: 1px;
	border-color			: #003402;
	border-style			: solid;
	width							: 960px;
	height						: 720px;
}


/************************************************************
*															*
*	Styledef for the the bottom section						*
*	TODO: in Gecko the footer is displayed in some cases	*
*	too far to the top										*
*************************************************************/


.bottomline
{
	width								: 988px;
	height							: 54px;
	background-color		: #035642;
	margin-top					: 30px;
}


.bottomline img
{
	float							: left;
	margin						: 15px 0px 0px 20px;
}



/************************************************************
*															*
*	Styledef for the the "Mietflaechen" Tables				*
*	TODO: everything fine so far :-)						*
*															*
*************************************************************/


.flaechen
{
	padding							: 0px;
	margin							: 0px;
	border-top					: 1px solid #9CB694;
	border-right				: 1px solid #9CB694;
	color								: #333333;
	font-size						: 9px;
	line-height					: 16px;
	font-family					: Verdana, Trebuchet MS, Tahoma, Arial, Geneva, Helvetica, Swiss, SunSans-Regular;
	width								: 100%;
	border-collapse			: collapse
}

.flaechen, .content a:link {
	color 							: #9CB694;
	text-decoration 		: none;
	font-weight					: bold;
}

.flaechen, .content a:visited {
	color 							: #9CB694;
	text-decoration 		: none;
	font-weight					: bold;
}

.flaechen, .content a:hover {
	color 							: #00442F;
	text-decoration 		: none;
	font-weight					: bold;
}


.flaechen .tdfirst
{
	border							: 1px solid #9CB694;
	padding-left				: 7px;
	text-align					: left;
	
}

.flaechen td
{
	border							: 1px solid #9CB694;
	padding							: 3px;
	text-align					: center;
}

.flaechen .tdhead
{
	border							: 1px solid #9CB694;
	padding							: 3px;
	background-color		: #045640;
	color								: #ffffff;
}

.flaechen .tdvermietet
{
/*	border						: 1px solid #9CB694;*/
	border							: 1px solid #FFFFFF;
	padding							: 3px;
	background-color		: #c3c3c3;
	color								: #ffffff;
}


/************************************************************
*															*
*	Styledef for the general stuff							*
*															*
*************************************************************/

img
{
	border						: 0px;
}


.imagetext
{
	position					: relative;
	width							: 208px;
	color							: #333333;
	font-size					: 11px;
	line-height				: 16px;
	font-family				: Verdana, Trebuchet MS, Tahoma, Arial, Geneva, Helvetica, Swiss, SunSans-Regular;
	padding-top				: 16px;
	padding-left			: 0px;
	padding-right			: 0px;
	margin						: 0px 0px 0px 0px;
	float							: left;
	
}