/*
Theme Name: Atelier Hauer+Dörfler
Theme URI: http://www.hauer-doerfler.de/
Version: 2.0
Author: Sami Kaddoura

*/



/* CSS-Dokument */
/* 
01 allgemein
02 Top
03 Topbox
04 Navigation
05 Inhalt
06 Bilder im CSS

Rotton = ff3a4e
*/


/* _________________________________________________ 01 allgemein */

body {
	margin: 0 14px 0 14px;
	padding:0;
	font-size: small;
	font-family: "Lucida Grande", Arial, sans-serif;
}

.unsichtbar, hr {
	display: none;
}

#wrap {
	min-width: 800px;
	line-height: 2.8ex;
	font-size: 93%;
}

/* Bearbeiten */
#wrap a.post-edit-link {
	font-size: 75%;
	clear: both;
	background: #cccccc;
	padding: 2px 5px 2px 5px;
	color: white;
}

a:focus {
	outline: none;
}

/* _________________________________________________ 02 Top */

#top {
	border-right: 1px solid #5a5e66;
	border-bottom: 1px solid #5a5e66;
	border-left: 1px solid #5a5e66;
	background: white;
	padding: 0 13px 13px 13px;
}

h1 {
	margin:0;
	padding:0;
}
h1 a {
	display: block;
	float: right;
	height: 88px;
	width: 196px;
	background: url(images/logo.png) bottom right no-repeat;
	margin: 0 0 15px 13px;
	color: #333333;
}

/* ohne Bilder */
.seite .farbband {
	clear: both;
	height: 72px;
	background: #ff3a4e;
	margin: 0;
}

/* mit Bilder */
.single .farbband {
	clear: both;
	margin: 0;
	background: #999999;
}

/* Gallerific */
#gallery-adv {
	display: inline;
}
.farbband #slideshow-adv img {
	margin: 13px 6px 13px 0;
	vertical-align: bottom;
	position: relative;
	border: none;
}
#inner-farbband {
	margin-left: 13px;
}
#slideshow-adv {
	display: inline;
}
#loading-adv {
	display: block;
	height: 32px;
	width: 16px;
	margin-left: 8px;
	background: url(images/loader2.gif) 0 16px no-repeat;
}

/* Videos */
.single .farbband #container {
	display: block;
 	height: 333px; /* video: 300px -- mit steuerung: 320px --- 320+13px */
	margin: 0;
	padding: 0;
	height: 333px;
	padding-top: 13px;
}
/* Get Player Text */
#container, #container a {
	color: black;
}

/* fuer IE */
#thumbs-adv p {
	display: none;
}

/* Cat-Archiv */
.catarchiv .farbband {
	clear: both;
	background: rgb(108,113,121);
	padding: 0 13px 13px 13px;
}
.catarchiv .farbband #inner-catband {
	height: 13px;
}

a.cat {
	color: black;
	text-decoration: none;
	text-transform: lowercase;
}
a.cat:hover, a.cat:focus {
	color: white;
}

/* Startseite + Momente */
#momente .farbband, #archiv .farbband  {
	height: 239px;
	background: rgb(108,113,121);
	overflow: hidden;
}

#home .farbband {
	height: 239px;
	background: #ff3a4e;
	overflow: hidden;
}

#autoshow {
	position: relative;
}
#autoshow #inner-autoshow {
	position: absolute; height: 239px; width: 439px; overflow: hidden;
}

.farbband #autoshow img {
	margin: 13px 0 13px 0;
	position: relative;
	border: none;
}
.farbband #autoshow ul, .farbband #autoshow ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* Bild-Navigation */

#thumbs-adv, #thumbs-adv div  {
	display: inline;
}

#thumbs-adv ul.thumbs {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
#thumbs-adv ul.thumbs li {
	display: inline;
	margin: 0;
	padding: 0;
}

.thumbs a img {
	border: 1px solid black;
	margin: 13px 0 13px 8px;
	vertical-align:bottom;
}
.thumbs a:hover img, .thumbs a:focus img, .thumbs .selected img {
	background: black;
	border: 1px solid black;
}

/* _________________________________________________ 03 Topbox */

