/* @override http://www.npn-perseus.de/assets/templates/npn-perseus/styles.css */

/* ############# */
/* CSS-RESET     */
/* ############# */

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { text-decoration: none; font-size: 1em; outline: none; padding: 0; margin: 0; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { white-space: normal; font-size: 1em; font: inherit; }
dfn, i, cite, var, address, em { font-style: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { vertical-align: top; text-align: left; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }






/* ############### */
/* NPN-PERSEUS CSS */
/* ############### */

body {
	background-color:#efeeed;
	width:100%;
	font-size:10px;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#373534;
	}

h1 {
	font-size:1.5em;
	line-height:1.2em;
	font-weight:normal;
	color:#ef7f00;
	margin-bottom:1.2em;
	}

p,h2 {
	line-height:1.5em;
	}

h2 {
	font-size:1em;
	font-weight:normal;
	color:#ef7f00;
	margin-bottom:0;
}

table {
	border:0;
	}
	
	#pageletContent td {
		padding-bottom:1.5em;
		}
		
		table li {
			
		}


/* ############# */
/* Links */
/* ############# */

a, a:active, a:visited { color:#373534; text-decoration:none !important; }


a:hover,
.navSideStartitem,
.currentPath a, .currentPath a:active, .currentPath a:visited,
a.linkActive, a.linkActive:visited, a.linkActive:active,
.aktiv a, .aktiv a:visited, .aktiv a:active { color:#ef7f00 !important; }


a.linkIconLg,
.navSideStartitem {
	padding-left:1.5em;
	background-image:url(/assets/images/sys/linkNo.gif);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	}

a.linkIconLg:hover {
	background-image:url(/assets/images/sys/linkHi.gif);
	}

.navSideStartitem {
	background-image:url(/assets/images/sys/linkHi.gif);
	margin-bottom:1em;
	}

.currentPath a,
.currentPath a:active,
.currentPath a:visited { color:#ef7f00; }

#pageletHeader a,
#pageletHeader a:active,
#pageletHeader a:visited { color:#ffffff; }


/* ############# */
/* Layout */
/* ############# */

#pageSpace {
	width:80em;
	margin:8em auto 0 auto;
	position:relative;
	}

#wrapHeader {
	height:12.3em;
	background-color:#5f574f;
	background-image:url(/assets/images/sys/npn-perseus.gif);
	background-repeat:no-repeat;
	width:100%;
	color:#FFFFFF;
	position:relative;
	}

#wrapMain {
	height:40.4em;
	background-color:#FFFFFF;
	position:relative;
	}

#wrapFooter {
	height:2em;
	width:100%;
	position:relative;
	}

#wrapMainContent {
	float:left;
	width:60em;
	margin:0;
	padding-left:2em;
	position:relative;
	}
	
#wrapMainSidebar {
	width:14em;
	margin:0;
	padding-left:2em;
	float:left;
	}

#pageletContent {
	height:32.5em;
	overflow:hidden;
	padding-top:2.5em;
	padding-right:2.3em;
	}

#pageletContentOverflow {
	height:31em;
	overflow:hidden;
	padding-top:2.5em;
	padding-right:2.3em;
	}
	
/* ################################################### */
/* Projektseite Content */
/* ################################################### */

#wrapRightCol {
	border:1px #373534 solid;
	float:left;
	width:auto;
	margin-top:2.8em;
	position:relative;
	}

#wrapLeftCol {
	width:21em;
	margin:0;
	float:left;
	}

	
	#projekte #pageletContent p {
		margin-bottom:1em;
		line-height:1.4em;
		}

	#pageletContent td {
		padding-bottom:1.5em;
		}
		
#pageletContent ul {
	list-style-type:none;
	}
	
	#pageletContent ul li {
		line-height:1.4em;
		padding-left:1.5em;
		background-image:url(/assets/images/sys/linkNo.gif);
		background-repeat:no-repeat;
		background-position:left 0.4em;
		}

.mgNumbers {
	margin-right:1em;
	text-align:right;
	}

.mgNumbers .thumbnail {
	width:1.5em;
	display:inline-block;
	}

.hoverthumb a {
	padding:0 2px 0 2px;
}
		
#picturecontainer {
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:38.2em;
	height:34.7em;
	margin:0;
	}

	#picturecontainer {
		background-position:center;
		background-repeat:no-repeat;
		position:relative;
		top:0;
		left:0;
		}
		
		#picturecontainer img {
			}
		
		#picturecontainer .pBu {
			position:absolute;
			top:32.1em;
			left:1em;
			text-align:left;
			color:#ef7f00;
			}

	
/* ################################################### */
/* Textseite Content */
/* ################################################### */

	

#pageletContent td {
	vertical-align:top;
	}
	
	#pageletContent td:first-child {
		width:7.5em;
		}


/* ################################################### */
/* Textseite SubNav */
/* ################################################### */

#navSub {
	line-height:1.5em;
	padding:0;
	}

#navSub a {
	padding:0 0.5em;
	}



/* ################################################### */
/* Navigation Sidenav */
/* ################################################### */

#pageletNavSide {
	padding-top:2.8em;
	height:32em;
	overflow:hidden;
	}
	
	.linkBack {
		line-height:1.5em;
		margin-bottom:1.5em;
		}
		
	
	#pageletNavSide ul {
		list-style-type:none;
		padding-left:1.5em;
		}

#pageletDownload {
	padding-left:1.5em;
	}
	
	#pageletDownload img {
		border:none;
		}


/* ################################################### */
/* Navigation Homepage */
/* ################################################### */

#pageletNavHome {
	padding:4.5em 0 0 1.5em;
	float:left;
	}
	
	#pageletNavHome ul {
		list-style-type:none;
		line-height:1.5em;
		}
		
		#pageletNavHome .liFirst {
			margin-bottom:0.5em;
			padding-bottom:0.5em;		
			}
		
		#pageletNavHome .liLast {
			margin-top:0.5em;
			padding-top:0.5em;
			}
	
	#pageletNavHome a {
		padding-left:1.5em;
		background-image:url(/assets/images/sys/linkNo.gif);
		background-repeat:no-repeat;
		background-position:left 0.4em;
		}
	
	#pageletNavHome a:hover {
		background-image:url(/assets/images/sys/linkHi.gif);
		}
	

/* Keyvisual Homepage */

#pageletKeyvisual {
	width:308px;
	height:308px;
	margin:0;
	padding:4.8em 0 0 9.6em;
	float:left;
	}
#mgManageButton {
	position:absolute;
	top:1em;
	left:auto;
	right:uato;
}
.homeThumb {
	width:77px;
	height:77px;
	float:left;
	}


/* ############# */
/* flash */
/* ############# */

#pageletFlashHome {
	width:80em;
	height:52.7em;
	background-color:#5F574F;	
}
#downloadFlash {
		width:80em;
		height:49.7em;
		padding-top:3em;
		background-image:url(/assets/images/sys/flashAlt.png);
		text-align:center;
		}
		

/* ############# */
/* Header */
/* ############# */

#pageletHeader {
	text-align:right;
	padding:9.5em 3em 0 0;
	line-height:1em;
	font-size:1em;
	}


/* ############# */
/* Footer */
/* ############# */

#pageletFooter {
	text-align:center;
	line-height:2em;
	font-size:1em;
	}
	
	#pageletFooter a:hover {
		text-decoration:underline;
		}

		
/* ############# */
/* MaxiGallery */
/* ############# */

#mgManageButton {
	position:absolute;
	top:0;
	left:0;
}