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

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

/* IE FIX */
img, div {
  /*behavior: url(iepngfix.htc);*/
}

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

body {
	height:100%;
	width:100%;
	margin-bottom:15px;
	font-family:"Arial", sans-serif;
  	color:#7B7B7B;
	background:#FFFFFF;
}

a {
cursor:pointer;
}

hr {
border-top:1px solid #7B7B7B;
height:1px;
clear:both;
}
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#container {
	width:870px;
	margin:10px auto;
	background:#FFF;
}

#container-inhalt {
	width:870px;
}

#kopf {
	position:relative;
	width:870px;
	height:185px;
	margin:0;
	padding:0;	
}

#kopf-navigation {
	float:right;

}

#counter {
	float:right;
	width:585px;
	height:67px;
	margin: 10px 0 0 0;
}

#kopf-navigation a, #fuss a {
	color: #7B7B7B;
	text-decoration:none;
	font-size:12px;
}

#kopf-navigation a:hover, #fuss a:hover {
	text-decoration:underline;
	font-size:12px;
}
	
#logo {
	
	float:left;
	width:265px;
	height:151px;	
	boder:1px solid #000;	
}
	
.navigation {
	float:right;
	width:585px;
	height:33px;
	padding:0;
	margin:14px 0 0 0;
	text-align:center;
	background: url("../_bilder/hintergrund-navigation-0.gif") repeat-x;
}	


#inhalt {
	display:inline;
	width:585px;
	margin: 20px 0 0 0px;
	float:right;
	padding-bottom:20px;
}

#spalte-links {
	display:inline;
	width:256px;
	margin: 20px 0px 0 0px;
	float:left;
}

#spalte-rechts {
	display:inline;
	width:256px;
	margin: 20px 0px 0 0px;
	float:left;
}

#spalte-rechts ul {
list-style:none;
margin:0;
padding:0;

}

#spalte-rechts li {
list-style:none;
margin:0;
padding:0px 0 2px 6px;

}
	
#spalte-rechts p {
	line-height:18px;
	padding:0 5px 0 5px;
	font-size:12px;
	text-align:left;
	color:#666666;
}

#spalte-rechts a {
	font-size:14px;
	color: #7B7B7B;
	text-decoration:none;
	display:block;
	padding: 0 0 0 14px;
	background: url("../_bilder/pfeil_rechts.png") 0px 4px no-repeat;
}

#spalte-rechts a.zurueck {
	
	background: url("../_bilder/pfeil_links.png") 0px 4px no-repeat;
}
	
#spalte-rechts img
 {
	 text-align:center;
		margin-bottom:5px;
	}
	
#fuss {
	clear:both;
	width:870px;
	height:18px;
	padding:5px 0 0 0;
	text-align:center;
	color: #7B7B7B;
	font-size:12px;
	border-top:1px solid #7B7B7B;
}

/* ++++++++++ ENDE LAYOUT ++++++++++ */
	
	

/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1 {
	margin-bottom:17px;
	margin-top:-3px;
	padding-left:0px;
	font-size:28px;
	color:#7B7B7B;
	font-weight:normal;
	text-transform:uppercase;
}



h2 {
	position:relative;
	padding:10px 0 7px 16px;
	margin:0;
	background: url("../_bilder/hintergrund-navigation-0.gif") bottom repeat-x;
	font-size:14px;
	/*line-height: 33px;*/
	color:#7B7B7B;	
}

h2 img.left {
position:absolute;
left:0px;
top:0px;
}

h2 img.right {
position:absolute;

right:0px;
top:0px;
}

h3 {
	background: url("../_bilder/hintergrund-box-head-grau.gif");
	color:#FFF;
	padding-left:15px;
	line-height:20px;
	font-size:14px;
	
}

h4 {
 border-bottom: 1px solid #7B7B7B;
 font-size: 12px;
 padding: 0 0 0 6px;
 margin:0 0 5px 0;
 font-weight:bold;
 text-transform:uppercase;
}
	
p {
	padding:10px 0px 10px 0px;
	font-size:14px;
	line-height:18px;
}
	

	
a {
	color:#EC7404;
}
	
a:hover {
	text-decoration:none;
}
	
ul {
	margin-top:0 0 25px 25px;
	font-size:14px;
}
	