#topbox {
	min-height: 27px;
	border: 1px solid #5a5e66;
	margin-top: 14px;
	line-height: normal;
	height: 4ex;
	text-transform: lowercase;
}
#inner-topbox {
	margin-top: 1ex;
}
.ref-pfeile {
	float: left;
	width: 24px;
	margin-right: 5px;
}
.alignleft a {
	display: block;
	float: left;
	width: 12px;
	height: 27px;
	background: url(images/pfeil-links.gif) center left no-repeat;
}
.alignleft a:hover, .alignleft a:focus {
	background: url(images/pfeil-links-hover.gif) center left no-repeat;
}
.alignright a {
	display: block;
	float: right;
	width: 12px;
	height: 27px;
	background: url(images/pfeil-rechts.gif) center right no-repeat;
}
.alignright a:hover, .alignright a:focus {
	background: url(images/pfeil-rechts-hover.gif) center right no-repeat;
}

#topbox h2 {
	margin: 1ex 13px 0 26px;
	font-size: 1em;
	font-weight: normal;
	color: #ff3a4e;
}
#topbox a {
	text-decoration: none;
}
#wrap #topbox a:hover, #wrap #topbox a:focus {
	text-decoration: underline;
}


/* _________________________________________________ 04 Navigation */


#navigation {
	margin: 5px 14px 0 29px;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li {
	margin: 0;
	padding: 0;
}
#navigation a {
	text-decoration: none;
	color: black;
	text-transform: lowercase;
}
#navigation a:hover, #navigation a:focus, #navigation .current_page_item a, .single a#nav16, .catarchiv a#nav16 {
	color: #ff3a4e;
}

/* Atelier hervorheben */
#atelier-2 a, #atelier-9 a, #atelier-10 a, #atelier-11 a {
	color: #ff3a4e;
}

/* Arbeiten hervorheben */
/* .single #navigation .page-item-16 a,*/ .catarchiv #navigation .page-item-16 a {
	color: #ff3a4e;
}

#nav-rechts {
	float: right;
	width: 300px;
}

.current_language_item a {
	display: none;
}

#nav-rechts ul {
	float: right;
}
#nav-rechts li {
	float: left;
}
#nav-rechts a {
	float: left;
	margin-left: 20px;
	font-size: 80%;
}

#nav-links a {
	margin-right: 8px;
}
#nav-links li {
	float: left;
}

/* _________________________________________________ 05 Inhalt */

#inhalt {
	clear: both;
	margin: 0 0 0 29px;
	padding: 27px 0 0 0;
	height: 20px;
}
#unternavigation {
	width: 20ex;
	float: left;
}
#textbereich {
	float: left;
	width: 620px;
}
#inhalt ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#unternavigation li {
	margin-bottom: 0.5ex;
}
#inhalt a {
	text-decoration: none;
	color: black;
	text-transform: lowercase;
}
#inhalt a:hover, #inhalt a:focus, #unternavigation .current_page_item a, #inhalt li.current-cat a {
	color: #ff3a4e;
}

#inhalt #textbereich h3 {
	margin: 0 0 20px 0;
	padding: 0;
	height: 33px;
	width: 644px;
	text-indent: -10000px;
}

/* besondere Unterseiten */

/* Philosophie */
#philosophie strong {
	color: #ff3a4e;
	font-weight: normal;
}
/* Arbeiten */
#arbeiten #textbereich {
	clear: both;
}

/* Kontakt */
#kontakt a.pdf-symbol {
	text-transform: none;
	display: block;
	background: url(images/pdf.png) top left no-repeat;
	height: 16px;
	padding-left: 24px;
	margin-top: 2ex;
}



/* _________________________________________________ 06 Bilder im CSS */

/* alle Referenzen-Styles h3 */

/* Pages */
#fakten h3 {background: url(images/headline/001.png) top left no-repeat;}
#leistungen h3 {background: url(images/headline/002.png) top left no-repeat;}
#philosophie h3 {background: url(images/headline/003.png) top left no-repeat;}
#momente h3 {background: url(images/headline/004.png) top left no-repeat;}
#netzwerk h3 {background: url(images/headline/005.png) top left no-repeat;}

