/*-----------------------------------------------------------------------------
[zappo-berlin] Screen Stylesheet

version:   			1.2
Start:			27.04.2007
Letzte Aenderung: 	19.05.2009
author:    		Jörg Fischer
email:     		jofi@zappo-berlin.de

website:   		www.zappo-berlin.de

-----------------------------------------------------------------------------*/

/* Einbinden andere stylesheets
-----------------------------------------------------------------------------*/

/* @import url("otherstylesheet.css"); */


/* Entfernt margin, padding und border von allem
-----------------------------------------------------------------------------*/
*	{margin:0;padding:0;border:0;}
a	{outline:none;}
.hide {display:none;}

/* kleine Helferlein
-----------------------------------------------------------------------------*/
.clear	{
	display: block;
	margin: 0;
	clear: both;
	line-height: 0;
	font-size: 0%;
	height: 0;
}
.right 	{float:right;}
.left 	{float:left;}

.rot {color: #CC3333;}

/* Grundlegendes
-----------------------------------------------------------------------------*/
html {
	padding:0px;
	margin:0px;
}

body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em; /*11px bei 16px-100%*/
	color: #555555;
	background-color: #FFFFFF;
}
a, a:link, a:visited, a:active, a:hover, a:focus {
	color: #777777;
	text-decoration: none;
}
a:hover, a:focus {
	color: #CC3333;
	text-decoration: none;
}

/* Grundlegende Textformatierungen
----------------------------------------------------------------------------*/

/* Laoyutcontainer
-----------------------------------------------------------------------------*/

/* Rahmen der alles zentriert*/
#wrapper {
	margin: 0px auto;
	padding: 0;
	width: 964px;
	/*left: 50%;
        margin-left: 50px;
	margin-left: -482px;*/
	border: 0px #000000 solid;
	clear: both;
}

/* Header/Kopf
-----------------------------------------------------------------------------*/

#header	{
	width: 964px;
	height: 48px;
	border-bottom: 1px #888888 solid;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.logo	{
	width: 500px;
        height: 19px;
        padding: 20px 0px 0px 0px;
	float: left;
}

.z	{
	float: right;	
	padding: 0px 0px 0px 0px;
	border: 0px #000000 solid;
}
/* Hauptnavigation */

#headnavi{
	width: 927px;
	height: 136px;
	text-align:left;
	margin: 7px 0px 0px 0px; 
	float: left;
        border: 0px #000000 solid;
}
#navibox1 {
	position: absolute;
	margin-left: 0px;
	z-index: 1;
}
#navibox2 {
	position: absolute;
	margin-left: 108px;
	z-index: 2;
}
#navibox3 {
	position: absolute;
	margin-left: 216px;
	z-index: 3;
}
#navibox4 {
	position: absolute;
	margin-left: 324px;
	z-index: 4;
}
#navibox5 {
	position: absolute;
	margin-left: 440px;
	z-index: 5;
}
#navibox6 {
	position: absolute;
	margin-left: 540px;
	z-index: 6;
}

#navibox8 {
	position: absolute;
	margin-left: 756px;
	z-index: 8;
}
#navibox9 {
	position: absolute;
	margin-left: 850px;
	z-index: 9;
}

/* Navilinks */

a.current {
	color: #CC3333;
}
#menu {
	line-height: 1.45em;
}
#menu ul ul li {
display: inline;
}

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

#menu li.i1 {
	background:url(/content/imghaupt/piktos/lesen.gif) no-repeat left top;
	padding: 0px 20px 0px 15px;
}
#menu li.i2 {
	background:url(/content/imghaupt/piktos/lesen_a.gif) no-repeat left top;
	padding: 0px 20px 0px 15px;
}
#menu ul ul li.f1 {
	background:url(/content/imghaupt/piktos/pfeil.gif) no-repeat left top;
	padding: 0px 20px 0px 15px;
}
#menu ul li.f2 {/*hauptnavigation*/
	padding: 15px 0px 0px 0px;
}
#menu ul ul li.f2 {/*unternavigation*/
	background:url(/content/imghaupt/piktos/pfeil_a.gif) no-repeat left top;
	padding: 0px 20px 0px 15px;
}

/* Ende Navilinks 
-----------------------------------------------------------------------------*/

.right	 {
	float: right;	
}
.left	 {
	float: left;	
}

#seitenkategorie {
	position: relative;
	float: left;
	width: 964px;
        height: 32px;
	padding-bottom: 5px;
	text-align: right;
	border: 0px solid #888888 ;
}

#headline {
	position: relative;
	float: left;
	width: 532px;
        height: 18px;
	font-weight: bold;
	padding: 0px 216px 25px 216px;
	border: 0px solid #888888 ;
}


/* Contentbereich
-----------------------------------------------------------------------------*/
/*umschliesst den gesamten Content*/
#content {
	position: relative;
	float: left;
	width: 964px;
	height: 50%;
	margin-top: 5px;
	padding-top: 5px;
	border: 0px solid #888888;
}


/* Fallstudien
--------------------------------------------*/
.fallstudie {
        width: 640px;
	margin-left: 216px;
}
.falltext {
        float: left;
        width: 424px;
        margin: 0px 8px 10px 0px;
}

.falltext .fett {
        float: left;
        width: 100px;
        font-weight: bold;
}
.falltext .normal {
        float: right;
        width: 316px;

}
.fallbilder {
        width: 208px;
        margin-left: 432px;
}