li {
	margin-bottom:5px;
	padding-left:10px;
}
	
table {
	width:420px;
	font-size:14px;
	margin-bottom:35px;
	border-collapse:collapse;
}
	
td {
	vertical-align:top;
	padding:3px;
}
	
.klein {
	font-size:11px;
	line-height:14px;
}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */






/* ######### popup ###### */

.popup {
display:none;
border:5px solid #A0A5A8;
background:#FFF;
position:absolute;
top:0px;left:0px;z-index:5000;
}

.popup h2 {
	background: #A0A5A8;
	color:#FFF;
	cursor:move;
	margin:0;
	padding:0;
	line-height:22px;
}

.popup p {
padding:10px;
}


/* Pager Projekte */

#spalte-rechts a.p_sort {
	color: #7B7B7B;
	text-decoration:none;
	display:block;
	padding: 0 0 0 24px;
	background: url("../_bilder/p_sort.png") left no-repeat;
}

#spalte-rechts a.p_sort_asc {
	font-weight:bold;
	background: url("../_bilder/p_sort_asc.png") left no-repeat;
}

#spalte-rechts a.p_sort_desc {
	font-weight:bold;
	background: url("../_bilder/p_sort_desc.png") left no-repeat;
}


/* runde ecken box */

div.rounded_box {
/*position:relative;*/
padding: 0 10px 0 10px;
border-left:1px solid #9FA5A7;
border-right:1px solid #9FA5A7;
/*clear:both;*/
margin:0;


}

div.c_t {
	background: url("../_bilder/c_t.gif") repeat-x;

	clear:both;
	padding:0px 0 10px 0;
	margin:0;
}

div.c_tl {
	background: url("../_bilder/c_tl.gif") no-repeat;
	height:10px;
	width:10px;
	float:left;
	padding:0;
	margin:0;
}

div.c_tr {
	background: url("../_bilder/c_tr.gif") no-repeat;
	height:10px;
	width:10px;
	float:right;
	
	margin:0;
}

div.c_b {
	background: url("../_bilder/c_b.gif") repeat-x;
	height:10px;
	clear:both;
}

div.c_bl {
	background: url("../_bilder/c_bl.gif") no-repeat;
	height:10px;
	width:10px;
	float:left;
}

div.c_br {
	background: url("../_bilder/c_br.gif") no-repeat;
	height:10px;
	width:10px;
	float:right;
}

/* rounded Box NEW */
.t {background: url(../_bilder/c_dot.gif) 0 0 repeat-x;}
.b {background: url(../_bilder/c_dot.gif) 0 100% repeat-x}
.l {background: url(../_bilder/c_dot.gif) 0 0 repeat-y}
.r {background: url(../_bilder/c_dot.gif) 100% 0 repeat-y}
.bl {background: url(../_bilder/c_bl.gif) 0 100% no-repeat}
.br {background: url(../_bilder/c_br.gif) 100% 100% no-repeat}
.tl {background: url(../_bilder/c_tl.gif) 0 0 no-repeat}
.tr {background: url(../_bilder/c_tr.gif) 100% 0 no-repeat; padding:10px 1px 10px 1px;} 

div.visitors {
	font-size:11px;
	float:left;
	padding:0px 0 0 20px;
	/*margin:-2px 0 0 0;*/

	position:relative;
}

div.visitors div.visitor {
	padding: 0 5px 0 5px;
	margin: -3px 0 -4px 0;	
	line-height:6px;
}

div.visitors div.down {
	padding-right:15px;
	background-image:url(../_bilder/arrow_down.gif);
	background-repeat:no-repeat;
	background-position:right;
}

div.visitors div.up {
	padding-right:15px;
	background-image:url(../_bilder/arrow_up.gif);
	background-repeat:no-repeat;
	background-position:right;

}

div.visitors .visitorContainer .t {
	position:relative;
z-index:500;
}

div.visitors .visitorContainer {
margin-left:4px;
float:left;
position:relative;
cursor:pointer;
}

.showVisitors {
display:none;
position:absolute;
background:#FFF;
border:1px solid #CCC;
padding:0px;
z-index:499;
left:10px;
top:20px;

}

.showVisitors a {
display:block;
padding: 2px 5px 2px 5px;
text-decoration:none;
}

.showVisitors a:HOVER {
background:#EEE;
}