/**
 *
 * Stylesheet fuer andesee
 * (c) 2004 homepagecity.de
 * erstellt: 17.09.2004, vincent hildebrandt
 * letzte Aenderung: 12.01.2006, Bodo Farnsteiner
 *
 */

body {
   margin: 0; padding: 0;
   background: #fff url(../images/bg_line-grey.gif) repeat-y;
   font-size:95%; /* wichtig fuer IE6 */
}

p, td, th, h1, h2, h3, h4, label, legend {
   font: normal 0.8em arial, verdana, sans-serif;
   color: #666;
}

div {
   font-family: verdana, arial, sans-serif;
}

td p, td h3 {
   font-size: 1.0em;
}
div#breadcrumb {
   width: 90%;
   padding-left: 175px;
}
div#breadcrumb a, div#breadcrumb span {
   font-size: 0.78em
}
div#breadcrumb a.active {
   font-weight: bold;
}
div#breadcrumb a:hover {
	color: #000;
}

#head {
   position: relative;
   width: 900px;
   height: 82px;
   /*background: #fff url(../images/logo_and_head_lang.jpg) no-repeat 30px 20px;*/
   z-index: 10;
}

#head a, #head div {
   text-decoration: none;
   font-size: 0.8em;
   color: #666;
}

div#headline {
   font-size: 1px;
   height: 1px;
   overflow: hidden;
   position: absolute;
   left: 30px;
   bottom: 0px;
   width: 870px;
   /* border-bottom: 1px solid #264477; */
   z-index: 20;
}

#hrule,
#hrulehome {
	position: absolute;
	top: 107px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	font-size: 1px;
	overflow: hidden;
	z-index: 1;
}

#hrulecoverleft,
#hrulecoverright {
	position: absolute;
	top: 79px;
	left: 194px;
	width: 10px;
	height: 28px;
	background-color: #fff;
	z-index: 100;
}

#hrulecoverright {
	top: 79px;
	left: 716px;
	z-index: 101;
}

div#breadcrumb {
   position: absolute;
   bottom: 5px;
   left: 30px;
}

div#homelink {
   position: absolute;
   top: 20px;
   left: 30px;
}

div#homelink a {
   display: block;
   width: 120px;
   height: 48px;
}

div#container {
   position: absolute;
   width: 910px;
   padding-left: 20px;
   background-color: transparent;
   z-index: 40;
}

div#navigation {
   position: relative;
   float: left;
   padding-top: 10px;
   margin-top: 25px;
   margin-right: 0px;
   width: 175px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   z-index: 50;
}

div#navigation a {
   display: block;
   width: 161px !important;
   width: 175px;
   text-align: left;
   font-size: 0.7em;
   line-height: 1.3em;
   padding-left: 14px;
   text-decoration: none;
   color: #999;
}

div#navigation a:hover,
div#navigation a.active
/*div#navigation a.third.active:hover */{
	background: url(../images/nav_link_arrow_dblue.gif) no-repeat 0 3px;
	color: #000;
}

div#navigation a.active {
   background-image: url(../images/nav_link_arrow_dblue.gif);
   /*font-weight: bold; */
   color: #000;
}

/* zweite ebene hat keinen pfeil bei aktiv */
div#navigation a.second,
div#navigation a.third {
   background: none;
}

div#navigation a.third {
   padding-left: 22px;
}

div#navigation div.line {
   position: relative;
   height: 1px;
   font-size: 1px;
   overflow: hidden;
   margin-top: 8px;
   margin-bottom: 8px;
   background-image: url(../images/nav_line_dblue.gif);
   background-repeat: no-repeat;
   background-position: 5px 0;
   width: 165px;
   float: right;
}

div#navigation form {
   margin-top: 20px;
   margin-left: 14px;
   margin-bottom: 20px;
}
div#navigation label {
   font-size: 0.7em;
   color: #999;
}
div#navigation input.navsearch {
   border: 1px solid #ccc;
   font-size: 11px;
}
div#navigation input.button {
   color: #999;
   font-size: 11px;
   width: 20px;
   border: none;
   background: none;
}

