/*********************************************/
/*********** Standardeinstellungen ***********/
/*********************************************/
	*{
		padding			: 0;
		margin			: 0;
	}
	body
	{
		width: 100%;
		margin			: 0 0 15px 0;
		font-size		: 0.75em;
		font-family		: "Verdana";
		line-height		: 1.4em;
		color			: #fff;
		background-color	: #00a2d4;
		background-image	: url(../graphic/design/background/bg_body.jpg);
		background-repeat	: repeat-y;
	}
	.clear
	{
		clear			: both;
		visibility		: hidden;
	}
	

/*****************************/

/*********** Links ***********/
/*****************************/
	a
	{
		text-decoration		: none;
		color			: #0ad;
	}
	a:hover
	{
		text-decoration		: none;
		color			: #bababa;
	}
	a:visited
	{
		font-style		: italic;
	}
	a.history
	{
		color			: #000;
	}


/*************************************/

/*********** Überschriften ***********/
/*************************************/
	h1, h2, h3
	{
		color			: #fff;
	}
	h4, h5, h6
	{
		color			: #0ad;
	}
	h1
	{
		color			: #86c43f;
		font-size		: 1.6em;
	}
	h2
	{
		font-size		: 1.4em;
	}
	h3
	{
		font-size		: 1.2em;
	}
	h4
	{
		font-size		: 1.1em;
	}
	h5
	{
		font-size		: 1.0em;
	}
	h6
	{
		font-size		: 0.9em;
	}

/********************************/

/*********** Messages ***********/
/********************************/
	.message
	{
		margin-bottom		: 15px;
		padding-left		: 25px;
		width			: 100%;
		font-weight		: bold;
		border-style		: solid;
		border-width		: 0;	
		background-repeat	: no-repeat;
		background-position	: 0 0;
	}
	.message.warning
	{
		color			: #bb0;
		border-color		: #bb0;
		background-image	: url(../graphic/design/icons/warning.png);
	}
	.message.error
	{
		color			: #f00;
		border-color		: #f00;
		background-image	: url(../graphic/design/icons/error.png);
	}
	.message.success
	{
		color			: #0a0;
		border-color		: #0a0;
		background-image	: url(../graphic/design/icons/success.png);
	}
	.message.blank
	{
	}
	.message.default
	{
		color			: #777;
		border-color		: #777;
		background-image	: url(../graphic/design/icons/info.png);
	}
	.message.error.blank
	{
		border			: 0;
		padding			: 0;
	}


/********************************/

/*********** Struktur ***********/
/********************************/
	#page
	{
		width			: 100%;
		min-width		: 1000px;
	}


	/*********** Header ***********/
	#header
	{	
		padding			: 143px 0 0 0;
		margin			: 0 0 40px 0;
		width			: 1000px;
		height			: 80px;
		font-size		: 0.85em;
		color			: #a7a9ac;
		background-image	: url(../graphic/design/background/bg_head.jpg);
		background-position	: 0 0;
		background-repeat	: no-repeat;
	}
	#header #name
	{
		position		: absolute;
		top			: 35px;
		left			: 30px;
		width			: 199px;
		height			: 36px;
		background-image	: url(../graphic/design/name.png);
		background-repeat	: no-repeat;
	}
    * html #header #name,
    * html #header #logo
    {
  		behavior		: url(content/js/iepngfix.htc);
    }
	#header #logo
	{
		position		: absolute;
		top			: 85px;
		left			: 30px;
		width			: 361px;
		height			: 74px;
		display			: block;
		background-image	: url(../graphic/design/logo.png);
		background-repeat	: no-repeat;
	}

	/*********** Imagebar ***********/
	#imagebar
	{
		min-width		: 1000px;
		width			: 100% !important;
		margin			: 0 0 20px 0;
		height			: 162px;
		position		: relative;
        overflow: hidden;
	}
	#slideshow
	{
		height			: 130px;
        width: 3000px;
        position: relative;
        overflow: hidden;
	}
    
    ul#slider-list
    {
        list-style: none;
        position: absolute;
        top: 0;
        left: 0;
    }
    ul#slider-list li
    {
        float: left;
    }
    
	#imagebar .shadow
	{
		height			    : 32px;
		background-image	: url(../graphic/design/shadow.png);
		background-repeat	: repeat-x;
	}
    * html #imagebar .shadow
    {
        behavior		: url(content/js/iepngfix.htc);
    }

	/*********** Body ***********/
	#body
	{
		margin			: 0;
		width			: 100%;
	}
	#content
	{
		margin			: 0 0 0 45px;
		width			: 800px;
	}
	.cols-1
	{
		width			: 720px;
	}
	.cols-2
	{
		width			: 360px;
		float			: left;
	}
		.cols-2.col1{ }
		.cols-2.col2{ }
		.cols-2.col3{ }
		.cols-2.col-home
		{
			margin			: 0 20px 0 0px;
			width			: 270px;
		}
		.cols-2.col-news
		{
			margin			: 0 10px 0 20px;
			width			: 390px;
		}


	/*********** Footer ***********/
	#footer
	{
		margin			: 40px 0 0 0;
		padding			: 0 0 0 45px;
		width			: 955px;	
		font-size		: 0.8em;
		color			: #0099cc;
	}
	#footer a
	{
		font-style		: normal;
		font-size		: 1.0em;
	}
	#footer a:visited
	{
		font-style		: italic;
	}


