/* ++++++++++ STYLESHEET KIESERLING-STIFTUNG.DE / PYRAMEDIA MEDIENGESTALTUNG 2009-2010 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../_css/reset.css');
@import url('../_css/navigation.css');


/* ++++++++++ ALLGEMEINES ++++++++++ */
body, html
 {
  		width: 100%;
		height: 100%;
  		background: #D9DADB;
	}
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#abstand 
 { 
		width: 1px;
		height: 50%;
		margin-bottom: -313px;
		float: left;
 }

#container
 {
		position: relative;
		clear: left;
		width: 1000px;
		height: 627px;
	 	margin: 0 auto;	
	}
	
#inhalt_start
 {
		position: absolute;
		top: 210px;
		left: 240px;
		width: 505px;
		height: 269px;
		background: #EDEDEE;
	}
	
#inhalt
 {
		position: absolute;
		top: 210px;
		left: 240px;
		width: 505px;
		height: 417px;
		background: #EDEDEE;
	}	
	
#inhalt_logistik
 {
		position: absolute;
		top: 210px;
		left: 240px;		
		width: 505px;
		height: 269px;
}
	
#inhalt #text
 {
		width: 472px;
		height: 373px;
		padding: 0px 15px 0 9px;
	}
	
#logo
 {
		position: absolute;
		top: 0;
		left: 0;
		width: 235px;
		height: 193px;
		padding-top: 12px;
		text-align: center;
		background: #003918;
	}
	
#foto_kopf
 {
		position: absolute;
		top: 0;
		left: 240px;
		width: 748px;
		height: 193px;
		padding:5px 6px 7px 6px;
		background: #FFF;
	}
	
#navigation
 {
		position: absolute;
		top: 210px;
		left:0;
		width: 217px;
		height: 402px;
		padding: 15px 0 0 18px;
		background: #FFF;
	}
	
#spalte_rechts
 {
		position: absolute;
		top: 210px;
		left: 750px;		
		width: 250px;
		height: 417px;
	}
	
.box
 {
	 
		position:relative;
		width: 250px;
		height: 142px;
		margin-bottom: 5px;
	}


.box img
 {
		padding-top: 10px;
		padding-left: 10px;
		/* float: left; */
		border: none;
	}


.box a
 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:14px;
		text-decoration: none;
		font-weight: normal;
	}


