/* ++++++++++ STYLESHEET ICO-MMUNITY.COM / PYRAMEDIA MEDIENGESTALTUNG 2008 / TIM R. GLOYSTEIN ++++++++++ */
@charset "utf-8";

/* ++++++++++ ALLGEMEINES ++++++++++ */
html[xmlns^="http"]
 {
		overflow-y:scroll;
	}

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

body
 {
	 height:100%;
		width:100%;
		margin-bottom:15px;
	 font-family:"Trebuchet MS", sans-serif;
	 font-size:1px;
	 line-height:1px;
  color:#257FA8;
		background:#FFFFFF;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#container 
 {
  width:920px;
		margin:0px auto;
 }

#container-inhalt
 {
  width:920px;
 }

#kopf 
 {
		position:relative;
		width:920px;
  height:125px;
  margin:0;
  padding:0;
 }
	
#logo
 {
 	position:fixed !important;
		position:absolute;
		top:30px;
		left:auto;
		width:150px;
		height:85px;		
	}
	
#logo_start
 {
		position:absolute;
		top:30px;
		width:150px;
		height:85px;		
	}	
	
#navigation
 {
		position:absolute;
		top:36px;
		left:155px;
		width:600px;
		height:76px;
  padding:0;
		text-align:center;
	}	

#collect_change_win
 {
  position:relative;
		top:30px;
		left:755px;
		width:150px;
		height:85px;
	}
	
#language
 {
		position:absolute;
		top:130px;
		left:772px;
	}
	
#language img
 {
		margin-right: 3px;
	}

#inhalt 
 {
		display:inline;
		width:595px;
		margin-left:155px;
  margin-top:75px !important;
		margin-top:0px;
		margin-bottom:15px;
  float:left;
 }
	
#inhalt p.warum_ico
 {
  padding:0px;
		margin-bottom:0px;
		line-height:0px;
		text-align:center;
	}
	
#inhalt_home
 {
		width:895px;
		margin-left:5px;
		margin-top:48px;
		margin-bottom:15px;
	}

.box_large
 {
  float: left;
  width: 294px;
		height: 240px;
		margin: 6px 6px 6px 0;
		padding-top: 20px;
		background: url(../_bilder/background-box.png) no-repeat;
		font-size:14px;
		color:#FFF;
	}
	
.box_large.last
 {
		margin-right:0px;
	}
	
.box_large h1
 {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 5px;
		color:#FFF;
	}
	
.box_large p
 {
		font-size: 16px;
		line-height: 20px;
	}
	
.box_large a
 {
		color:#FFF;
	}
	
.box_wide
 {
  clear:both;
  width: 895px;
		height: 193px;
		margin: 0 0 50px 0;
		padding-top: 20px;
		background: url(../_bilder/background-box-wide.png) no-repeat;
		font-size:14px;
		color:#E66C15;
	}
	
.box_wide h1
 {
		font-size: 28px;
		line-height: 30px;
		margin-bottom: 5px;
		color:#E66C15;
	}

.box_wide p
 {
		font-size: 16px;
		line-height: 20px;
	}
	
.box_wide a
 {
		color:#E66C15;
	}	
	
.tweet 
 {
	 width: 249px;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 40px;
 }

.tweet .tweet_list 
 {
  list-style-type: none;
  margin: 0;
  padding: 0;}

.tweet .tweet_list li 
 {
	 font-size: 16px;
		line-height: 20px; 
	}

.tweet .tweet_list li a 
 {
  color: #fff; 
	}

#spalte-rechts 
 {
		display:inline;
  width:144px;
  margin:133px 22px 0px 0px;
  float:right;
	}
	
#spalte-rechts p
 {
  padding:0;
	 font-size:12px;
		line-height:16px;
		text-align:right;
		color:#666666;
	}
	
#spalte-rechts img
 {
	 text-align:center;
		margin-bottom:5px;
	}
	
#fuss
 {
  clear:both;
	 width:763px;
		height:18px;
		margin-left:137px;
		/*padding-right:10px;
		text-align:right;
  background:#257FA8;	*/	
 }
	
#seitenanfang
 {
		float:left;
		margin:0;
		padding:0;
	}
	
#metanavigation
 {
  float:right;
		margin:0;
		width:138px;
		height:18px;
  padding-left:12px;
  background: url(../_bilder/background-metanavigation.png);		
	}
	
#metanavigation.english
 {
		width:150px;
  padding-left:15px;
  background:#257FA8;		
	}	
	
#metanavigation.francais
 {
		width:200px;
  padding-left:15px;
  background:#257FA8;		
	}		
	
#metanavigation.italien
 {
		width:245px;
  padding-left:15px;
  background:#257FA8;		
	}
	
#metanavigation.spain
 {
		width:150px;
  padding-left:15px;
  background:#257FA8;		
	}		
	
#metanavigation, #metanavigation a
 {
 	color:#FFFFFF;
	 font-size:10px;
		line-height:16px;
		text-decoration:none;
 }
	
#metanavigation a:hover
 {
		margin:0;
		padding:0;
	 text-decoration:underline;
		color:#FFFFFF;
	}	
/* ++++++++++ ENDE LAYOUT ++++++++++ */
	

/* ++++++++++ TEASER ++++++++++ */
.teaser_oben
 {
	 background:url("../_bilder/teaser_oben.gif") no-repeat;
 	margin-bottom:15px;
	 padding:0;
 }

.teaser_unten 
 {
	 background:url("../_bilder/teaser_unten.gif") bottom left no-repeat;
	 margin:0;
	 padding:0;
 }

.teaser_inhalt 
 {
	 margin:0;
 	padding:10px;
 	min-height:250px;
 }

* html .teaser_inhalt 
 {
	 height:250px;
 }
	
.teaser_inhalt h2
 {
	 margin-top:0;
		margin-bottom:10px;
		font-size:18px;
		line-height:24px;
		color:#24795C;
	}	

.teaser_inhalt p 
 {
	 margin:0;
 	padding:0;
 	font-size:14px;
 	line-height:24px;
	 color:#424242;
 }
	
.teaser_inhalt a
 {
	 color:#B80039;
	}
/* ++++++++++ ENDE TEASER ++++++++++ */



/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
  margin-bottom:17px;
		margin-top:-3px;
		padding-left:15px;
	 font-size:36px;
		line-height:46px;
		color:#257FA8;
		font-weight:normal;
		text-transform:uppercase;
	}
	