#kontakt h3 {background: url(images/headline/006.png) top left no-repeat;}

#impressum h3 {background: url(images/headline/007.png) top left no-repeat;}

#home strong {
	display: block;
	background: url(images/headline/home-text_de.png) top left no-repeat;
	width: 587px;
	height: 56px;
	text-indent: -10000px;
}

#fakten h3.en {background: url(images/headline/001e.gif) top left no-repeat;}
#leistungen h3.en {background: url(images/headline/002e.gif) top left no-repeat;}
#philosophie h3.en {background: url(images/headline/003e.gif) top left no-repeat;}
#momente h3.en {background: url(images/headline/004e.gif) top left no-repeat;}

#archiv h3.en {background: url(images/headline/005e.gif) top left no-repeat;}

#kontakt h3.en {background: url(images/headline/006e.gif) top left no-repeat;}

#impressum h3.en {
	background: url(images/headline/007e.gif) top left no-repeat;
}
#home strong.en {
	display: block;
	background: url(images/headline/home-text_en.png) top left no-repeat;
	width: 587px;
	height: 56px;
}

/* _______________________________________________________________ Akademie auswaertiger dienst */
#aad01 .farbband {background-color: rgb(85,112,120);}
#aad01 #topbox, #aad01 #topbox a {color: rgb(85,112,120);}
#aad01 h3 {background: url(images/headline/aad01.gif) top left no-repeat;}

#aad02 .farbband {background-color: rgb(114,164,186);}
#aad02 #topbox, #aad02 #topbox a {color: rgb(114,164,186);}
#aad02 h3 {background: url(images/headline/aad02.gif) top left no-repeat;}
#aad02 h3.en {background: url(images/headline/aad02e.gif) top left no-repeat;}

/* _______________________________________________________________ Auswaertiges Amt */
#aa01 .farbband {background-color: rgb(60,68,138);}
#aa01 #topbox, #aa01 #topbox a {color: rgb(60,68,138);}
#aa01 h3 {background: url(images/headline/aa01.gif) top left no-repeat;}
#aa01 h3.en {background: url(images/headline/aa01e.gif) top left no-repeat;}

#aa02 .farbband {background-color: rgb(84,115,85);}
#aa02 #topbox, #aa02 #topbox a {color: rgb(84,115,85);}
#aa02 h3 {background: url(images/headline/aa02.gif) top left no-repeat;}
#aa02 h3.en {background: url(images/headline/aa02e.gif) top left no-repeat;}

#aa03 .farbband {background-color: rgb(66,103,129);}
#aa03 #topbox, #aa03 #topbox a {color: rgb(66,103,129);}
#aa03 h3 {background: url(images/headline/aa03.gif) top left no-repeat;}
#aa03 h3.en {background: url(images/headline/aa03e.gif) top left no-repeat;}

#aa07 .farbband {background-color: rgb(123,101,61);}
#aa07 #topbox, #aa07 #topbox a {color: rgb(123,101,61);}
#aa07 h3 {background: url(images/headline/aa07.gif) top left no-repeat;}
#aa07 h3.en {background: url(images/headline/aa07e.gif) top left no-repeat;}

#aa09 .farbband {background-color: rgb(180,130,112);}
#aa09 #topbox, #aa09 #topbox a {color: rgb(180,130,112);}
#aa09 h3 {background: url(images/headline/aa09.gif) top left no-repeat;}
#aa09 h3.en {background: url(images/headline/aa09e.gif) top left no-repeat;}

#aa10 .farbband {background-color: rgb(224,172,123);}
#aa10 #topbox, #aa10 #topbox a {color: rgb(224,172,123);}
#aa10 h3 {background: url(images/headline/aa10.gif) top left no-repeat;}
#aa10 h3.en {background: url(images/headline/aa10e.gif) top left no-repeat;}

#aa11 .farbband {background-color: rgb(193,160,43);}
#aa11 #topbox, #aa11 #topbox a {color: rgb(193,160,43);}
#aa11 h3 {background: url(images/headline/aa11.gif) top left no-repeat;}
#aa11 h3.en {background: url(images/headline/aa11e.gif) top left no-repeat;}

