/* --------------------------------------
 *
 * Helga Franke Webseite - Main CSS
 *
 * 30.01.2012 14:38 - 30.01.2012 18:15
 * --------------------------------------
 */

body {
	background:#fff;	
}

#header {
	margin: 50px 0 0 0;
	height:95px;
	background-color:#CC0000;
}

div.page_title {
	width:646px;
	height:95px;
	margin-left:72px;
	margin-top:72px;
	background-color:#CC0000;
}

#author{
	position:absolute;
	margin-top:7px;
	margin-left:7px;
	color:#FFFFFF;
	font-family:Arial,sans serif;
	font-size:24px;
	font-weight:bold;
}

a.author{
	color:#FFFFFF;
	font-family:Arial,sans serif;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
}

div.navigation {
	float:right;
	margin-left:0px;
	padding-top:5px;
	width:100px;
}

div.navElement {
	margin-top:0;
	margin-bottom:0;
	font-size:12px;
	font-family:Tahoma,sans serif;
}

#content {
	margin-top:28px;	
	color:#4E4E4E;
	font-size:12px;
	font-family:Tahoma,sans serif;
}

div.content {
	width:646px;
	margin-top:28px;
	margin-left:72px;
	color:#4E4E4E;
	font-size:12px;
	font-family:Tahoma,sans serif;
}

a.navigation{
	text-decoration:none;
	color:#fff;
}

a.navigation:hover{
	text-decoration:none;
	color:#dcdcdc;
}

a.active{
	text-decoration:underline;
	color:#fff;
}

div.title{
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
}

div.clearLayer{
	clear:both;
}

a {
	color:#3B3B3B;
}

a.hide{
	color: #fff;
}

div.projBox{
	border-bottom:1px #AAAAAA solid;
 	/*height: 90px;*/
}

div.projText{
	/*height:75px;*/
	width:420px;
	float:left;
	padding:5px 0;

}
  
div.projBild{
	width:119px;
	float:right;
	/*height:75px;*/
	padding:5px 0;
}

span.projTitel{
	color:#CC0000;
	font-weight:bold;
}

span.projTitel1 { 
	color:#CB0003;
	font-weight:bold;
}


/* ---- stb --- */

#page {
	width:646px;
	margin: 0 auto;
}

h1 {
	margin-bottom:10px;
	font-weight:bold;
}

h2 {display:inline;}

h2.projTitel1, h2.projTitel {
	display:inline;
	color:#CC0000;
}

h3 {
	margin:2px 0;	
}

.clearb {clear:both;}

img, img a {border:0;}

/* -------- iPhone D --------------- */
@media screen and (max-device-width: 480px){

body, p, div { 
	font-size: 16px; 
}
	
#header {margin: 0;}

#page, #content {
	width:auto;
	margin:0;
	text-align:left;
}

div.projText{
	width:auto;
	float:left;
	padding:5px 0;
}

img, a img, p a img {
	max-width:100%;
	height:auto;
}

/* ende max-device */
}