
* {margin : 0; padding : 0;}

body {
	color : #43291c;
	font-family : 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	height : 100%;
	font-size:0.85em;
	margin-top:150px;
	background :#f6f4f2 url(./img/header.jpg) no-repeat top center;}

img {border : none;}

a {color :#B12121; text-decoration:none;}
p {font-size: 0.9em; line-height:150%; margin-bottom:10px;}

h2 {margin-bottom:10px;}
h4 {margin-bottom:5px;}


/* ++++++++++++++ container +++++++++++++++++++++++++++*/
#outer{margin : 0 auto; width : 964px; background: url(./img/bglinks.jpg) repeat-y top left;}
#header {height : 86px; width:964px;}
#sidebar-left {float:left; width:185px; border-left:5px solid transparent;}
#content {float:left; width:490px; min-height:300px; padding:30px 32px 0 32px; background:#f6f4f2;}
#sidebar-right{	float:right; width:218px; background:#f6f4f2;}
#footer{background: url(./img/bglinks.jpg) repeat-y top left; clear:both; height :60px; width:964px; margin:0 auto;}


/* ++++++++++++++ header +++++++++++++++++++++++++++*/

div#headerNavi {background-color:transparent; position:relative;}

#headerNavi ul li { list-style: none; float: left; background-color:#f6f4f2; height:19px;}

#headerNavi ul li a {color:#000; padding:0 4px; font-weight:normal; text-transform:uppercase; font-size:0.8em; letter-spacing:0.05em;}

#headerNavi ul li a:hover {color:red;}

#header h1 {background:url(./img/seitenbummel.jpg) no-repeat; width:964px; height:65px;}
#header h1 span {display:none;}




/* ++++++++++++++ content +++++++++++++++++++++++++++*/
div#content h2 {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;}

div#content ul {margin:0; padding-left:20px;}


div#content ol, div#content ul {font-size: 0.9em; line-height:150%; margin-bottom:10px;}

div#content p {width:450px;}



/* ++++++++++++++ uebersichtsseiten +++++++++++++++++++++++++++*/
.uebersicht {background-color:#fafafa; border-bottom:dotted 1px #333; padding:0; margin-bottom:5px;}
.uebersicht h4 {font-size:1em; font-weight:normal; border-bottom:dotted #fff 1px; margin-bottom:3px; background:#EEEAE5; text-indent:10px;}
.uebersicht p {font-size:0.9em; margin:5px 10px;}

/* ++++++++++++++ rubrik +++++++++++++++++++++++++++*/
.rubrik {background-color:#fafafa; border-bottom:dotted 1px #333; padding:5px 10px 0 10px; margin-bottom:5px; border:#fff solid 1px; border-right-color:#ccc8ba; border-bottom-color:#ccc8ba;}
.rubrik h2 {font-size:1.4em; font-weight:normal; border-bottom:dotted #fff 1px; margin:10px 0;}
.rubrik img {background:#fff; padding:3px; border:#999 solid 1px; float:left; margin:0 10px 20px 0;}
.rubrik p {font-size:0.9em;}




/* ++++++++++++++ sidebar links +++++++++++++++++++++++++++*/

#sidebar-left ul {
	list-style:none; width:auto;}

#sidebar-left ul li a {
	border-bottom:solid 1px #000;
	font-size:0.9em;
	color:#43291c;
	display:block;
  text-indent:20px;
  letter-spacing:0.1em;
  height:1.6em;
  line-height:1.6em;
  background:#fff;}
  
  #sidebar-left ul li a:hover {
	color:#fff;
  background:#123;}

#sidebar-left form {padding:10px 0px 10px 20px; background:#fff;}

#sidebar-left ul li.navSelected a{
	color:#E4C51D;}
	
	
	#sidebar-left div h2  {font-size:1.2em; 	text-transform : uppercase; border-bottom:3px solid #000; background-color:#eeeae5; text-indent:20px;}
	
	/* letzte 10 artikel /////////////////////////////////// */

	#letzteZehn ul {width:auto;}
	#letzteZehn ul li a {border-bottom:none;font-size:0.8em;color:#B12121;display:block;text-indent:0;letter-spacing:0;height:auto;line-height:auto;background:#fff;padding-left:10px;}
	  #letzteZehn ul li a:hover {
  color:#fff;
  background:#B12121;}
  
  	/* suche /////////////////////////////////// */
#sidebar-left input {border:#000 1px solid; 	font-family : 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; font-size:0.8em;}









/* ++++++++++++++ sidebar rechts +++++++++++++++++++++++++++*/
#sidebar-right div  {border:#ccc8ba solid 1px; border-bottom:#a4a197 solid 1px; background :#eeeae5 url(./img/weiss.gif) repeat-x top left; padding:10px; 	font-size:0.9em; margin-bottom:2px;}

#sidebar-right ul {list-style-type:none;}

#sidebar-right h2 {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.5em; margin-bottom:5px;}

#sidebar-right div.kiek li{border-bottom:#000 dotted 1px; margin-bottom:5px;}

#sidebar-right a {font-weight:bold; color:#ad1a20;}


#sidebar-right div#aktion  {background :#fff url(http://www.seitenbummel.de/wp-content/uploads/2009/10/teaser.gif) no-repeat 0px 30px; min-height:200px;padding:0px;}

#sidebar-right div#monatsbild  {background :#fff url(http://www.seitenbummel.de/wp-content/uploads/2009/10/monatsbild.jpg) no-repeat 0px 30px; min-height:200px;padding:0px;}

#sidebar-right #aktion p { padding:7px 0 0px 7px;}

#sidebar-right big { font-weight:bold;}

#sidebar-right img {background:#f6f4f2; border:solid 1px #fff; padding:2px; margin:3px 0 0;}





/* ++++++++++++++ dit + dat +++++++++++++++++++++++++++*/
.alignleft {margin:10px 0; font-size:0.85em;}
.alignright {margin:10px 0; font-size:0.85em; text-align:right;}
.aufraeum {clear:both;}

.startkasten {border: 1px solid #d7d3d3; width:215px; margin:15px 10px 0 0; float: left; background:#fff;}
.startkasten h5 {font-size:0.9em; padding:5px 0 0 5px;}
div#content .startkasten p {width:210px; padding:0 5px;}

p.linie {border-top:dotted 1px #43291c; padding-top:15px; margin-top:15px;}








/* END SIDEBARDEF*/


#menu {
	background : #FFFFFF;
	border-left : 1px dotted #CCCCCC;
	border-top : 3px solid #E0E6E0;
	padding : 20px 0 10px 30px;
	position : absolute;
	right : 2px;
	top : 0;
	width : 11em;
}

#menu form {
	margin : 0 0 0 13px;
}

#menu input#s {
	background : #EEEEEE;
	border : 1px solid #999999;
	color : #000000;
	width : 80%;
}

#menu ul {
	color : #CCCCCC;
	font-weight : bold;
	list-style-type : none;
	margin : 0;
	padding-left : 0;
	text-transform : lowercase;
}

#menu ul li {
	/*border-bottom: dotted 1px #ccc;
*/
	font : italic normal 'Times New Roman', Times, serif;
	letter-spacing : 0.1em;
	margin-top : 10px;
	padding-bottom : 2px;
}


#menu ul ul li a {
	color : #000000;
	text-decoration : none;
}

#menu ul ul li a:hover {
	border-bottom : 1px solid #809080;
}

#menu ul ul ul.children {
	padding-left : 4px;
}