h2
 {
  margin-bottom:-10px;
		margin-top:3px;
		padding-left:15px;
		font-size:24px;
		line-height:28px;
		color:#257FA8;	
	}
	
p
 {
		padding:15px;
		font-size:18px;
		line-height:26px;
		margin-bottom: -10px;
	}
	
.center
 {
	 text-align:center;
	}
	
.orange
 {
	 color:#EC7404;
	}
	
.rechts
 {
		text-align:right;
	}
	
a
 {
	 color:#EC7404;
	}
	
a:hover
 {
	 text-decoration:none;
	}
	
ul
 {
  margin-top:15px;
		margin-left:32px;
		margin-bottom:15px;
		list-style-image:url(../_bilder/listensymbol.png);
	 font-size:18px;
		line-height:26px;
	}
	
li
 {
	 margin-bottom:5px;
		padding-left:10px;
	}
	
table
 {
	 width:420px;
		font-size:14px;
		line-height:24px;
		margin-bottom:35px;
		border-collapse:collapse;
 }
	
td
 {
		vertical-align:top;
		padding:3px;
	}
	
.klein
 {
	 font-size:11px;
		line-height:14px;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ NEWS-FORMATIERUNGEN ++++++++++ */
.news img
 {
	 text-align:center;
		margin:10px 0 10px 10px;
	}

.datum
 {
		margin-bottom:10px;
		line-height:14px;
		padding:0 0 0 15px;
	}

.left
 {
		float:left;
	}
	
.right
 {
		float:right;
	}
/* ++++++++++ ENDE NEWS-FORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
#kontaktform
 {
	 width:451px;
		margin:25px 72px 0 72px;
	}
		
#kontaktform fieldset 
 {
		color:#FFFFFF;
 }

#kontaktform input, #kontaktform select
 {
		height:25px;
		width:323px;
		font-size:18px;
		padding:1px;
		margin-bottom:15px;
		vertical-align:middle;
		color:#FFFFFF;
		background:#EC7404;
 }
	
#kontaktform select
 {
	 height:24px;
	} 
	
#kontaktform .input_aktiv
 {
	 background:#257FA8;
		color:#FFFFFF;
	}

#kontaktform label 
 {
	 display:block;
		float:left;
		width:125px;
		margin:3px 0;
		font-size:18px;
		line-height:18px;
		color:#257FA8;
	}
	
textarea
 {
	 width:448px;
		height:110px;
		font-size:18px;
	 font-family:"Trebuchet MS", sans-serif;
		color:#FFFFFF;
		margin-top:20px;
		margin-bottom:5px;
		padding:1px;
		background:#EC7404;
	}		

#kontaktform p 
 {
  margin-left:-15px;
		font-size:12px;
		line-height:14px;
		color:#257FA8;
 }
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */



/* ++++++++++ PLZ-SUCHE ++++++++++ */
#plz-suche
 {
		position:absolute;
		top:76px;
		left:0px;
		width:595px;
		height:45px;
		padding:10px 0 0 0;
		text-align:right;
		background: url(../_bilder/background-plz-suche.png);
	}

#plz-suche input
 {

		width:65px;
		height:20px;
		margin-top:5px;
		padding:5px 0 0 5px;
		vertical-align:middle;
		color:#257FA8;
		background:#FFFFFF;			
	}
	
	#plz-suche select
 {
		width:65px;
		height:25px;
		margin-top:5px;
		padding:0;
		
		vertical-align:middle;
		color:#257FA8;
		background:#FFFFFF;			
		border:0;
		font-size:16px;
	}
	
	#plz-suche div {
	 float:right;
	}
	