img.fallbild {
	margin-bottom: 10px;
}

/* Indexseiten
---------------------------------------------*/
.indexblock {
        width: 648px;
	margin-left: 216px;
        border: 0px solid #000000;
}
.kontaktblock {
        float: left;
        width: 453px;
	margin-left: 216px;
        border: 0px solid #000000;
}
.kontaktadresse {
        float: left;
        width: 220px;
        margin-left: 20px;
        border: 0px solid #000000;
}
.indexelement {
        float: left;
        width: 100px;
        margin: 0px 8px 0px 0px;
	border: 0px solid #000000;
}

img.bereichsbild {
	margin: 0px 0px 32px 0px;
}

img.lesen {
	margin: 0px 10px 0px 0px;
}




/* Text Bild Block mit einem Bild
---------------------------------------------*/
.textbildblock {
        width: 532px;
	margin-left: 216px;
}
.textbild {
        float: left;
        width: 532px;
        margin: 0px 0px 10px 0px;
}


.textbild .fett {
        float: left;
        width: 100px;
        font-weight: bold;
}
.textbild .normal {
        float: left;
        width: 316px;

}
.textbild .breit {
        float: left;
        width: 420px;

}

.textbildblockbreit {
        width: 640px;
	margin-left: 216px;
}
.textbildbreit {
        float: left;
        width: 640px;
        margin: 0px 0px 10px 0px;
}

.textbildbreit .fett {
        float: left;
        width: 100px;
        font-weight: bold;
}
.textbildbreit .normal {
        float: left;
        width: 150px;

}
.textbildbreit .breit {
        float: left;
        width: 390px;

}

img.blockbild {
	margin-left: 8px;
}

/* Text Bild Block mit einem größerem Bild in der Mitte
---------------------------------------------*/
.textgrossbildblock {
        width: 640px;
	margin-left: 216px;
}
.textgrossbild {
        float: left;
        width: 640px;
        margin: 0px 0px 0px 0px;
}

.textgrossbild .fett {
        float: left;
        width: 100px;
        font-weight: bold;
}
.textgrossbild .normal {
        float: right;
        width: 316px;

}

.blockgrossbild {
        float: left;
        width: 108px;
	margin-right: 8px;
        margin-left: 8px;
}

/* Galerieeintrag
---------------------------------------------*/

#contentgalerie {
	position: relative;
	float: left;
	width: 972px;
	height: 50%;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 0px solid #888888 ;
}

.galeriebox {
	float: left;
	width: 316px;
	margin-right: 8px;
}
.copyright {
	font-size: 0.85em;
	color: #888888;
	padding: 1px 0px 3px 0px;
}
.ueberschrift {
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}
.galerietext {
	padding: 0px 0px 0px 100px;
}

.galeriebilderklein {
	float: left;
	margin: 0px 8px 8px 0px;
}


/* Publikationen
-----------------------------------------------------------------------------*/

.pub_head {
	float:left;
	width:235px;
	padding: 0px 0px 5px 0;
	border-bottom: 1px solid #888888;

}
.pub_navi {
	margin-left: 235px;
	padding: 0px 0px 5px 78px;
	border-bottom: 1px solid #888888;

}

.pub_left {
	float:left;
	padding: 5px 10px 0 0;
	width: 225px;
	height:100%;
	border: 0px solid #888888;
}

.pub_main {
	float:right;
	padding: 0px 0px 0px 0px;
	width: 650px;
	border: 0px solid #888888;
}
.pubobjekt {
	float:left;
	padding: 6px 6px  6px 6px;
	width: 638px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #e5e5e5;
	border-bottom: 1px solid #888888;

}
.pubinfo {
	float:left;
	padding-bottom: 10px;
	border: 0px solid #888888;

} 

.EundA {

} 
.E {
	padding: 0px 0px 7px 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #888888;
}
.A {
	padding: 0px 0px 0px 0px;
	border: 0px solid #888888;
}
.rechts {
	float:left;
	width:95px;
	border: 0px solid #888888;
	border-left: 1px solid #888888;
	padding-left:3px;
}
.links {
	float:left;
	width:480px;
	margin-right: 10px;
	margin-left: 28px;
	border: 0px solid #888888;
	font-size: 1.0em; /*11px bei 16px-100%*/
	line-height: 1.5;
}
#accordion1, #accordion2, #accordion3, #accordion4, #accordion5, 
#accordion6, #accordion7, #accordion8, #accordion9, #accordion10, 
#accordion11, #accordion12, #accordion13, #accordion14, #accordion15 {
	float:left;
	width:100%;
}

.pub_navi ul li {
	display: inline;
	padding-right: 40px;
}

.pub_navi ul {
	list-style-type: none;
}

/* Kontakt
-----------------------------------------------------------------------------*/

.kontakttextblock {
	float: left;
	width: 440px;
	padding: 5px;
}

.kontakttextblock p {
	padding: 5px 0px 5px 0px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	float:left;
	width: 964px;
	margin-top: 25px;
	padding-top: 5px;
	text-align: center;
	border-top: 0px solid #888888;
	clear: both;
}
/* Forms
-----------------------------------------------------------------------------*/
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
        border: 1px solid #888888;
}
input	{
	margin-left: 0px;
}

we_textarea {
font-size: 2.0em;
}

form {
	margin: 0;
	padding: 0;
}

/* Print
-----------------------------------------------------------------------------*/

/* einzelne Anwendungen
-----------------------------------------------------------------------------*/