/* *** Generated by Nicolaj Dudek 2006 *** */
/* based on a template by intensivstation.ch*/
/*-------------PRINT STYLESHEET------------*/


body {
	background-color: #666666;
	font-size: 11px;
	font-family: Times, Courier, Arial, Sans-Serif;
	color:#000;
	padding:40px;
	margin:0px;
	}


a {
	color: #fff;
	text-decoration: none;
	}	
a:visited {color:#fff;}
a:hover {color: #FFF; background-color: #fff;}
a:active { color:#fff;}


h1 {
	font-family: Times, Courier, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	padding: 0px;
	font-size:28px;
	line-height:28px;
	font-weight:100;
	color: #333366;
	}
	
h2 {
	font-family: Times, Courier, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	padding: 0px;
	font-size:14px;
	line-height:28px;
	font-weight:100;
	color: black;
	}



h3 {
	font-family: Times, Courier, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	color: black;
	}

h4 {
	font-family: Times, Courier, Arial, Sans-Serif;
	margin:0px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	font-size:12px;
	font-style: italic;
	line-height:18px;
	font-weight: normal;
	color: black;
	}
	
img.download {vertical-align:middle;}


pre#indexseite{
	font-size: 9px;
	font-family: verdana, arial, sans-serif;
	color: #000;
	padding: 218px 10px 30px 20px;/*Hoehe linker Rahmen!*/
	margin:0px;
	}

.invisible{
	visibility: hidden;
	}
	
.seiteaktuell{
	background-color: #fff;
	color: #fff;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	}


/* ----------container zentriert das layout-------------- */
#container {
	width: 950px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	} 



/*---Runde Ecken oben---------------*/

.rbroundboxoben { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }


/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 950px;
	height: 7px;
	font-size: 1px;
	}
	
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 900px; margin: 0em auto; }





/* ----------Headerbereich-------------- */

#header {
	text-align: left;
	background-color: transparent;
	background-image: none;
	padding-bottom: 10px;
	padding-top: 3px;
	padding-left: 5px;
	margin: 0px;
	}


#headertext{
	font-size:16px;
	float: left;
	background-color: transparent;
	font-family: Times, Courier, Arial, Sans-Serif;
	text-align: center;
	width: 185px;
	padding: 9px 10px 11px 11px;
	margin-left: 1px;
	margin-top: px;
	font-weight: normal;
	color: #000; 
	font-stretch: semi-expanded;
	}


/*----------Obere Navigationsleiste--------------*/

ul{
	font-color: #fff;
	text-align: left;
	font-family: Times, Courier, Arial, Sans-Serif;
	background-color: transparent;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 31em;/*horizontal verschieben*/
	margin-right: 0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	}


ul li { 
	display: inline;
	}

ul li a {
	font-weight: normal;
	text-decoration: none; 
	padding: .2em 1.0em;
	}

/*----------Untere Navigationsleiste--------------*/

ul#liste2{
	font-color: #fff;
	text-align: left;
	background-color: transparent;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 31.4em;/*horizontal verschieben*/
	margin-right: 0em;
	padding-top: 0.5em;
	padding-bottom: 0.6em;
	}

ul#liste2 li { 
	display: inline;
}
 

ul#liste2 li a{
	color: #fff;
	font-weight: normal;
	padding: .2em 0.6em;
	
	
	}
#liste2 a:hover {color: #fff; background-color: #fff;}


/* ----------outer und inner----------------- */


#outer{ 
border-left: solid 200px #fff; 
 /* linke Menue Spalten Farbe  */ 
background-color: #FFF; /* Farbe fuer Inhalt Spalten  */
padding-bottom: 30px;
 } 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 



/* --------------Linke Leiste------------- */

#left {
 	width:200px; 
 	float:left; 
 	position:relative; 
 	margin-left:-200px; 
 	margin-right:1px;
	}


/* -----------------Inhalt--------------------- */



#content{ 
	position: relative; 
	margin-top: 0px;
	padding-bottom: 1em;
	padding-top: 5px;
	 }

p{
	padding: 2px 10px;
	margin:0px;
	}




/*  ----------------Footer---------------------- */ 


#footer {
	clear:left;
	background-color: transparent;
	background-image: none;
	padding-top: 10px;
	padding-right: 220px;
	margin-top: 0px;
	text-align: right;
	font-size: 9px;
	color: #666;
	}
	

