/* http://www.fatimaserin.de/ */
/* Allgemein */

body, html, div, p, td, ul{
  margin: 0;
  padding: 0;
  font-family: verdana, arial, sans-serif;
  color: #ccc;
  font-size: 100.01%
}

body {
  font-size: 0.9em;
  background-color: #463154;
  background-repeat: no-repeat;
  height:100%;
}

#gbviagra {
  display:none;
}

#main {
  width: 960px;
  border: 1px red solid
}

/* Seitenheader */

#heading {
  position: absolute;
  top: 25px;
  right: 40px;
  width: 500px;
  height: 52px;
  overflow: hidden;
  z-index: 1;
}

#navigation ul#lang-select{
  margin-top: 20px;
  
}

#navigation ul#lang-select a{
  background-image:none;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  color:#ccc;
  text-decoration:none;
  font-size:11px;
  padding-left: 40px;
  line-height: 16px;
  margin: 3px
}

#navigation ul#lang-select a:hover{
  color:#fff;
  text-decoration:underline;
}

#navigation ul#lang-select li{
  border:none;
}

#heading img {
  width: 500px;
  height: 52px;
}



/* Bilder, pic-r sitzt rechts, umflossen
   von Text, pic-l umgekehrt */

img {
  border: none;
}

.pic-r,
.pic-l,
.thumb{
  border: 1px #888 solid;
  padding: 4px;
  margin: 4px 7px 0 7px;
}

.bigpic {
	text-align:center;
}

.pic-l {
  float: left;
  margin-left: 0;
}

.pic-r {
  float: right;
  margin-right: 0;
}

.thumb {
	width:150px;
	height:170px;
	margin:7px;
	float:left;
	border:none;
}

.thumb img{
	border:1px #665174 solid;
	padding: 3px;
}

#content .thumb a:link,
#content .thumb a:visited{
  color:white;
}

.thumb a.tha{
  display:block;
  text-align:center;
  vertical-align: middle;
  padding:1px;
  height:140px

}

.thumb a.tha:hover{
  background-color:#665174;
}



.thumb div.artist {
	font-size: .7em;
	text-align: center;
	margin:3px;
	height: 8px;
}

#galerie-rahmen{
text-align:center;
 width:100%;
}

#galerie-fester{
text-align:center;
 width:100%;
}

.galerie-eingang{
  width:220px;
  margin:1% 2% 4% 8%;
  float: left;
}

.galerie-eingang img{
 margin-top:10px;
  border: 1px #888 solid;
  padding: 4px;
}

#content .mf img{
  margin: 3px 10px;
  border: 1px #888 solid;
  padding: 4px;
}

/* Navigation */

#navigation {
  position:absolute;
  width: 150px;
  top: 150px;
  left: 15px;
  z-index:10;
}

#navigation ul {
  list-style-type: none;
  margin:0;
  padding:0;
}

#navigation li {
  margin: 0;
  display:block;
  border-right:1px #2A1538 solid;
  border-bottom:1px #2A1538 solid;
  width: 150px;
}

* html #navigation li {
  margin-bottom: -4px;
}

#navigation li img {
  margin: 5px 10px 0 8px;
}

#navigation li ul li{
  border:none;
}

#navigation a,
#navigation span{
  display:block;
  background-image: url(../bilder/style/a-bg.gif);
}

#navigation li ul {
  display:none;
}

#navigation #current ul {
  display:block;
}

#navigation a:hover,
#navigation span {
  /*background-color: #665174*/;
  background-image: url(../bilder/style/a-bgh.gif);
}


/* Block mit Seiteninhalt */

#content {
  margin: 100px 9% 20px 280px;
  padding:0;
  background-image: url(../bilder/style/content-bg.gif);
  min-height: 400px;
}

#galerie-body #content {
  margin: 100px 20px 20px 280px;
}

#galerie-body #content div{
  text-align: center;
}

#galerie-body #pager {
  clear:both;
  font-size:.8em;
  padding-left: 3em;
}

#bigpic {
	padding: 5px;
}

#bigpic img{
	padding: 10px;
	background-color:#665174;
}

#content p {
  line-height: 130%;
}

#content h2 {
  margin-top:0;
  font-size: 1.5em;
  color:#C28828;
  font-family: "trebuchet ms", Helvetica, sans-serif;
}

#content a:link {
  color: #E3D380;
  text-decoration: none;
}

#content a:visited {
  color: #EFC90B;
  text-decoration: none;
}

#content a:hover {
  color: #EFC90B;
  text-decoration: underline;
}

#content ul {
  list-style-type: none;
}

#content p, #content ul {
  margin-bottom: 1em;
  font-size:1em;
  padding:0 .5em;
}

#content #aktuell {
  width:100%;
  margin-bottom: 1em;
}



#content ul li {
  color:#BBBB7F;
  font-weight:bold;
  list-style-type:disc;
}

#content ul li ul li{
  color:#cccccc;
  font-weight:normal;
  list-style-image: none;
  list-style-type: none;
  margin-bottom:1.5em;
}

#content ul li ul{
  padding:0;
  margin:0;
}

#content ul li a.back ,
#content ul li a.back:link,
#content ul li a.back:hover,
#content ul li a.back:active,
#content ul li a.back:visited,
#content ul li a.back:focus{
  color:#ffffff;
  font-size: .75em;
}


#content div.video,
#galerie-body #content div.galerie {
  margin-bottom: .5em;
  padding: .3em;
  text-align:left;
}

#content div.video ul.video,
#galerie-body #content div.galerie ul.galerie{
  margin:0 0 2em 110px;
}

#content div.video ul.video li,
#galerie-body #content div.galerie ul.galerie li{
  font-weight:normal;
  list-style-type:none
}