#plz-suche label 
 {
float:right;
margin:7px 0 0 0;
		font-size:16px;
		line-height:20px;
		color:#FFFFFF;
	}	
/* ++++++++++ ENDE PLZ-SUCHE ++++++++++ */



/*++++++++++++++++++++ FRAG I:CO	++++++++++++++++++++*/
h3 {
	padding:4px 5px 4px 10px;
	width:540px;
	margin-left:15px;
	margin-bottom:0px;
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
	color: #FFFFFF;
	background: #257FA8;
	cursor: pointer;
	border-bottom:1px solid #FFFFFF;
}

h3 a:link, h3 a:visited {
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

h3 a:hover, h3 a:active {
	color: #FFFFFF;
}

h3.news, h3.mootools {
	background: #003366;
}

h3.gethelp, h3.prototype {
	background: #003366;
}

.accordion
 {
		padding:0px 10px 0px 10px;
		background:#F1F1F1;
		margin:0 25px 0 15px;
	}
	
.accordion p
 {
		margin-bottom: -30px;
	}
	
.accordion table
 {
  width:auto;
		margin:13px 0 10px 10px;
  font-size:18px;
		line-height:20px;
	}
	
.accordion table td
 {
		width:150px;
	}
/*++++++++++++++++++++ ENDE FRAG I:CO	++++++++++++++++++++*/


/*++++++++++++++++++++ PRESSEBEREICH	++++++++++++++++++++*/
table.presse tr td p {
line-height:18px;
margin:0;
padding:5px;
font-size:14px;
}


table.presse {
	margin:0 0 0 18px;
	padding:0;
	
	width:545px;

	border-collapse:inherit;

}

table.presse tr td {
	
	background:#FFF;
	
	border-bottom:10px solid #FFF;
	
	
}

table.presse tr td.bild {
	width:130px;
}

table.presse tr td.head {
	background:#257FA8;
	color:#FFF;
	border:0;
}


ul.downloads_navi {
	float:left;
	margin:0 0 0 18px;
	background:#EC7404;
	width:565px;
	height:30px;
	list-style:none;
}

ul.downloads_navi li {
	float:left;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:3px 21px 3px 21px;
	margin:0 3px 0 0;
}

ul.downloads_navi li:HOVER, .dl_active {
	background:#257FA8 url(fm_images/schatten_button.png) no-repeat right;
	cursor:pointer;
}

div#downloads {
	float:left;
	margin-left:18px;
	background:#257FA8;
	width:565px;
	padding-bottom:20px;
}

div.filegroup {
display:none;
}



table.downloads tr td p {
line-height:16px;
margin:0;
padding:10px;
font-size:12px;
}


table.downloads {
	margin:0;
	padding:0;
	background-color:#257FA8;
	width:545px;

	border-collapse:inherit;

}

table.downloads tr {

	background:#257FA8;
	
	
}

table.downloads tr td {
	width:160px;
	background:#FFF;
	border-left:17px solid #257FA8;
	border-top:17px solid #257FA8;
}
/*++++++++++++++++++++ ENDE PRESSEBEREICH	++++++++++++++++++++*/