/*CSS-Datei zu www.schampus.com, aktualisiert am 16.04. 2010 von hessler-artwork.com*/



html, body {
	margin: 0;
	padding: 0;
	background-color: white;
	font-family: helvetica, arial, sans-serif;
	font-size: 0.8em;
	line-height: 170%
}


html {
	overflow-y: scroll;
	overflow-x: hidden;
	height:100%;
}


p { 
	padding: 0;
	margin: -4px 0 16px 0;
	font-size: 1.1em;
}


span.italic {  /*Text wird kursiv ausgezeichnet*/
	padding: 0;
	margin: 0;
	font-style: italic;
}


span.bold {	 /*Text wird fett ausgezeichnet*/
	padding: 0;
	margin: 0;
	font-weight: 600;
}




h1 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	color: #333333;	
}



a {
	text-decoration: none;
	color: #999999;
}


a:hover {
	color: #333333;
}



.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: 0px none;
	margin: 0;
	padding: 0;
	background: transparent;
}






/*BOX LEFTSIDE (diese Box dient als Container der linken Spalte) ____________________________________________*/

#box_leftside {
	position: fixed;
	left: 100px;
	top: 0;
	width: 220px;
	padding: 0;
	margin: 0;
}

/*END BOX LEFTSIDE (diese Box dient als Container der linken Spalte) ____________________________________________*/




/*BOX RIGHTSIDE (diese Box dient als Container der rechten Spalte, des Hauptinhalts) ____________________________________________*/

#box_rightside {
	width: 820px;
	height: auto;
	margin: 0 0 0 370px;
	padding: 0;
}

/*END BOX RIGHTSIDE (diese Box dient als Container der rechten Spalte) ____________________________________________*/




/*CONTENT BOX LEFTSIDE (alle Inhalte der linken Spalte) ____________________________________________*/

#box_head_cd_element {
	width: 220px;
	height: 25px;
	margin: -1px 0 0 0;
	padding: 0;
}


#box_name_and_title {
	width: 180px;
	height: 50px;
	margin: 76px 0 0 0;
	padding: 0;	
}

.name_and_title {
	display: block;
	background-image: url(../images/schampus_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -1820px;
	width: 180px;
	height: 44px;
}


/*NAVIGATION ---------*/

#box_navigation {
	width: 220px;
	min-height: 180px;
	height: auto;
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 1.2em;
}



 ul {
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}


 ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
	color: #999999;
}


 ul li a {
	text-decoration: none;
	color: #999999;
}


 ul li a:hover {
	color: #333333;
}


 ul li span.aktiv,li span.aktiv:hover {
	text-decoration: none;
	color: #333333;
}


/*E N D NAVIGATION ----------*/




/*BOX PPROJECT DESCRIPTION -----------*/

#box_project_description {
	width: 220px;
	min-height: 200px;
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	font-family: times new roman, serif;
	font-style: italic;
}

/*BOX PPROJECT DESCRIPTION -----------*/




/*E N D CONTENT BOX LEFTSIDE (alle Inhalte der linken Spalte) ____________________________________________*/







/*CONTENT BOX RIGHTSIDE (alle Inhalte der rechten Spalte) ____________________________________________*/


/*BOX THUMB PREVIEW -------------*/

#box_thumb_preview {
	width: 820px;
	height: auto;
	margin: 100px 0 0 0;
	padding: 0;
}

/*E N D BOX THUMB PREVIEW ------------*/




/*DIV CONTAINER THUMB ------- flexibler Container fŸr die Thumbnails ------*/

.single_thumbnail {
	float: left;
	width: auto;
	height: 180px;
	margin: 0 20px 20px 0;
	padding: 0;
	background-color: #cccccc;
}

/*E N D DIV CONTAINER THUMB ------- flexibler Container fŸr die Thumbnails ------*/



/*BOX FULLSIZE PHOTO -------------*/

#box_fullsize_photo {
	width: 820px;
	height: auto;
	margin: 201px 0 0 0;
	padding: 0;
	border: 0;
}

/*E N D BOX FULLSIZE PHOTO ------------*/




/*DIV CONTAINER FULLSIZE PHOTO ------- flexibler Container fŸr die Fotos im Grossformat ------*/

.single_fullsize_photo {
	width: 30px;
	min-height: 300px;
	height: auto;
	margin: 0 0 50px 0;
	padding: 0;
	background-color: #cccccc;
}

/*E N D DIV FULLSIZE PHOTO ------- flexibler Container fŸr die Fotos im Grossformat ------*/




/*DIV CONTAINER SINGLE PHOTO ------- flexibler Container fŸr beliebiges Foto ------*/

.single_photo {
	width: 30px;
	min-height: 300px;
	height: auto;
	margin: 50px 0 50px 0;
	padding: 0;
	background-color: #cccccc;
}

/*E N D DIV CONTAINER SINGLE PHOTO ------- flexibler Container fŸr beliebiges Foto ------*/




/*BOX CONTENT ----- Texte fŸr Hauptseite--------*/

#content {
	width: 700px;
	height: auto;
	margin: 203px 0 10px 0;
	padding: 0;
	font-size: 1.1em;	
}

/*E N D BOX CONTENT ----- Texte fŸr Hauptseite--------*/




/*E N D CONTENT BOX RIGHTSIDE (alle Inhalte der rechten Spalte) ____________________________________________*/