/**
* Stylesheet for http://www.stefanstreiff.ch/
*
* Standard Stylesheet
*
* @author Beat Schenkel
* @link http://www.designtopf.ch/
* @copyright Copyright 2012, designtopf.ch
* @license CC-A 3.0 / http://creativecommons.org/licenses/by/3.0/
* @created 19.10.2012
**/

/* ==========================================================================
   _Fonts
   ========================================================================== */

@font-face {
	font-family: "EBGaramond-Regular";
	src: url("fonts/EBGaramond-Regular.eot"); /* IE9 Compat Modes */
	src: url("fonts/EBGaramond-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("fonts/EBGaramond-Regular.woff") format("wof"), /* Modern Browsers */
	     url("fonts/EBGaramond-Regular.ttf")  format("truetype"), /* Safari, Android, iOS */
	     url("fonts/EBGaramond-Regular.svg#svgFontName") format("svg"); /* Legacy iOS */
	}
	
@font-face {
	font-family: "Syntax-Roman";
	src: url("fonts/Syntax-Roman.eot"); /* IE9 Compat Modes */
	src: url("fonts/Syntax-Roman.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("fonts/Syntax-Roman.woff") format("woff"), /* Modern Browsers */
	     url("fonts/Syntax-Roman.ttf")  format("truetype"), /* Safari, Android, iOS */
	     url("fonts/Syntax-Roman.svg#svgFontName") format("svg"); /* Legacy iOS */
	}
	
@font-face {
	font-family: "Syntax-Bold";
	src: url("fonts/Syntax-Bold.eot"); /* IE9 Compat Modes */
	src: url("fonts/Syntax-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	     url("fonts/Syntax-Bold.woff") format("woff"), /* Modern Browsers */
	     url("fonts/Syntax-Bold.ttf")  format("truetype"), /* Safari, Android, iOS */
	     url("fonts/Syntax-Bold.svg#svgFontName") format("svg"); /* Legacy iOS */
	}
		
body,
button,
input,
select,
textarea {
	font-family:"Syntax-Roman", Arial, sans-serif;
	font-size:0.93em;
	color:#666;
}

h1 {
	font-weight:normal;
	font-size:2.3em;
	}
	
h2 {
	font-family:"Syntax-Roman", Arial, sans-serif;
	font-weight:normal;
	font-size:1em;
	margin-top:3em;
	}
	
#content-wrap strong {
	font-family:"Syntax-Roman", Arial, sans-serif;
	font-weight:normal;
	}
	
article a:link,
article a:visited {
	color:#145595;
	text-decoration:none;
	}
	
article a:hover,
article a:Focus {
	color:#0D3A63;
	text-decoration:none;
	}

/* ==========================================================================
   _Structure
   ========================================================================== */
   
#page-head {
	display:block;
	height:30px;
	width:100%;
	background-color:#145595;
	}
   
#page-wrap {
	position:relative;
	width:980px;
	margin:0 auto;
	}
	
#head {
	position:relative;
	height:140px;
	}
	
	#head h1 {
		position:absolute;
		left:93px;
		top:12px;
		text-indent:-9999px;
		width:292px;
		height:47px;
		background:url(img/kommunikation-und-ethik-streiff.gif) no-repeat white;
		margin:0;
		padding:0;
		}
		
	address {
		font-family: "EB Garamond", serif;
		font-style:normal;
		text-align:right;
		padding-top:12px;
		font-size:0.9em;
		color:#000;
		}
		
		address a:link,
		address a:visited{
			color:#000;
			text-decoration:none;
			}
		
		address a:hover,
		address a:focus{
			color:#145595;
			}
			
#content-wrap {
	padding-bottom:50px;
	}
			
nav {
	float:left;
	width:140px;
	margin-right:40px;
	border-top:1px solid #666;
	padding-top:85px;
	}
							
section {
	float:left;
	width:560px;
	margin-right:40px;
	border-top:1px solid #666;
	}
	
	section h1 {
		height:80px;
		line-height:80px;
		padding:0;
		margin:0;
		}
		
	section h1.style-1 {
		color:#bf0b1d;
		font-weight:normal;
		}
		
	article {
		line-height:1.5em;
		}
		
	article p {
		margin:0 0 15px 0;
		}
		
	article ul {
		padding:0;
		}
	
	article ul li {
		list-style-type:none;
		background:url("../img/li.gif") no-repeat 0 7px;
		padding-left:17px;
		margin-bottom:15px;
		}
	