#aa12 .farbband {background-color: rgb(72,130,0);}
#aa12 #topbox, #aa12 #topbox a {color: rgb(72,130,0);}
#aa12 h3 {background: url(images/headline/aa12.gif) top left no-repeat;}
#aa12 h3.en {background: url(images/headline/aa12e.gif) top left no-repeat;}

#aa13 .farbband {background-color: rgb(150,179,226);}
#aa13 #topbox, #aa13 #topbox a {color: rgb(128,157,203);}
#aa13 h3 {background: url(images/headline/aa13.gif) top left no-repeat;}
#aa13 h3.en {background: url(images/headline/aa13e.gif) top left no-repeat;}

/* _______________________________________________________________ bauschlomb */

#bauschlomb02 .farbband {background-color: rgb(133,149,119);}
#bauschlomb02 #topbox, #bauschlomb02 #topbox a {color: rgb(133,149,119);}
#bauschlomb02 h3 {background: url(images/headline/bauschlomb02.gif) top left no-repeat;}

#bauschlomb03 .farbband {background-color: rgb(63,87,95);}
#bauschlomb03 #topbox, #bauschlomb03 #topbox a {color: rgb(63,87,95);}
#bauschlomb03 h3 {background: url(images/headline/bauschlomb03.gif) top left no-repeat;}

#bauschlomb05 .farbband {background-color: rgb(18,69,83);}
#bauschlomb05 #topbox, #bauschlomb05 #topbox a {color: rgb(18,69,83);}
#bauschlomb05 h3 {background: url(images/headline/bauschlomb05.gif) top left no-repeat;}

#bauschlomb06 .farbband {background-color: rgb(36,77,100);}
#bauschlomb06 #topbox, #bauschlomb06 #topbox a {color: rgb(36,77,100);}
#bauschlomb06 h3 {background: url(images/headline/bauschlomb06.gif) top left no-repeat;}


/* _______________________________________________________________ schering */
#schering01 .farbband {background-color: rgb(2,156,176);}
#schering01 #topbox, #schering01 #topbox a {color: rgb(2,156,176);}
#schering01 h3 {background: url(images/headline/schering01.gif) top left no-repeat;}

#schering02 .farbband {background-color: rgb(196,120,158);}
#schering02 #topbox, #schering02 #topbox a {color: rgb(196,120,158);}
#schering02 h3 {background: url(images/headline/schering02.gif) top left no-repeat;}

#schering03 .farbband {background-color: rgb(67,128,137);}
#schering03 #topbox, #schering03 #topbox a {color: rgb(67,128,137);}
#schering03 h3 {background: url(images/headline/schering03.gif) top left no-repeat;}

#schering04 .farbband {background-color: rgb(187,213,152);}
#schering04 #topbox, #schering04 #topbox a {color: rgb(167,193,133);}
#schering04 h3 {background: url(images/headline/schering04.gif) top left no-repeat;}

#schering05 .farbband {background-color: rgb(63,48,90);}
#schering05 #topbox, #schering05 #topbox a {color: rgb(63,48,90);}
#schering05 h3 {background: url(images/headline/schering05.gif) top left no-repeat;}

#schering06 .farbband {background-color: rgb(132,17,27);}
#schering06 #topbox, #schering06 #topbox a {color: rgb(132,17,27);}
#schering06 h3 {background: url(images/headline/schering06.gif) top left no-repeat;}

/* _______________________________________________________________ Bundesministerium der Jusiz */
#bdj01 .farbband {background-color: rgb(204,69,14);}
#bdj01 #topbox, #bdj01 #topbox a {color: rgb(204,69,14);}
#bdj01 h3 {background: url(images/headline/bdj01.gif) top left no-repeat;}
#bdj01 h3.en {background: url(images/headline/bdj01e.gif) top left no-repeat;}

/* _______________________________________________________________ Bundesministerium fuer Wirtschaft */
#bmwi01 .farbband {background-color: rgb(18,69,83);}
#bmwi01 #topbox, #bmwi01 #topbox a {color: rgb(18,69,83);}
#bmwi01 h3 {background: url(images/headline/bmwi01.gif) top left no-repeat;}
#bmwi01 h3.en {background: url(images/headline/bmwi01e.gif) top left no-repeat;}

