/*stefan beck css 13.07.2008 19:10 
-- 30.09.2011 12:38
*/


html { 
	font-size:100.01%;
	height: 100%; 
	}

body { 
	font-size: 16px; 
	line-height:140%;
	font-family: "Times New Roman", Times, Georgia, serif; 
	background-color: #908c90; 
	text-align: center; 
}

h1 {
	font-size:1.4em;
	color:#000;
	margin:1px 0px 10px 0px;
	text-align: left;
}

h2 {
	font-size:1.4em;
	color:#000;
	text-align: left;
	display:inline;
	padding:15px 0;
}

h3 {
	font-size:1.1em;
	color:#000000;
	text-align: left;
	display:inline;
}

h4 {
	font-size:1.0em;
	color:#000000;
	text-align: left;
	display:inline;
}

img {border:0;}

p {
	font-size:100%;
	margin-top:0px;
	text-align: left;}

table {}
tr {}
td {}

/* ausrichtungen */

.left {text-align:left;}

.right {text-align:right;}

.center {text-align:center;}

.hid {position:absolute;left:-5000px;}

.nul {list-style:none;}

.clearb {clear:both;}

/* farben */

.bggrey1 {background:#DCDCDC;}


/* Der Kasten mit dem Quellcode */


a:link, a:visited { 
	text-decoration:underline;
	font-weight:normal;
	color:black;
}
  
a:hover { 
	color:#808080;
	text-decoration:none;	
}

a[rel ~="external"] {
	padding-left: 18px;
	background-image: url('../picts/061220_icon_external.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
} 

h3 a:link {
	text-decoration:none;	
	color:black;
	font-weight:bold;	
}

h3 a:visited {
	text-decoration:none;	
	color:black;
	font-weight:bold;	
}

h3 a:hover {
	color:#808080;
	text-decoration:underline;
	font-weight:bold;	
}

h4 a:link {
	text-decoration:none;	
	color:black;	
	font-weight:bold;
	border-bottom:1px solid black;
}

h4 a:visited {
	text-decoration:none;	
	color:#808080;	
	font-weight:bold;
	border-bottom:0px solid black;
}

h4 a:hover {
	color:#808080;
	text-decoration:none;	
	font-weight:bold;
	border-bottom:0px solid black;	
}
/* --- */

.platonic-logo {
	text-align:center; 
	margin:15px 0;	
}

#synopsis {
	margin:0;
	padding: 8px 0 25px 0;
}

.block {
	margin:25px 0;	
	}

.block h3 {
	font-weight:bold;	
	font-size:1.0em;	
}

#delicious-tags-realbeck {
	font-family: "Times New Roman", Times, Georgia, serif; 
}
	
#social {}
#social ul li {
	margin:10px 8px 10px 0;
}

#social ul li img {
	padding:0 8px 0px 0;
}

/* --- BILD --------------- */

#identity {
	margin:0 0 0 0;	
}

#identity p {
	float:left;
	width:200px;	
	margin: 0 0 0 0px;
}

#identity img, #identity em {
	float:right;
	margin: 0 180px 25px 0px;	
}
/* --- NEWS --------------- */

#news { width:95%;}

.news_item {
	margin:0 0 25px 0;	
}

.news_item p {
	padding:0 0 0 25px;	
}

.news_header {
	background:#DCDCDC;
	margin:5px 0;
	padding:5px 2px;	
}


/* Der Inhalt */

.mainblock, .page {
	width:605px;
	margin:0px auto;
	text-align:left;
	border:solid 1px #908C90;
}

#content {
	border-top:0px solid #000000;
	background-color:#ffffff;
	padding:4px;
	background-color:#fafafa;
	text-align: left;
}

.eng {
	padding-right: 5pt; 
	padding-left: 3pt 
}

/* Schriften */
tt, courier { 
	font-size: 13px; 
	line-height: 140%; 
	font-family: "Courier New", Courier, Monaco, sans-serif;
	text-align: left; 
}

.courier-eng  { 
	font-size: 13px; 
	line-height: 140%; 
	font-family: "Courier New", Courier, Monaco, sans-serif; 
	padding-right: 5pt; 
	padding-left: 3pt;
	text-align: left;
}

.arial-innen { 
	font-size: 13px; 
	line-height: 140%; 
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	padding: 3pt;
	text-align: left;
 }

.arial-s1, .arial-k1 { 
	font-size:12px; 
	line-height: 140%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: left; 
	letter-spacing: 0.0em;
}

.arial-s2, .arial-k2  { 
	font-size: 13px; 
	line-height: 140%; 
	font-family: Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
 }
 
.verd-s1 { 
	font-size: 11px; 
	line-height: 140%; 
	font-family: Verdana, Arial, Geneva, sans-serif;
	text-align: left;
 }

.sub-text { 
	font-size: 11px; 
	line-height: 140%;
}	

/* listen */

.sampleprojects {}

.sampleprojects ul {
	list-style:none;
	margin:0;
	padding:0;	
}

.sampleprojects ul li {
	margin:0px 0px 0px 27px ;
	padding:5px 0px 5px 0px ;
}

.liste-bullet {
	font-size: 13px; 
	line-height: 140%; 
	font-family: "Courier New", Courier, Monaco, sans-serif; 
	text-align: left;
	list-style-type: disc; 
	list-style-position: inside ;
}
 
 
/* andere */
.mainbildabstand {
	width:160px;
	
}
/* projecte */

.vevent {
	font-size: 11px; 
	line-height: 16px; 
	font-family: Verdana, Arial, Geneva, sans-serif;
	text-align: left;	
}

.project-year, .project-place {
	background-color:#dcdcdc;
	padding-left:5px;
	margin-bottom:12px;	
}

.projectlist li {
	text-align: left;
	list-style: none; 
	margin: 0 0 10px 20px;	
}

abbr {border:0;}

/* texte  */
.stbtop {
	width:600px;
}

.stbtop ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.stbtop ul li {
	display:inline;
}

.topli {
}

.topm {
margin:0 150px;	
}

.topm {
}

.leftnavi {
	list-style:none;
	margin:0;
	padding:0;	
}

.leftnavi li {
	margin:0;
	padding:5px 0;	
	color:#797979;	
}

.leftnavi li a {
	text-decoration:none;	
	color:#797979;	
}

.leftnavi li a:hover {
	text-decoration:underline;	
	color:#797979;	
}

.subtextnavi li {
	display:inline;
	padding:0 25px 0 0;
	line-height:200%;
}

.subtextnavi li a {
	text-decoration:underline;	
	color:#797979;	
}

/* -------- iPhone D --------------- */
@media screen and (max-device-width: 480px){
	
img, a img, p a img {
	max-width:100%;
	height:auto;
}

.mainblock, .page {
	width:auto;
	margin:0;
	text-align:left;
}

#identity p {
	clear:left;	
	margin: 0 0 0 0px;
}

#identity img {
	clear:right;
	margin: 0;	
}

/* ende max-device */
}

/* Denke daran :active und :hover  nach :link und :visited zu definieren. */