div#navigation div#metanav a {
   font-size: 0.7em;
   line-height: 1.6em;
   background: none;
}

div#navigation div#metanav span.copyright {
   font-size: 0.6em;
   line-height: 1.6em;
   background: none;
   padding-left: 14px;
   color: #999;
}

div#associate {
   position: absolute;
   top: 25px;
   left: 196px;
   width: 705px;
   background-color: #fff;
   z-index: 1000;
}

div#associate .managenav {
	float: left;
	width: 179px;
	height: 197px;
	background-color: #edfbfc;
	padding-top: 20px;
}
div#associate .managenav a {
	display: block;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
	margin-left: -2px;
}
div#associate .managenav a:hover,
div#associate .managenav a.active {
	color: #000;
}
div#associate .text {
   width: 309px;
   background-color: #731717;
   height: 217px;
   float: left;
}
div#associate .imageholder {
	float: left;
   display: inline;
   width: 217px;
   background-color: #ccc;
   /*margin-left: 179px;*/
}
div#associate .imageholder img {
   display: block;
   margin: 0; padding: 0;
}

/* je nachdem, was der mac ie hier macht... holly hack wieder wegnehmen */
/* holly-hack \*/
* html div#associate .text { height: 217px; }
/* /holly-hack */

div#associate .text p {
   color: #fff;
   margin-top: 0;
   margin-bottom: 0;
   padding: 10px 85px 10px 10px;
}

form#search input, form#search select {
   font: normal 0.7em verdana, arial, sans-serif;
   border: 1px solid #ccc;
}

form#search input.radio {
   border: none;
}

div#content {
   position: relative;
   float: left;
   width: 525px;
   border-top: 1px solid #ccc;
   background-color: #fff;
}
div#content.home {
	width: 515px;
	padding: 0 0 0 10px;
}

div#content.home img,
div#content.home object {
	display: block;
	margin-bottom: 1em;
}

body.home div#content.home h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
	margin-top: 20px;
	margin-bottom: 15px;
}
div#content.managespace {
	padding-top: 250px;
}

div#content p {
   line-height: 1.5em;
}

div#content p.small {
   margin-top: 0;
}

div#content a {
   text-decoration: underline;
   color: #666;
}

div#themepic {
   position: relative;
   float: left;
   width: 180px;
   padding: 0;
   margin: 0px;
   margin-top: 25px;
   /*border-top: 1px solid #ccc; */
}

div#themepic.home {
   border-top: none;
}

h4 {
   font-weight: bold;
   margin: 0;
}

div#themepic div.news,
div.newsbox {
   width: 159px !important;
   width: 165px;
   min-height: 195px;
   margin-left: 15px;
   margin-top: 15px;
   padding-bottom: 5px;
   padding-right: 5px;
   border-bottom: 1px solid #E5EAEF;
}
div.newsbox {
   display: inline;
   float: left;
   border-right: 1px solid #E5EAEF;
   margin-bottom: 10px;
}

div.news img, div.newsbox img {
   float: right;
}

div.news p, div.newsbox p {
   line-height: 1.4em;
   margin-top: 10px;
   margin-bottom: 5px;
}

div.news a, div.newsbox a {
   font-size: 0.7em;
   color: #c30;
}

div#themepic div.news h4, div#themepic div.news p,
div.newsbox h4, div.newsbox p  {
   color: #c30;
}

/* mindest hoehe fuer ie 6 pc \*/
* html div#content div.newsbox { height: 195px; }
/* /mindest hoehe fuer ie 6 pc*/

/* mindest hoehe fuer ie 6 pc \*/
* html div.news { height: 165px; }
/* /mindest hoehe fuer ie 6 pc */


div#content div.leftcolumn {
   position: relative;
   float: left;
   padding-top: 38px;
   width: 165px !important;
   width: 179px;
   padding-left: 7px;
   padding-right: 7px;
}

div#content div.rightcolumn {
   position: relative;
   float: left;
   width: 316px !important;
   width: 326px;
   padding-right: 15px;
   padding-left: 15px;
}