/* _______________________________________________________________ Celon */
#celon01 .farbband {background-color: rgb(115,160,180);}
#celon01 #topbox, #celon01 #topbox a {color: rgb(115,160,180);}
#celon01 h3 {background: url(images/headline/celon01.gif) top left no-repeat;}
#celon01 h3.en {background: url(images/headline/celon01e.gif) top left no-repeat;}

#celon02 .farbband {background-color: rgb(180,161,125);}
#celon02 #topbox, #celon02 #topbox a {color: rgb(180,161,125);}
#celon02 h3 {background: url(images/headline/celon02.gif) top left no-repeat;}
#celon02 h3.en {background: url(images/headline/celon02e.gif) top left no-repeat;}

#celon03 .farbband {background-color: rgb(221,157,127);}
#celon03 #topbox, #celon03 #topbox a {color: rgb(221,157,127);}
#celon03 h3 {background: url(images/headline/celon03.gif) top left no-repeat;}
#celon03 h3.en {background: url(images/headline/celon03e.gif) top left no-repeat;}

/* _______________________________________________________________ cornelsen */
#cornelsen01 .farbband {background-color: rgb(140,45,46);}
#cornelsen01 #topbox, #cornelsen01 #topbox a {color: rgb(140,45,46);}
#cornelsen01 h3 {background: url(images/headline/cornelsen01.gif) top left no-repeat;}
#cornelsen01 h3.en {background: url(images/headline/cornelsen01e.gif) top left no-repeat;}

#cornelsen02 .farbband {background-color: rgb(69,138,179);}
#cornelsen02 #topbox, #cornelsen02 #topbox a {color: rgb(69,138,179);}
#cornelsen02 h3 {background: url(images/headline/cornelsen02.gif) top left no-repeat;}
#cornelsen02 h3.en {background: url(images/headline/cornelsen02e.gif) top left no-repeat;}

/* _______________________________________________________________ DFG */
#dfg01 .farbband {background-color: rgb(115,163,211);}
#dfg01 #topbox, #dfg01 #topbox a {color: rgb(102,151,198);}
#dfg01 h3 {background: url(images/headline/dfg01.gif) top left no-repeat;}
#dfg01 h3.en {background: url(images/headline/dfg01e.gif) top left no-repeat;}

/* _______________________________________________________________ Drmann */
#drmann01 .farbband {background-color: rgb(93,178,199);}
#drmann01 #topbox, #drmann01 #topbox a {color: rgb(93,178,199);}
#drmann01 h3 {background: url(images/headline/drmann01.gif) top left no-repeat;}
#drmann01 h3.en {background: url(images/headline/drmann01e.gif) top left no-repeat;}

#drmann02 .farbband {background-color: rgb(18,69,83);}
#drmann02 #topbox, #drmann02 #topbox a {color: rgb(18,69,83);}
#drmann02 h3 {background: url(images/headline/drmann02.gif) top left no-repeat;}
#drmann02 h3.en {background: url(images/headline/drmann02e.gif) top left no-repeat;}

/* _______________________________________________________________ heenemann */
#heenemann01 .farbband {background-color: rgb(73,99,106);}
#heenemann01 #topbox, #heenemann01 #topbox a {color: rgb(73,99,106);}
#heenemann01 h3 {background: url(images/headline/heenemann01.gif) top left no-repeat;}
#heenemann01 h3.en {background: url(images/headline/heenemann01e.gif) top left no-repeat;}

#heenemann02 .farbband {background-color: rgb(73,99,106);}
#heenemann02 #topbox, #heenemann02 #topbox a {color: rgb(73,99,106);}
#heenemann02 h3 {background: url(images/headline/heenemann02.gif) top left no-repeat;}
#heenemann02 h3.en {background: url(images/headline/heenemann02e.gif) top left no-repeat;}

#heenemann05 .farbband {background-color: rgb(255,180,0);}
#heenemann05 #topbox, #heenemann05 #topbox a {color: rgb(255,180,0);}
#heenemann05 h3 {background: url(images/headline/heenemann05.gif) top left no-repeat;}

