@charset "utf-8";

/* Projekt Semmel & Co Zeppitz

    
    
    Farben:

    BLAU			RAL 5002 
    					HKS 45 N
    					PANTONE E 193-1
    					CMYK 100C/80 M
    					#0E1E7D
    					#036 oder #039 websicher
    					
    GELB			RAL 1018
    					HKD 3 N
    					PANTONE E 5-2
    					CMYK 100 Y/15M
    					#FFD900
    					#FC0 websicher
    					
*/


html, body
{
	padding: 0;
	background: #FFF;
	margin: 0; 
	width: 100%;
}

/*
{
	background: #FFF;
}
*/

.logo
{
	position: absolute;
	clear: both;
	z-index: 20;
	left: 6px;
	top: 4px; 
	width: 159px;	
	height: 110px
}

.invisible
{
	left: -1000px;
	width: 300px;
	position: absolute;
	top: -1000px;
	height: 500px;
}

#LogoZeppitz 
{
	visibility: visible;
	position: absolute;
	z-index: 20;
	top: 2;
	left: 4;
	width: 159px;
	height: 110px;
}
#baeckereizeppitz
{
	clear: both;
	margin: 80px 0 14px 0;
	padding-top: 0px;
	padding-left: 550px;
	font-weight: normal;
	font-size: 150%;
	float: left;
	color: #781918;
	font-family: arial, helvetica, verdana, sans-serif;
	position: relative;
}
#ButtonsLinks
{
	background-color: #FFF;
	visibility: visible;
	position: absolute;
	width: 166px;
}
#Inhalt
{
	visibility: visible;
	position: absolute;
	top: 187px;
	left: 132px;
	width: 647px;
	height: 265px;
}
#BilderKlein
{
	visibility: visible;
	position: absolute;
	top: 61px;
	left: 500px;,
	width: 111px;
	height: 856px;
}
#neu
{
	width: 158px;
	left: 4px;
	top: 330px;
	position: absolute;
	visibility: visible;
	border: 1px solid #036;
}
.neutext
{
	display: block;
	width: 100%;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 28px; 
	font-weight: bold;
	letter-spacing: 4px;
	color: #FC0;
	background: #69C;
	padding: 12px 0 12px 0;
}
#ButtonsLinks2
{
	background-color: #FFF;
	visibility: visible;
	position: absolute;
	width: 166px;
}


/* Gelber Abschnitt oben */

.kopfgelb
{
	padding: 0; 
	margin: 0; 
	z-index: 1; 
	/* background: url(../bilder/000_logo_breit.gif) #FC0 no-repeat right top; */
	float: left;
	width: 100%;
	position: relative;
}


/* Blauer Streifen oben */

.kopfblau
{
	clear: both;
	padding: 0; 
	margin: 0; 
	float: left; 
	width: 100%; 
	background-color: #781918;
}
.kopfblau_links
{ 
 padding-left: 190px; 
	float: left; 
	margin-left: 0; 
	position: relative;
	background-color: #781918;
}
.kopfblau_rechts 
{
	
	border-top: #FFF 1px solid; 
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid; 
	padding-right: 0em;
	margin-top: 1px;
	margin-right: 0;
	float: left;
	width: 100%;
	background-color: #781918;
}
.pixelgif
{
 clear: both;
	padding: 0; 
	margin: 0;  
	float: left;
	height: 0px;
	width: 800px; 
	border-style: none;
}

/* Menue im blauen Streifen oben */

.kopfblau_menue
{
	padding: 0; 
	float: left; 
	position: relative;
}
.kopfblau_menue ul
{
	padding-left: 0; 
	padding-bottom: 5px;
	float: left; 
	margin: 0; 
	list-style-type: none;
	position: relative;
}
.kopfblau_menue li
{
 padding: 0.1em 0.5em 0 0.5em; 
	margin: 0; 
	background-image: url(../bilder/000_linie_weiss.gif); 
	background-position: 0em 0em;
	background-repeat: no-repeat; 
	font-family: arial, helvetica, verdana, sans-serif; 
	font-weight: normal; 
	font-size: 0.8em; 
	color: #FFF; 
	float: left;
	position: relative;
}
.kopfblau_button
{
	display: block;
	float: left;
	color: #FFF;
	text-decoration: none;
}

/* Trennlinie */

.linie_schwarz
{
	float: left;
	padding: 1px 0 1px 0;
	margin: 0px;
	width: 100%;
	background-color: #000;
}


/* Gelbe Leiste + gelbes Breadcrumb-Men? oben */

