/**************************Body********************/
body{		
	font-family: Arial, Helvetica, sans-serif;
	background-color: #006699; /*mittelblau*/
	font-size: 12px;
	min-width: 800px; /* Bei weniger als 800px Breite soll ein Scrollbalken erscheinen */
	margin:0pt;
	padding:0pt;
	text-align: center; /* center the container*/

}

/*********************Headlines*******************/
h1, h2, h3, h4, h5, h6 {
	color: #336699; /*dunkelblau*/
	line-height: 1.0em;
}

h1{
	padding: 20px 0 0px 0;
	font-size: 20px;
	margin: 0;
	border-bottom: 1px solid #6699CC; /*mittelblau*/
	line-height: 1.1em;
}

h2 {
	padding: 0 0 0 0;
	font-size: 14px;
}






/**********************gesamtcontainer**************/
#container{
	margin: 1em auto; /* together with body-formatting aligns this container in the middle */
	text-align: left; /* Gegenmittel gegen text-align: center von body! */
	width: 900px;
}

/**********************oben**************/

#top{
	background-color: #006699; /*mittelblau*/
	width: 100%;
	height: 120px;
	background: url(bg_verlauf.jpg) repeat-x top;
}


#logo{	
	float: right;
	width: 240px;
}

	
/******************Menu**************/
#mainnav{
	height: 120px;
}

#menu{ 
	color: #FFCC99; /*beige Nicht-aktiver link*/
	padding: 94px 60px; /* fängt links genau nach 60 pixeln an*/
	margin: 0;
}
	
#menu li {
	font-size: 1.0em;
	display: inline;  /*Menüpunkte nebeneinander - nicht untereinander */
	list-style-type: none; /* no bullets. */
	border-left: 1px solid #6699CC; /*mittelblau*/
	padding: 0 10px 0 10px;
	font-weight: bold;
}
		
#menu li a {
	color: white;
	text-decoration: none;
}





/**************content*************/

#content {
	width: 800px;
	font-size: 12px;
	background-color: #FFFFFF;	
}

#linkespalte { 
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	
	width: 780px;
	font-size: 12px;
	background-color: #FFFFFF;
}

#linkespalte td {
	vertical-align:top;
}

#linkespalte li {
	display: compact;
	/*list-style-type:square;*/
	line-height: 1.5em;
}



#linkespalte a:link {
	color:#6699CC; /* mittelblau*/
	text-decoration:underline; 
} 
#linkespalte a:visited {
	color:#606060; 
	text-decoration:underline; 
} 


/*********************bullets**********************/
/* workaround to center the bullets vertically in firefox */
#content ul {
	list-style-type: none;
}
		
#content li {
	background: url(bg_bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}


/**********************seite über mich ******************/

.cv td{
	padding-bottom: 20px;
}

.cv ul {
	margin-top: 0px;
}


.projektname {
	font-weight: bold;
}

.zusatzinfo {
	margin-top: 8px;
	font-style:italic;
}



/************* seite flash-beispiele ***************/
.flash td{
	padding-bottom: 20px;
}

.flash ul {
	margin-top: 10px;
	/*margin-left: -20px;/* /* geht nicht bei ie6 */
}

.flash li {
	margin-bottom:12px;
}




#linkespalte .flash a:link {
	color:#6699CC; /* mittelblau*/
	text-decoration:none;
} 
#linkespalte .flash a:visited {
	color:#606060; 
	text-decoration:none; 
} 
.flash .thumb{
	text-align:center;
	width:140px;
}


/*****************unten*************/	
#footer{
	clear: both;
	height: 30px;		
	font-size: 10px;
	text-align: left;
	padding: 5px 20px 5px 60px;
	color: #FFFFFF; /*weiss*/
	/*background-color: #006699; dunkelblau*/
	background-color: #004477; /* mitteldunkelblau*/
}
#footer a {
	color: #FFFFFF; /*weiss*/
}

#footercopyright {
	float: right;
	width: 100px;
	text-align: right;
}
#footeradresse {
	
}
	

/*---------------Bilder----------------------*/	
img { 	
	border: none; /*solid 1px #AAAAAA; /*hellgrau*/
	padding: 1px;
	max-width: 95%; /* gute Broser machen ein zu großes Bild, welches das Design sprengen wrde, funktioniert beim IE leider nicht */

}
.fleft {
	float: left;
	margin: 0 1em 0.2em 0; 
}
.fright {
	float: right;
	margin: 0 0 0.2em 1em;
	padding: 1px;
}

/******************bilder neben content*************/
#rechtespalte{
	float: right;
	width: 140px;
	background-color: #FFFFFF;
}