#heenemann06 .farbband {background-color: rgb(255,102,0);}
#heenemann06 #topbox, #heenemann06 #topbox a {color: rgb(255,102,0);}
#heenemann06 h3 {background: url(images/headline/heenemann06.gif) top left no-repeat;}

/* _______________________________________________________________ nickert */
#nickert01 .farbband {background-color: rgb(83,122,115);}
#nickert01 #topbox, #nickert01 #topbox a {color: rgb(83,122,115);}
#nickert01 h3 {background: url(images/headline/nickert02.gif) top left no-repeat;}
#nickert01 h3.en {background: url(images/headline/nickert01e.gif) top left no-repeat;}

#nickert02 .farbband {background-color: rgb(139,34,56);}
#nickert02 #topbox, #nickert02 #topbox a {color: rgb(139,34,56);}
#nickert02 h3 {background: url(images/headline/nickert01.gif) top left no-repeat;}

/* _______________________________________________________________ eon */
#eon01 .farbband {background-color: rgb(221,0,0);}
#eon01 #topbox, #eon01 #topbox a {color: rgb(221,0,0);}
#eon01 h3 {background: url(images/headline/eon01.gif) top left no-repeat;}
#eon01 h3.en {background: url(images/headline/eon01e.gif) top left no-repeat;}

/* _______________________________________________________________ sill */
#sill01 .farbband {background-color: rgb(7,89,108);}
#sill01 #topbox, #sill01 #topbox a {color: rgb(7,89,108);}
#sill01 h3 {background: url(images/headline/sill01.gif) top left no-repeat;}
#sill01 h3.en {background: url(images/headline/sill01e.gif) top left no-repeat;}

/* _______________________________________________________________ senatskanzlei */
#senatskanzlei01 .farbband {background-color: rgb(115,159,179);}
#senatskanzlei01 #topbox, #senatskanzlei01 #topbox a {color: rgb(115,159,179);}
#senatskanzlei01 h3 {background: url(images/headline/senatskanzlei01.gif) top left no-repeat;}
#senatskanzlei01 h3.en {background: url(images/headline/senatskanzlei01e.gif) top left no-repeat;}

/* _______________________________________________________________ teka */
#teka01 .farbband {background-color: rgb(0,55,130);}
#teka01 #topbox, #teka01 #topbox a {color: rgb(0,55,130);}
#teka01 h3 {background: url(images/headline/teka01.gif) top left no-repeat;}
#teka01 h3.en {background: url(images/headline/teka01e.gif) top left no-repeat;}

#teka02 .farbband {background-color: rgb(168,109,173);}
#teka02 #topbox, #teka02 #topbox a {color: rgb(168,109,173);}
#teka02 h3 {background: url(images/headline/teka02.gif) top left no-repeat;}
#teka02 h3.en {background: url(images/headline/teka02e.gif) top left no-repeat;}

#teka03 .farbband {background-color: rgb(106,151,190);}
#teka03 #topbox, #teka03 #topbox a {color: rgb(106,151,190);}
#teka03 h3 {background: url(images/headline/teka03.gif) top left no-repeat;}
#teka03 h3.en {background: url(images/headline/teka03e.gif) top left no-repeat;}

#teka03 .farbband {background-color: rgb(106,151,190);}
#teka03 #topbox, #teka03 #topbox a {color: rgb(106,151,190);}
#teka03 h3 {background: url(images/headline/teka03.gif) top left no-repeat;}
#teka03 h3.en {background: url(images/headline/teka03e.gif) top left no-repeat;}

#teka04 .farbband {background-color: rgb(164,137,132);}
#teka04 #topbox, #teka04 #topbox a {color: rgb(164,137,132);}
#teka04 h3 {background: url(images/headline/teka04.gif) top left no-repeat;}
#teka04 h3.en {background: url(images/headline/teka04e.gif) top left no-repeat;}

#teka05 .farbband {background-color: rgb(147,170,63);}
#teka05 #topbox, #teka05 #topbox a {color: rgb(147,170,63);}
#teka05 h3 {background: url(images/headline/teka05.gif) top left no-repeat;}
#teka05 h3.en {background: url(images/headline/teka05e.gif) top left no-repeat;}
#teka05 #wrap #gallery-adv {display: none;}

