/* ----- Hauptelemente ----- */

* {
	margin: 0; 
	padding: 0; 
	}
html, body {
	font-family: Arial, Helvetica, sans-serif;
	color: #036;
	font-size: 13px;
	line-height: 18px;
	}
body {
	background-color: #f0f4fa;
	margin: 0px;
	padding: 0px;
	}

img { border: 0px }
table {
	border-collapse: collapse; 
	border-spacing: 0;
	}
#Content table td {
	padding: 3px 8px; 
	vertical-align: top;
	}
#Content table.no-abst td { padding: 0; }

p, ul, h1, h2, h3  {
	margin: 0px 0px 7px 0px;
	}
h1 {
	color: #f63;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	}
h2 {
	color: #036;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 3px;
	}
form h2 { margin-bottom: 7px; }
.weiss { color: white; }

ul {
	list-style-type: none; 
	list-style-image: none;
	padding: 7px 0 7px 0;
	}
li {
	background: white url(http://www.rose-zeuner.de/bilder/pfeil_liste.gif) no-repeat 0 0.3em;
	padding-left: 16px;
	margin: 0px 0px 3px;
	}
#lebenslauf li {
	background: transparent url(http://www.rose-zeuner.de/bilder/punkt_liste.gif) no-repeat 0 0.3em;
	padding-left: 16px;
	margin: 0px 0px 0px;
	}
	
/* ----- Seitenaufbau ----- */

#Navigation  { 
	float: left;
	width: 815px; 
	height: 113px; 
	background-image: url(../bilder/rose-zeuner-fond.jpg);
	}
#Links { 
	position: absolute; 
	top: 77px; 
	left: 9px; 
	height: 30px;
	z-index: 99;
	}
#Logo {
	position: absolute; 
	top: 7px; 
	right: 7px;
	}
#Content { 
	position: relative;
	width: 815px;
	border-top: 5px solid #039;
	padding-top: 35px;
	}
#punkte {
	position: absolute; 
	left: 14px; 
	top: 14px;
	}
#banner1,
#banner2 { float: left; margin: 0 0 30px 64px;}

#Container1,
#Container2 { 
	float: left; 
	background-color: #fff;
	padding: 15px;
	border-left: 5px solid #e3ebf3;
	width: 323px;
	overflow: hidden;
	margin: 0 0 30px 0;
	}
#Container1 { margin-left: 64px; }
#Container2 { margin-left: 35px }

* html #Container1 { margin-left: 30px }

#page-news #Container1,
#page-video #Container1 { width: 716px; }
#page-vita #Container1 { width: 655px; }

/* ----- Sonstiges ----- */

.links { clear: both; }
	
/* ----- Links ----- */

a   { color: #666; text-decoration: none }
a:hover    { text-decoration: underline }

a.lebenslauf {
	background: transparent url(http://www.rose-zeuner.de/bilder/pict_doc.gif) no-repeat 0 0.2em;
	padding-left: 13px;
	margin: 0px;
	}

/* Formularelemente */

/* Bilder */
.textbild       { float: left; margin: 3px 15px 5px 0px; padding: 0 0px 5px 0 }
.bildliste { margin-bottom: 20px }

/* ----- Navigation ----- */

.navigation {
	border-collapse: collapse; 
	border-spacing: 0;
	height: 30px;
	}
.navigation a, .navigation strong     {
	color: white;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 7px;
	margin-left: 7px;
	white-space: nowrap;
	}
.navigation a  { color: #039 }
.navigation a.impressum { color: white; font-size: 10px }

.navi-linie {
	border-top: 1px solid white;
	}
.n-oben { margin-bottom: 20px;}
.abst { margin-bottom: 10px;}

.logo { position: absolute; top: 7px; left: 472px }

#ticker, #ticker a {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: white;
	font-size: 12px;
	}
.infobox {
	background-color: #f0f4fa;
	margin: 10px 0 10px 0;
	padding: 5px 10px 0 10px;
	}
.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	}

/* ----- Bilder ----- */

.img_right { 
	float: right; 
	margin: 3px 0px 5px 15px; 
	padding: 0 0 5px 0px
	}
.img_left {
	float: left; 
	margin: 3px 15px 5px 0px; 
	padding: 0 0px 5px 0;
	}
.img_left {
	alighn: 
	margin: 3px 15px 5px 0px; 
	padding: 0 0px 5px 0;
	}
.img_middle {
	width: 100%;
  	text-align: center;
 	margin: 0;
	}