.leiste_gelb
{
	float: left;
	padding: 2px 0 2px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #bd0d26;
}
.navigation_gelb
{
	margin-top: 0.13em;
	float: left;
}
.navigation_gelb ul
{
	padding-left: 190px;
	float: left;
	margin: 0;
	list-style-type: none;
	position: relative;
}
.navigation_gelb li
{
	padding: 0.1em 0.9em 0.1em 0.9em;
	margin: 0; 
	font-weight: normal; font-size: 0.8em; 
	background-image: url(../bilder/000_pfeil_weiss.gif);
	background-repeat: no-repeat; 
	background-position: 0% 50%; 
	float: left; 
	font-family: arial, helvetica, verdana, sans-serif;
	color: #fff; 
	vertical-align: middle; 
	position: relative;
}
.navigation_gelb_button
{
	color: #fff;
	text-decoration: none;
}


/* Navigation links */

.navigation
{
	clear: both;
	padding: 0;
	float: left; width: 100%; 
	position: relative;
}
.navigation_buttons
{
	clear: left;
	margin: 1px 0 0 0;
	float: left;
	width: 166px;
	position: relative;
}
.button
{
	color: #fff;
	font-size: 0.8em;
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #C90;
	text-align: left;
	display: block;
	margin-bottom: 1px;
	padding: 1px 0 1px 10px;
}
.button:hover
{
	color: #fff;
	background-color: #036;
}
.buttonstd
{
	color: #036;
	font-size: 0.8em;
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #FC3;
	text-align: left;
	display: block;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.buttonklgft
{
	display: block; 
	text-align: left;
	margin-bottom: 1px;	 
	padding: 1px 0 1px 10px;
	color: #fff;
 font-size: 0.8em;
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #996;
}
.button_fix
{
	display: block; 
	margin-bottom: 1px;
	padding: 1px 0 1px 25px;
	color: #036;
	font-size: 0.8em;
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #FC6 url(../bilder/000_pfeil_gelb.gif) no-repeat 0 50%;
	text-align: left;
}
.navigation_bild
{
	clear: left;
	float: left;
	border-bottom: 1px solid #FFF;
	width: 166px;
}


/* Text */

.dasbeste
{
	display: block; 
	font-family: arial, helvetica, verdana, sans-serif; 
 color: #fff;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	background: #999;
	text-align: left;
	margin-bottom: 1px;
	padding-top: 1px 0 1px 10px;
}
h1
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #036;
	font-size: 1.2em;
	font-stretch: expanded;
	text-decoration: none;
	text-align: justify;
	display: block;
	margin-bottom: 1px;
	padding: 1px 0 1px 10px;
}
h2
{
	color: #036;
	font-size: 1.0em;
	font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none;
	text-align: left; display: block; margin-bottom: 1px; padding-top: 1px; padding-bottom: 1px;
	padding-left: 0;
}
.text
{ 
 font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	line-height:1.2em;
	letter-spacing:1px;
	background: #fff;
}
a.text 
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #039;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
	line-height:1.2em;
	letter-spacing:1px;
	padding-left: 0px;
}
a.text:hover
{
	color: #C90;
}


/* Aufzaehlungen im Text (z.B. Standorte) */

.navigation_text
{
	clear: left;
	margin-top: 1px;
	float: left;
	width: 500px;
	margin-right: 0px;
	position: relative;
}
.navigation_text_aufz
{
	clear: left;
	margin: 1px 0 0 0;
	float: left;
	width: 500px; 
	position: relative;
}
a.text_aufz
{
	display: block; 
	font-family: verdana, arial, helvetica, sans-serif; 
	color: #781918;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	border: 1px solid #dbdbdb; 
	background: #fbebeb url(../bilder/000_smilie_aufz.png) no-repeat 0 50%;
	line-height:1.8em;
	letter-spacing:1px;
	padding: 0 0 1px 44px; 
	margin-bottom: 2px;
}
a.text_aufz:hover
{
	color: #781918;
	border: 1px solid #bd0226;
	background: #fff url(../bilder/000_smilie_aufz_mo.png) no-repeat 0 50%;
}


/* Bildnachweis */

.foto
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	line-height:10pt;
	letter-spacing:1px;
	padding-left: 0;
}
a.foto
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
	text-align: right;
	line-height:10pt;
	letter-spacing:1px;
	padding-left: 0;
}
a.foto:hover
{
	color: #960;
}
a.dd
{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #333;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	line-height:10px;
}
a.dd:hover
{
	color: #960;
}

/* Tabelle Partner */


.partner_kopf
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003;
	font-size: 8pt;
	font-weight: normal;
	line-height: 10pt;
	text-decoration: none;
	background-color: #FC0;
	text-align: justify;
	padding: 2px;
	vertical-align: top;
	border: 1px solid #33F;
}
.partner, .partner tr, .partner td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;color: #003;
	font-size: 8pt;
	font-weight: normal;
	line-height: 10pt;
	text-decoration: none;
	background-color: #FFC;
	text-align: left;
	padding: 2px;
	vertical-align: top;
	border: 1px solid #33F;
}
.rahmen
{
 border: 1px solid #000;
}