@charset "UTF-8";

/**
* @file css_doc.css
* @author Johannes Feustel
* @css-for Safari 4, Firefox 3
*/

/**
* @section Reset styles
* These styles reset the default style sheet that comes with the user agent.
*/

/**
* Set margins and paddings to 0, and font-properties to a default value.
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/**
* Reset focus styles to nothing.
* Remember to define focus styles in after this declaration.
*/
:focus {
  outline: 0;
}
/**
* Reset text color and line height.
*/
body {
  line-height: 1;
  color: black;
  background: white;
}
/**
* Remove default list decoration.
*/
ol, ul {
  list-style: none;
}
/*
* Remove default table styling.
* Tables still need 'cellspacing="0"' in the markup.
*/
table {
  border-collapse: separate;
  border-spacing: 0;
}
/**
* Reset text alignment and typography for special tags.
*/
caption, th, td {
/*  text-align: left;*/
  font-weight: normal;
}
/**
* Remove CSS generated content around citation tags.
*/
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/**
* @section Typography
*/

/**
* A font size of 100.01% on the html tag makes it possible to easily convert
* em's to pixels with default font size settings in all major browsers.
*/
html {
  font-size: 100.01%;
}

/**
* Reset font size so that 1 em is 10 pixels.
*/
body {
  font-size: 62.5%;
}

/**
* Set font size and spacing.
*/
#canvas {
  font-size: 1.2em;
  line-height: 1.3;
}

p {
  margin-bottom: 0.8em;
}
a{
 	color:#E31836;
	text-decoration:none;
 }
 a:focus, a:hover {
	text-decoration:underline;
 }


/**
* Use typewriter font for code examples.
*/
pre {
  font-family: Courier;
  width: 100%;
  overflow: auto;
}

/**
* @section Headers
*/

/**
* All headers use the same font, same margins, but different font sizes.
*/
h1, h2, h3, h4, h5, h6                      {
												color:#626564;
												color:#000;
												font-weight: bold;
												letter-spacing:0.11em;
												line-height: 1;
												margin: 0 0 .5em 0;
												padding: 0;
												text-transform:uppercase;

											}
h1                                          { font-size: 1.2em; }
h2                                          { font-size: 1.15em; }
h3                                          { font-size: 1.1em; }
h4                                          { font-size: 1.05em; }
h5                                          { font-size: 1em; }
h6                                          { font-size: 1em; }

/**
* @section Layout
*/

body {
	color:#626564;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	background: url(../images/bg2.5.png);

}
#container{
	background: #ffffff url(../images/hauptscreen-v3.png) top center no-repeat;
	height: 630px;
	margin:24px auto;
	width: 990px;
	position:relative;
}
#container.sub{
	background: #ffffff url(../images/unterscreen-v3.png) top center no-repeat;
}
#container.dev{
	background: #ffffff url(../images/hauptscreen-v3_dev.png) top center no-repeat;
}
#container.sub.dev{
	background: #ffffff url(../images/unterscreen-v3_dev.png) top center no-repeat;
}
#left{
	left:38px;
	top:131px;
	position:absolute;
}
#content{
	color:#E31836;
	font-size: 1.15em;
	left:274px;
	line-height:1.4em;
	top:130px;
	position:absolute;
	height:271px;
	width:478px;
	overflow:auto;
}
#content a{
	color:#0072A5;
}
#homelink{
	position:absolute;
	top:20px;
	left:30px;
	width: 350px;
	height:80px;
}
#backlink{
	position:absolute;
	top: 450px;
	left:274px;
}
#backlink a{
	color:#2082B5;
	font-weight: bold;
	letter-spacing:0.11em;
	text-transform:uppercase;
	font-size: 1.15em;
}
#pinnwand{
	position:absolute;
	top: -18px;
	left:780px;
	top:-40px;
	left:775px;
}
/**
* @subsection blocks
*/

#block-1{
	top: 153px;
	left:34px;
}
#block-2{
	top: 29px;
	left:437px;
}
#block-3{
	top: 130px;
	left:768px;
}
#block-4{
	top: 417px;
	left:142px;
}
#block-5{
	top: 376px;
	left:409px;
}
#block-6{
	top: 426px;
	left:675px;
}

.bucket{
	width:183px;
	position:absolute;
	border:1px solid #fff;
}
.bucket:hover{
	/*
outline:1px solid #E31836;
*/
	border:1px solid #E31836;
}
.bucket .image{
	display:block;
}
/*DEV*/
.dev2 .bucket .image img,.dev .bucket .image img{
	width:183px;
}
#left img{
	width:209px;
}

/*DEV*/

.bucket .title, .bucket h1{
	background-color:#252530;
	color: #fff;
	display:block;
	letter-spacing:0.2em;
	line-height:1.2em;
	font-size:1.08em;
	font-weight:bold;
	font-weight:normal;
	padding: 0.4em 0.5em 0.3em 0.5em;
	text-decoration:none;
	text-transform:uppercase;
	margin:0;
}
.bucket .subtitle{
	display:block;
	font-size:1.15em;
	letter-spacing:0.05em;
	padding: 0.3em 0.5em;
	text-decoration:none;
}
/**
* @subsection menu
*/

#menu{
	position:absolute;
	top: 504px;
	left: 892px;
}
#menu a{
	color: #2082B5;
	font-size:0.88em;
	font-weight:bold;
	letter-spacing:0.3em;
	line-height:1.25em;
	text-decoration:none;
	text-transform:uppercase;
}
/**
* @section Footer
*/
#footer{
	position:absolute;
	top: 611px;
	left: 15px;
	letter-spacing:0.15em;
}
#footer a{
	color:#2082B5;
}
/**
 * @section eco_gal Anpassung
 */
.ecogal_thumb {
	background:#000;
	text-align:center;
	height: 144px;
	overflow:hidden;
}
.ecogal_thumb img {
	width:183px;
}
.tx-ecogal-alb1 table{
	width:183px !important;
}
.tx-ecogal-alb1 table td{
	height:144px !important;
	padding-bottom: 0 !important;
}
.tx-ecogal-alb1 table table * , .tx-ecogal-alb1  div#theAlbums .ecogal_thumb {
	height:144px !important;
}
.tx-ecogal-alb1 div#theAlbums table img, .tx-ecogal-alb1 div#theAlbums table div, .tx-ecogal-alb1 div#theAlbums table span{
	height:auto !important;
}
.tx-ecogal-alb1 .ecogal_text {
	clear:both;
	font-size:1em;
	margin-top:0;
	width:100%;

	font-size:1.15em;
	letter-spacing:0.05em;
	padding: 0.3em 0.5em;
 	color:#E31836;
}
.tx-ecogal-alb1 .ecogal_text .b{
	font-weight:normal;
}
.tx-ecogal-alb1 .ecogal_text.center, .tx-ecogal-alb1 .csc-header{
	text-align:left;
}
/*gal*/
#previewPane table td {
	padding: 5px;
}
#overlayGal #closeDiv {
	height:33px;
	width:32px;
}
#tableDetailDiv #previewPane #largeImageCaption{
	font-size:1em;
	margin:1em 2em 0;
	text-align: left;
	min-height:4em;
}
#ply1Container{
	top:40px !important;
}