/***************************************/
/*********** Hauptnavigation ***********/
/***************************************/
	#navigation
	{
		width			: 1000px;
		height			: 80px;
	}
	#navigation ul
	{
		margin			: 0 0 0 30px;
		list-style		: none;
	}
	#navigation ul li
	{
		float			: left;
		height			: 23px;
		width			: 105px;
		padding			: 57px 0 0 0;
		margin			: 0 6px 0 0;
		text-align		: center;
		background-image	: url(../graphic/design/background/bg_button.png);
		background-repeat	: no-repeat;
	}
    * html #navigation ul li
    {
        behavior		: url(content/js/iepngfix.htc);
    }
	#navigation ul li a
	{
		display			: block;
		padding			: 2px 0 0 0;
		width			: 105px;
		height			: 21px;
		color			: #ddd;
		font-style		: normal;
		background-repeat	: no-repeat;
	}
	#navigation ul li a.active
	{
		color			: #008fbe;
		background-image	: url(../graphic/design/background/bg_button.png);
		background-position	: -210px -57px;
	}
	#navigation ul li a:hover
	{
		background-image	: url(../graphic/design/background/bg_button.png);
		background-position	: -105px -57px;
	}


/*******************************/
/*********** Inhalte ***********/
/*******************************/
	p
	{
		margin			: 0 0 10px 0;
	}
	#company .cols-2.col2,
	#contact .cols-2.col2,
	#service .cols-2.col2
	{
		padding			: 20px 0 0 0;
	}


	/*********** Fehlerseite ***********/
	ul#error
	{
		list-style		: none;
		background-image	: url(../graphic/design/border/dotted_h.png);
		background-repeat	: repeat-x;
		background-position	: bottom;
	}
	ul#error li
	{
		background-image	: url(../graphic/design/border/dotted_h.png);
		background-repeat	: repeat-x;
		font-size		: 12pt;
		padding			: 2px 0 2px 5px;
	}


	/*********** Bilder ***********/
	#content img,
	#conten img.large
	{
		border-color		: #fff;
		border-style		: solid;
		border-width		: 5px;	
	}
	#content img.large
	{
		border-width		: 10px;
	}
	#content img:hover,
	#content img.large:hover
	{
		border-color		: #bababa;
	}


	/*********** Kontakt ***********/
	.contact-name
	{
		margin			: 0 0 2px 0;
	}
	.contact-company{ }

	p.contact-address
	{
		margin			: 15px 0 10px 0;
	}
	.contact-table
	{
		margin			: 5px 0 5px 0;
	}
	p.contact-formular
	{
		margin			: 10px 0 0 0;
	}
	.contact-image{ }


	/*********** Home ***********/
	.home-title
	{
		margin-bottom		: 10px;
	}
	.home-welcome{ }

	ul.home-news-list
	{
		list-style		: none;
		margin			: 0 0 25px 0;
		width			: 390px;
	}
	ul.home-news-list li
	{
		float			: left;
		width			: 365px;
		padding			: 0 25px 20px 0;
	}
	.home-news-list-image
	{
		width			: 70px;
		margin-right		: 10px;
		float			: left;
	}
	.home-news-list-details
	{
		float			: left;
		width			: 285px;
	}
	.home-news-list-details.no-image
	{
		width			: 365px;
	}
	img.home-news-image
	{
		display			: block;
		width			: 60px;
		height			: 60px;
	}
	.home-news-date
	{
		font-size		: 0.8em;
	}
	.home-news-content
	{
		margin			: 10px 0 0 0;
	}
	.home-news-more
	{
		font-size		: 0.8em;
	}


	/*********** Verkauf ***********/
    p.sale-contact
    {
        margin: 0 0 20px 0;
    }
	div.sale-list
	{
		margin			: 0 0 25px 0;
	}
	div.sale-list-item
	{
        float           : left;
		width           : 335px;
        margin          : 0 25px 0 0;
		
	}
	a.sale-list-image
	{
		display			: block;
		float			: left;
		width			: 100px;
		margin-right		: 10px;
	}
	.sale-list-details
	{
		float			: left;
		width			: 225px;
		padding			: 5px 0 5px 0;
	}
	img.sale-image
	{
		display			: block;
		width			: 90px;
		height			: 90px;
	}
	.sale-list-title
	{
		height			: 57px;
	}
	.sale-list-expose
	{
		height			: 33px;
	}
	#content img.sale-list-pdf
	{
		float			: left;
		margin-right		: 10px;
		border			: 0;
	}
    * html #content img.sale-list-pdf
    {
        behavior		: url(content/js/iepngfix.htc);
    }
	.sale-list-pdf-details
	{
		float			: left;
	}


	/*********** Vermietung ***********/
	#rental .cols-2.col0
	{
		float			: left;
	}

	#rental .cols-2.col1
	{
		padding			: 31px 0 0 0;
	}
	#rental .cols-2.col2{ }

	#rental .cols-2.col3{ }

	#rental .cols-2.col4{ }

	#rental-tools
	{
		margin			: 32px 0 0 0;
		width			: 35px;
        display: none;
	}
	img#rental-tools-search
	{
		width			: 24px;
		height			: 24px;
        border          : 0;
        cursor          : pointer;	
	}
    * html img#rental-tools-search
    {
        behavior		: url(content/js/iepngfix.htc);
    }
	#rental-search
	{
		width			: 340px;
		position		: relative;
		z-index			: 1;
		overflow		: hidden;
	}
	#rental-list
	{
		width			: 340px;
		padding			: 0 25px 0 0;
		position		: relative;
		z-index			: 2;
		overflow		: hidden;
	}
	#rental-details
	{
		width			: 400px;
		position		: relative;
		z-index			: 3;
	}
	#rental-details ul
	{
		margin			: 5px 0 5px 20px;
	}


	#rental-formular
	{
		position		: relative;
		width			: 300px;
		z-index			: 4;
	}


	#rental-search table td
	{
		padding-bottom		: 8px;
	}
	.rental-title
	{
		margin: 0 0 15px 0;
		color			: #ffcc33;
	}
	ul.rental-list
	{
		margin			: 10px 0 0 0;
		list-style-type		: none;
	}
	ul.rental-list li
	{
		margin			: 0 0 15px 0;
		padding			: 0;
	}
	ul.rental-list a
	{
		color			: #fff;
		font-style		: normal;
	}
	ul.rental-list a:hover
	{
		color			: #bababa;
	}
	#content ul.rental-list a:hover img
	{
		border-color		: #bababa;
	}
	ul.rental-list a:visited
	{
		font-style		: italic;
	}
	img.rental-list-image
	{
		display			: block;
		float			: left;
		width			: 60px;
		height			: 60px;
		margin			: 0 10px 0 0;
	}
	.rental-list-content
	{
		padding			: 1px 0 0 0;
		float			: left;
		width			: 260px;
	}
	.rental-details-address
	{
		float			: left;
		margin			: 0 0 20px 0;
		width: 224px;
	}
	#content img.rental-details-image
	{
		float			: left;
		margin			: 0 0 20px 0;
		width: 160px;
		height: 160px;
		border-width: 8px;
	}
    * html #content img.rental-details-image
    {
        behavior		: url(content/js/iepngfix.htc);
    }
	.rental-details-special,
	.rental-details-description
	{
		margin			: 0 0 15px 0;
	}
	.rental-details-image-list
	{
		margin			: 5px 0 5px 0;
	}
	#content .rental-details-image-list img
	{
		margin			: 0 6px 6px 0;
		width			: 30px;
		height			: 30px;
		border-width		: 4px;
		display			: block;
		float			: left;
	}



	/*********** Referenzen ***********/
	ul.references-list
	{
		list-style		: none;
		margin			: 0 0 25px 0;
		width			: 720px;
	}
	ul.references-list li
	{
		padding			: 0 25px 0 0;
		float			: left;
		width			: 155px;
		min-height		: 230px;
	}
	.references-list-image
	{
		float			: left;
	}
	.references-list-image-list
	{
		float			: left;
		margin			: 0 0 0 10px;
	}
	img.references-image
	{
		display			: block;
		width			: 90px;
		height			: 90px;
	}
	img.references-image-small
	{
		display			: block;
		width			: 35px;
		height			: 35px;
	}
	img.references-image-small.top
	{
		margin			: 0 0 10px 0;
	}
	.references-title
	{
		color			: #fff;
		margin			: 15px 0 15px 0;
	}
	.references-description{ }


	/*********** Impressum ***********/
	.impressum-title.first
	{
		margin			: 0 0 10px 0;
	}
	.impressum-title
	{
		margin			: 35px 0 10px 0;
	}
	#impressum .cols-1
	{
		width			: 680px;
	}
	#impressum .cols-2.col-1
	{
		width			: 420px;
	}
	#impressum .cols-2.col-2
	{
		width			: 300px;
	}


	/*********** Unternehmen ***********/
	#content img.company-image{ }

	#content img.company-image:hover
	{
		border-color		: #fff;
	}


	/*********** Service ***********/
	#content img.service-image{ }

	#content img.service-image:hover
	{
		border-color		: #fff;
	}


	/*********** News ***********/
	ul.news-list
	{
		list-style		: none;
		width			: 720px;
	}
	ul.news-list li
	{
		margin			: 0 0 25px 0;
	}
	.news-list-image
	{
		float			: left;
		width			: 115px;
		margin			: 0 15px 0 0;
	}
	.news-list-content
	{
		float			: left;
		width			: 590px;
	}
	.news-list-content.no-image
	{
		float			: left;
		width			: 720px;
	}
	img.news-image
	{
		width			: 105px;
		height			: 105px;
	}
	.news-title
	{
		color			: #0ad;
	}
	.news-date
	{
		font-size		: 0.8em;
	}
	.news-text
	{
		margin			: 10px 0 10px 0;
	}
	.news-more
	{
		font-size		: 0.9em;
	}