.box a.graylink, a.graylink { color: #666; }

.box a.lightgraylink, a.lightgraylink { color: #CCC; }

.box a.bluelink, a.bluelink { color: #8CB3D3; }

.box a.lightbluelink, a.lightbluelink { color: #D5E6F5; }

.box a.lightgreenlink, a.lightgreenlink { color: #677860; }

.box a.blacklink, a.blacklink { color: #000; }

.box a.whitelink, a.whitelink { color: #FFF; padding-left: 20px; }

.box a.whitelink:hover, a.whitelink:hover { color: #CCC; }


.box a:hover
 {
		text-decoration: none;
		color: #003918;
	}

.box span
 {
	position:absolute;
	bottom:8px;
	right:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	width: 115px;
}

.box #scrollnav
 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:14px;
		width: 215px;
		height: 373px;
		padding: 0px 15px 0 9px;
}


.box #scrollnav i
 {
	 font-style: normal;
}


a.imglink, a.imglink_no_wrap, a.imglistlink
{
	display: block;
	border: none;
	float: left;
	position: relative;
}

a.imglink:hover .imgoverlay
{
	position: absolute;
	z-index: 3;
	width: 104px;
	height: 104px;
	top: 10px;
	left: 10px;
	overflow: hidden;
	background: rgb(0,57,24);
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
}


a.imglistlink:hover .imgoverlay
{
	position: absolute;
	z-index: 3;
	width: 136px;
	height: 90px;
	top: 5px;
	left: 5px;
	overflow: hidden;
	background: rgb(0,57,24);
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
}


a.imglink img, a.imglink_no_wrap img, a.imglistlink img { display: block; }

a.imglink_no_wrap:hover .imgoverlay
{
	position: absolute;
	z-index: 3;
	width: 91px;
	height: 94px;
	top: 10px;
	left: 10px;
	overflow: hidden;
	background: rgb(0,57,24);
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
}



.bigheading3
 {
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size: 16px;
	 line-height: 20px;
	 font-weight: bold;
}

#bigheading, #bigheading2
 {
	padding: 10px;
}

#bigheading a
 {
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #B1B3B4;
	text-decoration: none;
}

#bigheading2 a
 {
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 30px;
	color: #EBE3D1;
	text-decoration: none;
}

#bigheading a:hover, #bigheading2 a:hover { color: #003918; }

.box .bigheaderlink { text-align: center; }

.box .bigheaderlink a
 {
	 
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
	text-align: center;
}

.box div.hr
 {
		clear: both;
		height: 1px;
		margin-top: 7px;
		margin-bottom: 7px;
		background: #000;
 }
 
 
 .box div.hr-light
 {
		clear: both;
		height: 1px;
		margin-top: 5px;
		margin-bottom: 5px;
		background: #666;
 }

#spalte_unten
 {
		position: absolute;
		top: 484px;
		left: 240px;		
		width: 505px;
		height: 123px;

}




i.brbr { color: #AB966E; }


div.hr
 {
		clear: both;
		height: 1px;
		margin-top: 5px;
		margin-bottom: 20px;
		background: #000;
 }
	
div.hr hr
 {
  display: none;
 }	

.foto_h1_links
 {
		float:left;
		margin: 0 7px 25px 0;
		border: 1px solid #666;
	}
	
.foto_h1_rechts
 {
		float:right;
		margin: 0;
	}	
	
	
.imagelist, .imagelist li { list-style: none; line-height: 0px; }
.imagelist li
 {
		float:left;
		margin:0;
		padding:0;
  font-size:1px;
		line-height:1px;
	}

.imagelist li img
{
	height: 90px;
	border: none;
	padding: 0px 5px 0px 5px;
	margin:0;
	line-height: 0px;
}

*:first-child+html .imagelist li img
 {
		padding: 0px 5px 5px 5px;
	}

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


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */

h1
 {
		/* padding-top:42px; */
		/*font-family: "Times New Roman", Times, serif;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 17px;
		line-height: 22px;
		font-weight: bold;
		color: #B1B3B4;
	}
	
h1 i
 {
  		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: italic;
		font-weight: lighter;
}
	
	
h2
 {
		/*font-family: "Times New Roman", Times, serif;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:12px;
		font-weight:bold;
		color: #FFF;
		padding: 3px 0 4px 10px;
		background: #707173;
	}
	
h3
 {
		/*font-family: "Times New Roman", Times, serif;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:12px;
		font-weight:bold;
		margin:25px 0 15px 0;
	}	
	
p, a
 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		margin-bottom:14px;
		text-decoration: none;
	}

	
a:hover
 {
		color: #003918;
	}

#inhalt ul
 {
		list-style: disc;
		padding-left: 20px;
	}

#inhalt ol
 {
	 	list-style: decimal;
		padding-left: 20px;
	}

#inhalt ul li, #inhalt ol li
 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
	}
	
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ SCROLLBAR ++++++++++ */
.jScrollPaneContainer {
	 position: absolute;
		top: 30px;
		left: 0;
 	overflow: hidden;
	 z-index: 100;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height:100%;
 background: #C6C7C8;
}

.jScrollPaneDrag {
	position: absolute;
	background: #9C9EA0;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 10px;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 10px;
}

a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* ++++++++++ ENDE SCROLLBAR ++++++++++ */

/* ++++++++++ FOTOGALERIE ++++++++++ */
.ppy ul {
    height:         0px;
    width:          0px;
    padding:        0px;
    margin:         0px;
    overflow:       hidden;
}
.ppy-stage {
    background:     transparent no-repeat center center;  
}
#popeye1.ppy-js {
    float:          left;
    margin:         0 30px 10px 0;
}
#popeye1-no-js {
    margin:         0px 30px 10px 0px;
    height:         202px;
    width:          262px;
    float:          left;
    text-align:     center;
    line-height:    202px;
}
#popeye2.ppy-js {
    float:          right;
    margin:         20px 0 20px 30px;
}
.ppy {
    font-size:      0.8em;
}
.ppy-stagewrap {
    background-color:#333;
    border:         1px solid #ccc;
    border-right:   1px solid #aaa;
    border-bottom:  1px solid #aaa;
}
.ppy-stage {
    position:       relative;
    border:         1px solid #eee;
}
.ppy-tools {
    overflow:       hidden;
    zoom:           1;      /* IE float container hasLayout fix */
    position:       absolute;
   /*padding:        10px;*/
    top:            45%;
    z-index:        100;
    display:        inline;
    left:           0px;
	width: 			100%;
}
.ppy-tools div {
    width:          45px;
    height:         0px !important;
    padding-top:    35px;
    overflow:       hidden;
    float:          left;
    background:     transparent no-repeat center top;
    cursor:         pointer;
}
.ppy-prev {
    background-image:url(../_bilder/galerie/prev.png) !important;
	position:       absolute;
	left: 20px;
}
/*
.ppy-enlarge {
    width:          49px !important;
    margin:         0 10px;
    background-image:url(../_bilder/galerie/enlarge.png) !important;
}
.ppy-compact {
    width:          49px !important;
    margin:         0 10px;
    background-image:url(../_bilder/galerie/compact.png) !important;
}
*/
.ppy-next {
    background-image:url(../_bilder/galerie/next.png) !important;
	position:       absolute;
	right: 20px;
}
.ppy-tools div:hover {
    background-position: center -35px;
}
.ppy-cap {
    background:     #f6f9e0;
    color:          #666;
    line-height:    1.2em;
    border:         1px solid #ddd;
    border-top:     0px;
    font-size:      0.9em;
    position:       relative;
    overflow:       hidden;
}
.ppy-textwrap {
    padding:        10px;
}
/*
#popeye1 .ppy-count {
    position:       absolute;
    padding:        3px 7px 0 5px;
    bottom:         0px;
    right:          0px;
    font-style:     italic;
    font-size:      0.9em;
    background:     #000;
    color:          #f7f7f7;
    opacity:        0.7;
    -ms-filter:     "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
 /*   filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE7 lte */
 /*   z-index:        100;
    text-align:     right;
    display:        inline;
    -moz-border-radius: 6px 0 0 0;
    -khtml-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius:  6px 0 0 0;
}
#popeye2 .ppy-count {
    display:        inline;
    padding:        0 5px 0 0;
    font-style:     italic;
}
*/
.ppy-loading {
    background:     #333 url(../_bilder/galerie/loading.gif) no-repeat center !important;
}

/* ++++++++++ ENDE FOTOGALERIE ++++++++++ */