@charset "utf-8";
@import url("yui-reset.css");

#gannaca_teaser {
  outline:1px solid red;
  background-color:#fff;
  z-index:20;
  width:100%;
  height:90%;
  position:absolute;
  top:0;
  left:0;
  text-align:center;
  vertical-align:middle;
}

#gannaca_teaser a {
  display:inline;
  padding:10px 20px;
  font-size:20px;
  width:200px;
}

#language_menu {
  position: absolute;
  top:5px;
  left:0;
  text-align:right;
  width:1024px;
  /* color: #888; */
  z-index: 3;
  text-transform: uppercase;
  /* font-size: 10px; */
  font-size: 0.833em;
}
.ipod #language_menu, .ipad #language_menu, .iphone #language_menu {
  font-size: 60%;
}

.ipod #gannaca_teaser, .ipad #gannaca_teaser, .iphone #gannaca_teaser,
.ipod .lnk_nothing, .ipad .lnk_nothing, .iphone .lnk_nothing {
	display: none;
}

#language_menu a {
  margin-left: 5px;
  color: #888;
}

#language_menu a.active {
  margin-left: 5px;
  color: #000;
}



#flash {
}

html, body {
	width:100%;
}
body {
	color:black;
	background-color:white;
	font-family:georgia,serif;
	font-size:12px;
	line-height:1.2;
  background: #fff url(../images/header-bg.png) top left no-repeat;
}

.ipod body, .ipad body, .iphone body {
	color:black;
	background-color:white;
	font-family:georgia,serif;
	font-size:12px;
	line-height:1.2;
    background: #fff url(../images/header-bg.svg) top left no-repeat;
	-webkit-background-size: 17140px 341px; 
	background-size: 17140px 341px; 
	-moz-background-size: 17140px 341px;
	-o-background-size: 17140px 341px;
}

a:link, a:visited {
	color:black;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

#header {
    height:290px;
    width:5000px;
    /* outline:1px solid pink; */
    z-i_ndex:2;
    position:relative;
}

#navigation {
	margin:34px 0 0 34px;
	height:32px;
  width:5000px;
}

#navigation li {
	float:left;
	padding:0 10px 0 0;
	text-transform:uppercase;
	position:relative;
}

#navigation a, #navigation li.active #navi-sub a {
	color:#888;
}
#navigation li.active a, #navigation li.active #navi-sub li.active a {
	color:black;
}

#navi-sub {
	/* outline:1px solid #00a; */
	position:absolute;
	top:20px;
  width:4000px;
}

#body {
	width:140000px;
	margin:0 0 0 386px;
	/* outline:1px solid green; */
}

.article {
	float:left;
	margin-right:100px;
	height:190px;
	/* outline:1px solid red; */
}

.column {
	float:left;
	margin-right:50px;
/* 	border:1px solid blue; */
}

.medialink {
	float:left;
	margin-right:10px;
/* 	border:1px solid blue; */
}

.meta {
	position:relative;
	line-height:1;
	height:140px;
	margin-right:40px;
}
.date {
	font-size:40px;
}
.title {
	font-size:30px;
	text-transform:uppercase;
  margin-top:3px;
}

body.flash-enabled .title {
	position:static;
}

.category {
	font-size:150px;
	text-transform:uppercase;
}
body.flash-enabled .category {
	margin-top:0;
}

.text {
	width:395px;
	font-size:12px;
	line-height:2;
}

#footer {
    color:#888;
	margin:20px 0 0 34px;
	font-size:9px;
	clear:both;
}

#footer a {
    color:#888;
}

#animation #flash {
  z-index:1;
  position:absolute;
  top:0px; 
  left:0px;
  display:none;
}

#kommentar label {
  width:120px;
  font-weight:bold;
  display:block;
  float:left;
  text-align:right;
  padding-right:15px;
}

#kommentar textarea,
#kommentar input[type=text] {
  width:200px;
  border:1px solid #aaa;
}

#kommentar textarea {
  height:100px;
}

#kommentar input[type=submit] {
    font-size:10px;
}

#flash {
  /* display:none; */
}

#f_submit {
  width:100px;
}

#f_userEmail {
  width:250px;
}

label {
  font-weight:bold;
}

a.blacklink {
  width:10px;
}

a.blacklink,
input[type=submit] {
  background-color:#000;
  color:#fff;
  display:block;
  padding:2px 5px;
  font-weight:bold;
	font-family:georgia,serif;
  border:none;
}

div.text a.pdflink {
  display:inline;
  float:right;
  margin-right:5px;
  text-align:right;
}

div.text strong {
  font-weight:bold;
}

label {
  display:block;
  float:left;
  width:80px;
}

div.text em {
  font-style:italic;
}

div.text a {
  color:#888;
}

div.text ol {
  list-style-type:decimal;
  margin-left:20px;
}

div.text ul {
  list-style-type:square;
  margin-left:15px;
}

#leftlink {
  font-size:25px;
  font-weight:bold;
}

#footer a.newsletter {
  display:block;
  background-color:#000;
  color:#fff;
  text-transform:uppercase;
  padding:2px 15px 2px 3px;
}

#kommentar label,
#bewertung label {
  margin-top:10px;
  margin-right:5px;
}

#kommentar input[type=text],
#kommentar textarea,
#bewertung input[type=text],
#bewertung textarea {
  width:200px;
  margin-top:10px;
  border:1px solid #aaa;
}

textarea {height:150px;}

#kommentar input[type=submit] {
  margin-top:10px;
}

#bewertung input[type=submit] {
  margin-left:85px; 
  margin-top:10px;
}