#content h3{
  margin:1em 0 .5em 0;
  font-size: 1.2em;
  color:#BBBB7F;
  font-weight:normal;
  font-family: "trebuchet ms", Helvetica, sans-serif;
}

#content #gbNewEntry div{
	margin: 3px;
}


#content #gbNewEntry label{
	width: 100px;
	display:block;
	float:left;
	text-align:right;
	padding-right: .5em;
}

#content #gbNewEntry input{
	width: 350px;
	border-width:1px;
	background-color: #eee;
}

#content #gbNewEntry textarea{
	width: 350px;
	height: 100px;
	border-width:1px;
	background-color: #eee;
}

#content #gbNewEntry .cb input{
	width: 16px;
	border:none;
}

#content #gbNewEntry button{
	margin: 10px 300px;
	border:none;
}

#content #gbOldEntries div{
	margin: 1em;
	padding-bottom: 1em;
	border-bottom: 1px #666 solid;
}

#content #gbOldEntries div div{
	margin: 0;
	padding: 0;
	border:none;
}

#content #gbOldEntries #gbcomment {
  margin-top: 15px;
  font-style: italic;
}

#referenzen li {
	color:#ccc;
	font-weight:normal;
}

#referenzen table,
#aktuell table{
	color:#ccc;
	font-weight:normal;
	border-collapse:collapse;
}

#referenzen table td,
#aktuell table td {
	padding:2px 5px;
	vertical-align:top;
	border:1px solid #666
}

#referenzen .date {
	white-space:nowrap;
	text-align:right;
}


/* Kontaktformular */

#contactform div {
	margin:5px;
}

#contactform fieldset {
	border: none;
	margin-bottom:1em;
}

form label {	
  font-size: .8em;
}

#contactform label {
  display:block;
  float:left;
  width:300px;
  text-align:right;
  padding-right: .5em;
  margin-top: 3px;
}

form input,
form textarea{
  width: 300px;
  border-width: 1px;
  background-color:#e6e6e6;
}

form textarea{
  height: 10em;
}


#contactform select {
	width: 302px;
  background-color:#e6e6e6;
}

* html #contactform select {
	width: 300px;
}

#anmeldung td {
	vertical-align:top;
	padding:2px;
}

#anmeldung td.l {
	text-align:right;
}

#anmeldung input, #anmeldung textarea{
	border-width: 1px;
	width: 300px;
}

#anmeldung .cb input{
	width: 16px;
}

.error {
	color: #f00;
	font-weight:bold;
}

button {
  background-color:#54547E;
  color:#efefef;
  margin-top: 1em;
  border: 1px #434372 outset;
}


/* Footer */
#footer {
  clear: both;
  font-size:.7em;
  padding:1em;
  margin-left:0px;
  text-align:right;
}

/* Newspaper
 *******************************/
#newspaper {
  border: 1px #ccc solid;
	padding: 40px;
	background:#F6F0E8 url(../bilder/style/paper_print01.jpg) repeat left top;
}

#newspaper div,
#newspaper p{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
}


#newspaper h3{
	font-family: Verdana,Helvetica, Arial, sans-serif;
	text-align:center;
	font-size: 100%;
	letter-spacing: 1.7px;
	font-weight:bold;
	margin: 20px 0 10px 0;
	color:#333;
}



#newspaper h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size:230%;
	margin: 10px 0 20px 0px;
	color:#333;
}

#newspaper #einleitung {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
}

#newspaper #author {
	letter-spacing: 1.7px;
}

#newspaper strong {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
}

#newspaper {
}

#newspaper div {
	font-size: 90%;
}

#newspaper #text{
	line-height: 150%;
	text-align: justify;
}

#newspaper #einleitung,
#newspaper #author,
#newspaper #text,
#newspaper #source{
  margin-bottom:20px;
}

#newspaper #source{
	color: #336;
	font-style:italic;
	margin-bottom: 30px;
}

#newspaper #description {
	font-family: Helvetica, Arial, sans-serif;
	font-style:italic;
	line-height: 120%;
	font-size: 90%;
}

#newspaper #photographer {
  padding:0;
	margin:0;
	font-size:80%;
	font-family: Helvetica, Arial, sans-serif;
	text-align:right;
}

#newspaper .pic-r,
#newspaper .pic-l {
  margin: 4px 7px 0 20px;
  border:none;
}

#newspaper .pic-l {
  float: left;
  margin-left: 0;
}

#newspaper .pic-r {
  float: right;
  margin-right: 0;
}

/*---------------kursplan-------------------------*/

#kursplan{
   border-collapse:collapse;
   margin:.5em 0 3em 0;
}

#kursplan td{
  vertical-align:top;
	font-size:90%;
	padding:5px;
	border: 1px #F8B910 solid;
}

#kursplan a,
#kursplan a:link,
#kursplan a:visited,
#kursplan a:hover,
#kursplan a:active,
#kursplan a:focus{
  color:#FFFFFF;
	text-decoration:underline;
}

#kursplan th{
	border: 1px #F8B910 solid;
  width:25%;
}

#presse-navi{
  text-align:center;
  font-size:.8em
}

#presse-navi a{
  margin: 0 2em;
}


.video .workshop {
  margin:10px;
  margin-left:  130px;
}


#content ul.schedule{
  margin-bottom:2.5em;
}

#content ul.schedule li span.date{
  color:#BBBB7F;
  font-weight:bold;
  display:block;
}

#content ul.schedule li {
  color:#cccccc;
  font-weight:normal;
  list-style-type:disc;
  margin-bottom:1.5em;
}

.video ul.workshop.gross {
  margin-left:200px !important;
  background:none;
}


.video ul.workshop.gross li{
  list-style-type:none !important;
}

#interact {
  width: 0;
  height: 0;
  border: none;
  display:none;
}