aside {
	float:left;
	width:200px;
	border-top:1px solid #666;
	padding-top:30px;
	font-size:0.85em;
	}
	
	aside blockquote {
		margin:0;
		}
		
	blockquote cite {
		display:block;
		font-style:normal;
		font-family:"Syntax-Bold", Arial, sans-serif;
		}
		
	blockquote cite span {
		display:block;
		font-style:normal;
		font-family:"Syntax-Roman", Arial, sans-serif;
		}
		
/* ==========================================================================
   _Navigation
   ========================================================================== */

nav ul { 
	border-top:1px solid #666;
	padding:0;
	margin:0;
	}
	
	.lt-ie7 nav ul ul {
		line-height:0;
		}

	/* Level 1: Normal */
	
	nav li { border-bottom:1px solid #666; }
	nav li.occ-4 { border:none; }
		
		nav a:link,
		nav a:visited {
			display:block;
			line-height:23px;
			padding-right:3px;
			text-align:right;
			text-decoration:none;
			color:#666;
			text-transform:uppercase;
		}
		
		nav a:hover,
		nav a:focus {
			color:#333;
		}
		
	/* Level 1: Current */
		
	nav .cur ul {
		
		}
					
		nav .cur a:link,
		nav .cur a:visited {
			background-color:#d0d1d2;
		}
				
	/* Level 2: Normal */
	
	nav .cur ul {
		}
	
	nav .cur li a:link,
	nav .cur li a:visited {
		text-transform:none;
		background:#eff0f1;
		}
	
	/* Level 2: Current */
			
	nav .cur li.occ-1.cur a:link,
	nav .cur li.occ-1.cur a:visited {
		color:#fff;
		background-color:#e39c06;
	}
	
	nav .cur  li.occ-2.cur a:link,
	nav .cur  li.occ-2.cur a:visited {
		background-color:#f6d7a8;
	}
	
	nav .cur  li.occ-3.cur a:link,
	nav .cur  li.occ-3.cur a:visited {
		color:#fff;
		background-color:#4b942b;
	}
	
	nav .cur  li.occ-4.cur a:link,
	nav .cur  li.occ-4.cur a:visited {
		background-color:#c0d2aa;
	}
	
/* ==========================================================================
   _Special Content
   ========================================================================== */

.occ-list {
	}
	
	.occ-list li {
		float:left;
		margin-right:35px;
		list-style-type:none;
		padding:0;
		background:none;
		border-bottom-width:2px;
		border-bottom-style:solid;
		}
	
	.occ-list a:link,
	.occ-list a:visited {
		color:#666;
		text-transform:uppercase;
		}
		
	.occ-list a:hover,
	.occ-list a:focus {
		color:#333;
		}
	
	.occ-list .occ-1 { border-bottom-color:#e39c06; }
	.occ-list .occ-2 { border-bottom-color:#f6d7a8; }
	.occ-list .occ-3 { border-bottom-color:#4b942b; }
	.occ-list .occ-4 { border-bottom-color:#c0d2aa; }
	
.member li {
		margin-bottom:3px;
		}
		
.portrait {
	float:left;
	margin:0 15px 15px 0;
	}
	
.downloads {
	margin:0;
	margin-top:5px;
	}
	
	.downloads li {
		padding:0;
		background:none;
		}
		
		.downloads a:link,
		.downloads a:visited	{
			padding:0;
			background:url("../img/pdf-icon.gif") no-repeat left top;
			padding-left:30px;
			}
			
		.downloads a:hover,
		.downloads a:focus	{
			}	

.weblinks {
	margin:0;
	margin-top:5px;
	}
	
	.weblinks li {
		padding:0;
		background:none;
		}
		
		.weblinks a:link,
		.weblinks a:visited	{
			padding:0;
			background:url("../img/web-icon.gif") no-repeat left top;
			padding-left:30px;
			}
			
		.weblinks a:hover,
		.weblinks a:focus	{
			}
						
aside .img-wrap {
	position:absolute;
	width:327px;
	right:0;
	padding-bottom:40px;
	}
   
/* ==========================================================================
   _Skiplinks
   ========================================================================== */
   
#skiplinks {
	position:absolute;
	top:-30px;
	left:0;
	list-style-type:none;
	padding:0;
	margin:0;
	padding-top:5px;
	}
	
	#skiplinks a {
		color:#fff;
		font-weight:bold;
		}