/*
* Globales Stylesheet für futurasol.de
* ====================================
*/

/*
* Zunächst alles zurücksetzen
* ---------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*
* Globale Definitionen
* --------------------
*/

html, body { 
	border: 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#abstand {
	float: left;
	height: 50%;
	width: 1px;
	margin-bottom: -265px;
}

#frame { /* Test */
	position: relative;
	width: 800px;
	margin: 0 auto;
	clear: left;
	height: 580px;
}

#frame #box {
	position: relative;
	width: 800px;
	height: 530px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	overflow: none;
}

/*
* Layout für Kopf- und Fusszeile
* ------------------------------
*/

#frame #bottom,
#frame #top {
	width: 800px;
	height: 25px;
	margin: 0 auto;
}

#frame #top .right {
	float: right;
}

#frame p {
	font-size: 1em;
	padding: 5px;
}

/*
* Layout der Elemente innerhalb der weissen Content-Box
* -----------------------------------------------------
*/

#logo {
	position: relative;
	width: 800px;
	height: 120px;
	background-image: url('../shared/img/futurasol_logobar.gif');
	background-position: -5px 39px;
	background-repeat: no-repeat;
}

#logo img {
	position: absolute;
	top: 30px;
	right: 35px;
}

/* Styles für das Menü */

#main_menue {
	position: relative;
	width: 800px;
	height: 25px;
}

#main_menue ol {
	position: absolute;
	bottom: 0.5em;
	margin: 0 35px;
}

#main_menue ol li {
	display: inline;
	margin: 0;
	padding: 0px 0px 0px 15px;
	background-image: url("../shared/img/dot.gif");
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

/*
* Layout der Elemente innerhalb der blauen Content-Box
* ----------------------------------------------------
*/

#content {
	position: relative;
	width: 660px;
	height: 325px;
	margin: 0px 35px 40px 35px;
	padding: 25px 35px 10px 35px;
}

#content img.main {
	float: right;
	width: 312px;
	height: 312px;
	margin-left: 35px;
}

#content h1 {
	margin-top: -5px;
	max-width: 640px;
}

#content p {
	margin: 15px 0;
}

#content ul {
	margin: 15px 0;
	list-style-type: disk;
	list-style-position: inside;
}

#content p.return_link {
/*
	position: absolute;
	bottom: 0px;
	left: 30px;
*/
}

/*
* Spezielle Styles für die Kontaktseite
* -------------------------------------
*/

#content iframe.map {
	float: right;
	width: 312px;
	height: 312px;
	margin-left: 35px;
}

#frame #box #content a.map {
	position: absolute;
	bottom: 8px;
	left: 390px;
	font-weight: normal;
	font-size: 10px;
}

/*
* Spezielle Styles für die Projekte
* ---------------------------------
*/

/* Styles für die Kategorie-Übersicht Polaroids */

#content .polaroid_cat {
	float: left;
	width: 210px;
/*	height: 135px; */
	height: 238px;
	margin: 8px 5px 0px 5px;
}

#content .polaroid_cat .image_cropper {
	position: relative;
	width: 196px;
/*	height: 93px; */
	height: 196px;
	overflow: hidden;
	margin: 7px auto 0 auto;
}

#content .polaroid_cat .image_cropper img {
	position: absolute;
	left: 0;
	top: -10px;
/*
	width: 139px;
	height: auto;
*/
	margin: 0;
}

#content .polaroid_cat p {
	width: 190px;
	margin: auto 3px;
}

/* Styles für die Projekt-Polaroids */

#content .polaroid {
	float: left;
	width: 155px;
	height: 135px;
	margin: 8px 5px 0px 5px;
}

#content .polaroid .image_cropper {
	position: relative;
	width: 139px;
	height: 81px;
	overflow: hidden;
	margin: 7px auto 0 auto;
}

#content .polaroid .image_cropper img {
	position: absolute;
	left: 0;
	top: -10px;
/*
	width: 139px;
	height: auto;
*/
	margin: 0;
}

#content .polaroid p {
	width: 137px;
	margin: 0 auto 3px auto;
}

#content p.page_navi {
	position: absolute;
	bottom: -39px;
	right: 34px;
}

#content p.image_count {
	position: absolute;
	top: -15px;
	right: 30px;
}

#content p.image_navi {
	position: absolute;
	bottom: -15px;
	right: 30px;
}

/*
* Spezielle Styles für die News
* -----------------------------
*/

#content div.news {
/*	min-height: 33px;*/
	margin: 17px 0 10px 5px;
}

#content h1.widenewsheading {
	max-width: 650px;
}

#content .news h2 {
	margin: 0 0 3px 0;
	padding: 0;
/*	max-width: 300px;*/
}

#content .news p {
	margin: 0;
	padding: 0;
/*	max-width: 300px;*/
}

#content p.news_navi_overview {
	position: absolute;
	bottom: -5px;
	left: 35px;
}

#content p.news_detailnavi_left {
	position: absolute;
	bottom: 25px;
	right: 380px;
}

#content p.news_detailnavi_right {
	text-align: right;
	position: absolute;
	bottom: 25px;
	right: 30px;
}

#content p.newsbody { /* Der iFrame für den Newstext */
	margin: 0;
	padding: 0;
/*	height:  130px;
	overflow: auto;*/
/*	border:  1px solid red;*/
}
 
/*
* Spezielle Styles für die Kooperationen
* --------------------------------------
*/

#content .coop {
	min-height: 33px;
	margin: 20px 0 10px 0;
}

#content .coop .image_cropper {
	float: left;
	position: relative;
	width: 69px;
	height: 33px;
	overflow: hidden;
	margin: 0;
}

#content .coop .image_cropper img {
	float: left;
	margin: 0;
}

#content .coop h2,
#content .coop p {
	margin: 0 0 5px 80px;
	padding: 0;
	max-width: 240px;
}

/*
* Spezielle Styles für Top50Solar
* -------------------------------
*/

.top50solar {
/*	display: none;*/
	visibility: hidden;
}