#teka06 .farbband {background-color: rgb(251,191,105);}
#teka06 #topbox, #teka06 #topbox a {color: rgb(238,179,95);}
#teka06 h3 {background: url(images/headline/teka06.gif) top left no-repeat;}
#teka06 h3.en {background: url(images/headline/teka06e.gif) top left no-repeat;}

#teka07 .farbband {background-color: rgb(10,86,162);}
#teka07 #topbox, #teka07 #topbox a {color: rgb(10,86,162);}
#teka07 h3 {background: url(images/headline/teka07.gif) top left no-repeat;}

#teka08 .farbband {background-color: rgb(113,128,135);}
#teka08 #topbox, #teka08 #topbox a {color: rgb(113,128,135);}
#teka08 h3 {background: url(images/headline/teka08.gif) top left no-repeat;}

/* _______________________________________________________________ vds */
#vds01 .farbband {background-color: rgb(163,169,34);}
#vds01 #topbox, #vds01 #topbox a {color: rgb(163,169,34);}
#vds01 h3 {background: url(images/headline/vds01.gif) top left no-repeat;}
#vds01 h3.en {background: url(images/headline/vds01e.gif) top left no-repeat;}

#vds02 .farbband {background-color: rgb(71,100,5);}
#vds02 #topbox, #vds02 #topbox a {color: rgb(71,100,5);}
#vds02 h3 {background: url(images/headline/vds02.gif) top left no-repeat;}

/* _______________________________________________________________ zooberlin */
#zooberlin01 .farbband {background-color: rgb(121,153,84);}
#zooberlin01 #topbox, #zooberlin01 #topbox a {color: rgb(121,153,84);}
#zooberlin01 h3 {background: url(images/headline/zooberlin01.gif) top left no-repeat;}
#zooberlin01 h3.en {background: url(images/headline/zooberlin01e.gif) top left no-repeat;}




/* _______________________________________________________________ kontakt */

#kontakt .spalten-wrap {
	width: 700px;
}

.spalte1 {
	float: left;
	width: 300px;
}
#kontakt strong {
	font-weight: normal;
	color: #ff3a4e;
}

.spalte2 {
	float: right;
	width: 354px;
}
.spalte2 img {
	border: 1px solid #cccccc;
}

a.pfeilvor {
	background: url(images/pfeilvor.gif) center left no-repeat;
	padding: 0 0 0 10px;
}
a.pfeilvor:hover, #kontakt a.pfeilvor:focus {
	background: url(images/pfeilvor-hover.gif) center left no-repeat;
}

p#usermessagea, p#usermessage2a {
	float: right;
	width: 300px;
}

.spalten-wrap {
	width: 800px;
}

#kontakt #textbereich {
	float: left;
	width: 800px;
}

/* Impressum */
#impressum #textbereich strong {
	font-weight: normal;
	color: #ff3a4e;
}



/* FG-MENU */

/* REQUIRED STYLES - the menus will only render correctly with these rules */	

.fg-menu-container { position: absolute; top:0; z-index: 10000; left:-999px; padding: .4em;  overflow: hidden; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; margin: 0; padding: 0;}
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }



/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; }


/* Component containers
----------------------------------*/
.ui-widget-content {border: 1px solid #6c7179; background: white;}
.ui-widget-content a { color: black; font-size: 90%;text-decoration: none; text-transform: lowercase;}
.ui-widget-content a:hover { color: #ff3a4e;}

/* Icons
----------------------------------*/

/* states and images */

#flat {
	padding-right: 13px;
	margin-left: 9px;
}
.ui-state-default { background: none; border: 0px solid red; }
.ui-state-hover, .ui-state-focus {background: url(images/plus.png) center right no-repeat; border: 0px solid red;}
.ui-state-active {background: url(images/minus.png) center right no-repeat; border: 0px solid red; }

ul#popupliste a:hover, ul#popupliste a:focus {
	background: none;
}

ul#popupliste a {
	padding: 0;
	line-height: 2ex;
	margin-bottom: 0.75ex;
}