/*
      zaubzer Startseite - Andreas Mann
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../img/Zaubzer-Webseite-2009_02.jpg);
	background-repeat: repeat-x;
	background-color: #E9E9CF;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}

/* Kopfbereich Start */

#header {
	color: #CCCCCC;
	width: 910px;
	height: 120px;
	float: left;
	background-image: url(../img/zaubzer_de_logo.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: right;
	vertical-align: bottom;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Infobox Rechts oben Start */
 
#infobox {
	width: 550px;
	float: right;
	height: 120px;
	background-image: url(#);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Navigation ueber Banner Start */
 
#navigation_top  { font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; margin: 0 0 5px; padding: 10px; width: 900px; float: left }
#navigation_top ul  { font-size: 12px; list-style: none; margin: 0 }
#navigation_top a  { color: #454545; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; margin: 0 0 0 20px }
#navigation_top a:hover  { color: #f7941d; font-size: 12px; text-decoration: none }

/* Banner Start */

#banner {
 	float: left;
 	width: 922px;
 	height: 180px;
 	color: #333;
 	margin: 0px 0px 15px 0px;
}
 
/* Contentbereich Start */
 
#leftcolumn { 
 	color: #333;
 	border: 1px solid #ccc;
 	margin: 0px 5px 5px 0px;
 	padding: 10px;
 	height: 350px;
 	width: 678px;
 	float: left;
 	background: #F2F2E6;
}

/* Content Rechts Teaser */

#rightcolumn {
	float: right;
	color: #333;
	margin: 20px 0px 5px 0px;
	padding: 10px;
	width: 238px;
	display: inline;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-left-color: #ccc;
}

#rightcolumn img {
	background-color: #f6f7e7;
	padding: 4px;
	border:solid thin #d4d4d4;
}
#rightcolumn h1{
	color: #313131;
	font-size: 16px;
	padding-top:25px;
	padding-bottom:25px;
}
#rightcolumn h2{
	color: #f7941d;
	font-size: 14px;
	padding-top:20px;
	padding-bottom:2px;
	line-height: 2;
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}
#rightcolumn p {
	color: #000000;
	font-size: 11px;
	text-align: justify;
	font-weight: lighter;
	line-height: 15px;
}
#rightcolumn ol {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: decimal;
	margin: 2em 0 1em 15px;
}
#rightcolumn ul {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: square;
	margin: 2em 0 1em 15px;
}
#rightcolumn ul ul {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: square;
}
#rightcolumn a:link {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#rightcolumn a:hover {
	color: #f7941d;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#rightcolumn a:visited {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}


/* Contentbereich */
/* Inhaltsbereich Links */

#content {
	float: left;
	color: #333;
	font-size: 11px;
	line-height: 15px;
	padding: 0;
	width: 600px;
	display: inline;
	position: relative;
	list-style-type: disc;
	margin-top: 10px;
	margin-right: 13px;
	margin-bottom: 10px;
	margin-left: 13px;
}
#content img {
	background-color: #f6f7e7;
	padding: 4px;
	border:solid thin #d4d4d4;
}
#content h1{
	color: #313131;
	font-size: 16px;
	padding-top:25px;
	padding-bottom:25px;
}
#content h2{
	color: #f7941d;
	font-size: 14px;
	padding-top:20px;
	padding-bottom:2px;
	line-height: 2;
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}
#content p   { color: #000; font-size: 12px; text-align: justify; margin-bottom: 20px }
#content ol {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: decimal;
	margin: 2em 0 1em 15px;
}
#content ul {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: square;
	margin: 2em 0 1em 15px;
}
#content ul ul {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: square;
}
#content a:link {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
#content a:hover {
	color: #f7941d;
	font-weight: bold;
	text-decoration:none;
}
#content a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
#termine {
	float: left;
	color: #333;
	font-size: 11px;
	line-height: 15px;
	margin: 10px 13px;
	padding: 0;
	width: 460px;
	display: inline;
	position: relative;
}
#termine img {
	background-color: #f6f7e7;
	padding: 4px;
	border:solid thin #d4d4d4;
}
#termine h1{
	color: #313131;
	font-size: 16px;
	padding-top:25px;
	padding-bottom:25px;
}
#termine h2{
	color: #f7941d;
	font-size: 14px;
	padding-top:20px;
	padding-bottom:2px;
	line-height: 2;
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}
#termine p  { color: #000; font-size: 12px; text-align: justify; margin-bottom: 20px }
#termine ol {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: decimal;
	margin: 2em 0 1em 15px;
}
#termine ul {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: square;
	margin: 2em 0 1em 15px;
}
#termine ul ul {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: square;
}
#termine a:link {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#termine a:hover {
	color: #f7941d;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#termine a:visited {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.clear { clear: both; background: none;
}

/*Newsbereich*/

#news {
	width: 90%;
}
#news img {
	background-color: #f6f7e7;
	padding: 4px;
	border:solid thin #d4d4d4;
}
#news h1{
	color: #313131;
	font-size: 16px;
	padding-top:25px;
	padding-bottom:25px;
}
#news h2{
	color: #f7941d;
	font-size: 14px;
	padding-top:20px;
	padding-bottom:2px;
	line-height: 2;
	margin-bottom: 20px;
	border-bottom: 1px dotted #000;
}
#news p {
	color: #000;
	font-size: 12px;
	text-align: justify;
}
#news ol {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: decimal;
	margin: 2em 0 1em 15px;
}
#news ul {
	color: #000;
	font-size: 12px;
	line-height: 20px;
	list-style-type: square;
	margin: 2em 0 1em 15px;
}
#news ul ul {
	font-size: 12px;
	line-height: 16px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-type: square;
}
#news a:link {
	color: #000000;
	font-size: 12px;
	text-decoration:none;
}
#news a:hover {
	color: #f7941d;
	font-size: 12px;
	text-decoration:none;
}
#news a:visited {
	color: #000000;
	font-size: 12px;
	text-decoration:none;
}


/* Footer */

#footer { 
	width: 900px; 
	clear: both; 
	color: #727266; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 		
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll; 
	background-position: 0 0; 
	text-align: center; 
	margin: 0 0 10px;
	padding: 10px;
}
#footer a:link { 
	color: #8c8d84; 
	font-size: 10px; 
	text-decoration:none; 
}
#footer a:hover { 
	color: #f7941d; 
	font-size: 10px; 
	text-decoration:none; 
}
#footer a:visited { 
	color: #8c8d84; 
	font-size: 10px; 
	text-decoration:none; 
}