/* auf der startseite einiges anders */
body.home div#content div.leftcolumn {
   padding: 0;
   width: 165px !important;
}
body.home div#content div.rightcolumn {
   padding: 0;
   width: 360px !important;
}

body.home div#content .hometeaser {
   background-color: #036;
   height: 217px;
   padding-right: 35px;

}
body.home div#content .hometeaser h2,
body.home div#content .hometeaser p {
   color: #fff;
}
body.home div#content h2 {
   margin: 0;
   padding-top: 15px;
   font-size: 1em;
}

body.home div#content a {
   color:#c30;
}

body.home div#content p {
	margin: 0 1em 5px 0;
}

/* /auf der startseite einiges anders */

div#content div.onecolumn {
   position: relative;
   width: 509px !important;
   width: 525px;
   /*background-color: red; */
	padding: 8px 8px 8px 8px;
}

div#onecolumn.zoomview {
   padding-top: 7px;
   padding-left: 7px;
   padding-right: 7px;
   width: 466px !important;
   width: 525px;
}

div#onecolumn.zoomview p {
   padding-left: 10px;
   padding-right: 10px;
}

div#content h2 {
   font-weight: normal;
   margin-top: 15px;
   margin-bottom: 15px;
   font-size: 1.2em;
   color: #666;
}
div#content h3 {
   font-weight: bold;
}
div#content h3 {
   font-weight: bold;
   margin-bottom: 0;
}
div#content p {
   margin-top: 10px;
   margin-bottom: 0;
}

div#content div.rightcolumn img {
   margin-top: 10px;
}

div#content div.leftcolumn p {
   margin: 0;
   padding: 5px 5px 0;
   font-size: 0.6em;
}

div.alter, div.alter table {
   width: 520px;
}
div#content td.right h3,
div#content td.right p {
   margin-bottom: 5px;
   margin-top: 8px;
}
div.alter table td.left {
   width: 169px;
   text-align: center;
   vertical-align: middle;
   padding-top: 2px;
   padding-bottom: 0px;
   border-bottom: solid 1px #ccc;
}

div.alter table td.right {
	padding-left: 8px;
	padding-right: 8px;
}

div#content div.alter table td.right p.more {
	margin: -4px 0 12px 0;
}

div#themepic div.referbox p.more {
	margin: -12px 0 16px 0;
}

.bg1 {
   background-color: #e5eaee;
}
.bg2 {
   background-color: #edf0f5;
}

fieldset {
   border: 0px solid #fff;
   margin: 0; padding: 0;
}

div.vspacing {
   height: 8px;
   font-size: 1px;
}

legend {
   margin: 0; padding: 0;
   margin-bottom: 4px;
}

.space10 {
	margin-left: 10px;
}
#themepic .referbox {
	padding-top: 100px;
	padding-left: 15px;
	padding-right: 15px;
   font: normal 0.8em verdana, arial, sans-serif;
   color: #666;
   /*border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc; */
   margin-bottom:0px;
   padding-bottom: 5px;
}
#themepic .referbox h3 {
	font-weight: bold;
	margin-bottom: -8px;
}
#themepic .referbox {
	font-size: 1em;
}
#themepic .referbox a {
   text-decoration: underline;
   color: #666;
}

#content p.listing {
	letter-spacing: 0.3em;
	padding-bottom: 15px;
	margin-top: -4px;
}
#content .listing a {
	color: #999;
	text-decoration: none;
}
#content .listing a:hover {
	color: #000;
}
#content .listing a.active {
	color: #000;
}
#content img.refer_active {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#content table td.topas {
	vertical-align: top;
}
#content .topas {
	margin-top: -38px;
}

#content .topas a {
	text-decoration: none;
	font-weight: bold;
	color: #999;
	font-size: 1.1em;
}
#content .topas a:hover {
	color: #000;
}
#content .topas a.active {
	color: #000;
}

#content a.refer_id {
	font-size: 1.2em;
	font-weight: normal;
	font-family: verdana;
}

.lmzoom {
	margin-left: 178px;
}
