/*

 Projekt:		Bäckerei Bahnsen

 copyright:		°° zweikreis.de :: mediendesign

*/


/* ### undo ######################################################## */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,body,html { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; }

/* ################################################################  */


html {
	margin-bottom:1px;
	height:100%;
}

.clear {clear:both;}

body {
	font-family:Verdana, Arial, Helvetica, sans;
	font-size:x-small;
	background:#FFFFFF url(./pics/hint.gif) repeat-x left top;
}

#website {
	display:block;
	width:998px;
	margin:0 auto;
}

#left {
	display:block; 
	float:left;
	width:640px;
	padding:0px 0px 0 20px;
	
}

#right {
	display:block; 
	float:left;
	width:308px;
}

#right_content {
	display:block; 
	float:right;
	width:287px;
	padding:10px 0px 15px 5px;
	margin-bottom:20px;
	border:1px solid #C7B285;
	background:#FFFCE1;
}

#right_content h1 {
	display:block; 
	padding:5px 0 13px 0; 
}

#right_content p{
	margin:0 0 5px 0px;
}

#right_content .flleft{
	display:block;
	float:left;
	margin:0px 10px 0px 10px;
}

#right_content .redlefsen {	
	float:left;
}
#head {
	display:block;
	float:left;
	width:100%;
	height:170px;
	background:url(./pics/head_hint.gif) no-repeat center top;
}
#logo{
	margin-left:395px;
	margin-top:15px;
}

#content {
	display:block;
	float:left;
	font-size:1.1em;
	color:#515151;
	padding:0 20px 10px 10px;
	width:620px;
	border-bottom:1px solid #C7B285;
}




/* +++++++++++++++ Content +++++++++++++++++ */

.flright{
	display:block;
	float:right;
	margin:0px 0px 10px 20px;
	padding:5px;
	color:#FFFFFF;
}

#content .flleft{
	display:block;
	float:left;
	margin:0px 15px 5px 10px;
}

#content p{
	margin:0 0 20px 10px;
	line-height:1.4em;
	text-align:justify;
}

#content .flright p{
	display:block;
	margin-left:0px;
	font-size:0.8em;
	margin:6px 0px 6px 3px;
}

#content .klein {
	display:block;
	font-size:0.9em;
	line-height:1.4em;
	margin-bottom:20px;
	text-align:left;
}

#content ul {
	display:block;
	padding:5px 0 20px 0;
}

#content ul li {
	display:block;
	padding-left:20px;
	padding-bottom:8px;
	line-height:1.3em;
	background:url(./pics/li.gif) no-repeat left 2px;
}

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

#content a:hover {
	color:#E8BA9C;
	text-decoration:none;
}

#content h1 {
	font-size:14px;
	font-weight:bold;
	color:#222222;
	padding:20px 0 20px 0px;
	}

#content h2 {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#555555;
	margin:0 0 10px 10px;
}

#content h3 {
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#555555;
	padding:5px 0 5px 10px;
	line-height:1.2em;
}

#chronik{
	margin:0 0 30px 10px;
}

#chronik p {
	text-align:left;
	margin:2px 0 8px 0;
	padding:0;
}

#chronik .chronik_text {
	border-top:1px solid #C7B285;
	padding:5px 10px 5px 5px;
}

#chronik .chronik_jahr {
	border-top:1px solid #C7B285;
	vertical-align:top;
	font-weight:bold;
	font-size:15px;
	padding-top:8px;
	width:120px;
	color:#AAAAAA;
}

.seitenanfang a,
.seitenanfang a:link {
	display:block;
	float:right;
	padding:10px 0 10px 10px;
}

.anfahrtlinks{
	display:block;
	width:200px;
	float:right;
	margin-top:10px;
}

.anfahrtlinks a,
.anfahrtlinks a:link {
	clear:both;
	display:block;
	text-align:right;
	float:right;
	width:150px;
	padding:5px 0px 5px 20px;
	font-weight:bold;
	font-size:1.1em;
	background:url(./pics/anfahrt.gif) no-repeat left 5px;
}

/* Mitarbeiter */

#mitarb {
	display:block;
	float:left;
	margin-left:15px;
	width:190px;
	height:180px;
	
}

#mitarb .bild {
	display:block;
}

#mitarb .name{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:2px;

}

#mitarb .aufgabe{
	display:block;
}

#oeff {
	display:block;
	float:right;
	font-size:1em;
}

/* NAVIGATION
****************************************/

.toplinks {
	display:block;
	position:absolute;
	top:0px;
	right:10px;
}

.toplinks,
.toplinks a,
.toplinks a:link {
	color:#A1B3D6;
	padding:10px 5px;
}

.toplinks a:hover {
	text-decoration:underline;
}

.toplinks a.current {
	color:#7D94C1;
}

#menue {
	display:block;
	float:left;
	width:650px;
	height:22px;
	padding:6px 0px 5px 0px;
	margin-bottom:3px;
	margin-top:10px;
	background:url(./pics/menue_hint.gif) no-repeat left top;
}

/* ### nav1st - first level navigation ######################################## */


.hidden {
	visibility:hidden;
}

ul.nav1st {   
}

ul.nav1st li {
	display: block;
	float:left;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	float:left;
	height:22px;
	padding:0;
	margin:0px;
	background:url(./pics/links.gif);
}

ul.nav1st li a.homelink{
	width:81px;
	background-position: 0px 0px;
}


ul.nav1st li a.link1{
	width:117px;
	background-position: -81px 0px;
}
ul.nav1st li a.link2 {
	width:109px;
	background-position: -198px 0px;
}
ul.nav1st li a.link3 {
	width:109px;
	background-position: -307px 0px;
}
ul.nav1st li a.link4 {
	width:99px;
	background-position: -416px 0px;
}
ul.nav1st li a.link5 {
	width:130px;
	background-position: -515px 0px;
}

ul.nav1st li a.homelink:hover{
	background-position: 0px -22px;
}

ul.nav1st li a.link1:hover{
	background-position: -81px -22px;
}
ul.nav1st li a.link2:hover{
	background-position: -198px -22px;
}
ul.nav1st li a.link3:hover{
	background-position: -307px -22px;
}
ul.nav1st li a.link4:hover{
	background-position: -416px -22px;
}
ul.nav1st li a.link5:hover {
	background-position: -515px -22px;
}


/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	width:170px;
	float:left;
	padding-left:30px;
	font-size:11px;
	font-weight:normal;
}

ul.nav2nd li {
	display: block;
	padding:0;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	width:170px;
	display: block;
	color:#000078;
	letter-spacing:1px;
	text-align:left;
	padding:4px 0;
}


ul.nav2nd a:hover {
	text-decoration:underline;
}

ul.nav2nd li a.current, 
ul.nav2nd li a.current:link,
ul.nav2nd li a.current:hover {
	color:#FFB21A;

}


/* ### nav3rd - third level navigation ######################################### */

ul.nav3rd {
	margin-top:21px;
	width:180px;
	font-size:1em;
	font-weight:normal;
}

ul.nav3rd li {
	display: block;
	padding:0;
}

ul.nav3rd a, 
ul.nav3rd a:link {
	width:180px;
	display: block;
	color:#000078;
	letter-spacing:1px;
	text-align:right;
	padding:4px 0;
}


ul.nav3rd a:hover {
	text-decoration:underline;
}

ul.nav3rd li a.current, 
ul.nav3rd li a.current:link,
ul.nav3rd li a.current:hover {
	color:#FFB21A;

}