#print{
	float: left;
	padding-left: 40px;
	padding-top: 1px;
}
	
p#printtext {
	float: left;
	padding-left: 4px;
	pdding-top: 0;
}



/*---Runde Ecken unten-------------------*/


.rbroundbox { background: url(nt.gif) repeat; }

.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 950px;
	height: 7px;
	font-size: 1px;
	}
	
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 950px; margin: 0em auto; }






/*  -------------Bilder Index-Seite------------- 
*************************************************/ 

	
#thumbs { 
	color:#666; 
	text-align:left; 
	font-family: Verdana, Arial,sans-serif; 	  	
	font-size:10px; 
	}

#thumbs img { 
	background-color:#fff; 
	border-style:solid; 
	border-width:1px; 
	border-color:#fff; 
	padding:0px; 
	margin:10px; 
	}

#thumbs img:hover { 
	background-color:#fff;  
	border-color:#f66; 
	border-style: dashed;
	border-width: 1px;
	}

#thumbs a:hover{
	background-color: transparent;
	}

/* Index Thumbnailseite*/
	
	ul#index  { 
	text-align: center;
	background-color: transparent;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 2em;/*horizontal verschieben*/
	margin-right: 0em;
	}
	

ul#index li { 
	display: inline;
}

ul#index li a {
	color: #c33;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	padding: 2px;
	}
	
		
#index a:hover {color: #FFF; background-color: #000;}


/*  -------------Media-Seite------------- 
******************************************/ 


	
.caption { 
	text-align: center; 
	color:#666; 
	font-family:Arial,Verdana,sans-serif; 
	font-size:12px; 
	padding: 0px 0px 0px 65px;
	margin:auto; 
	width:80%; 	
}

.photo { 
	color:#666; 
	text-align:center; 
	font-family:Arial,Verdana,sans-serif; 		
	font-size:11px; 
	padding: 10px 10px 2px 2px;/* Abstand Mediabild oben*/
	margin: 0px;/* schliesst eventuelle Lücke zum Header*/
	width:auto;
}

.photo img { 
	background-color:#CCCC66; 
	border-style:solid; 
	border-width:0.1em; 
	border-color:#ccc; 
	padding:0px; 
	margin: 0.5em;  
}

.photo img:hover { 
	background-color: #fff;  
	border-style: dashed; 
	border-width: 1px; 
	border-color: #c33; 
}


/* Index fuer Mediaseite 
--------------------------*/

/* Inhalt im linken Rahmen*/
pre{
	font-size: 9px;
	font-family: verdana, arial, sans-serif;
	color: grey;
	padding: 0px 10px 180px 15px;/*Hoehe linker Rahmen!*/
	margin:0px;
	}


	
ul#mediaindex  { 
	text-align: center;
	background-color: transparent;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 12em;/*horizontal verschieben*/
	margin-right: 0em;
	}
	


ul#mediaindex li { 
	display: inline;
}

ul#mediaindex li a {
	color: #c33;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	padding: 2px;
	}
	
/* Hovereffekte fuer Mediaseiten-Index*/
	
a:link#mediaindex {color: #c33;}
a:visited#mediaindex {color: none;}
a:hover#mediaindex {
	text-decoration: none;
	background-color: white;
	}


/* Media Hintergrund weiss halten
   (balken unter bild wegbekommen) */

#media {
	background-color: #fff
	}


/* Media Bildinfo links */

ul#bildinfo{
	text-align: right;
	background-color: transparent;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	color: grey;
	line-height: 11px;
	}


ul#bildinfo li{
	display: inline;
	}
	

/* Vita CV-Seite 
--------------------------*/

pre#vita{
	text-align: center;

	}	
		


ul.vita{

list-style-type: none;
display: block;
text-align: left;
background-color: none;
margin: 0;
padding: 0 0 0 50px;
margin-left: 0em;
margin-right: 5em;
}

ul.vita li { 
	display: block;
	font:11px verdana, arial, sans-serif;
	margin: 0px 0px 6px 0px;
	padding:0px; 	
}

ul.vita li a {
	font-weight: normal;
	text-decoration: none; 
	padding: .2em 1em;
	}



/* Contact-Seite - Formular
--------------------------*/