/* CSS-Datei für www.tantelu.de  03/2008 Martin Rieger - Rieger-Lampprecht GbR <www.rieger-lampprecht.de> */
/* ************************************* */


/* body */
html {
min-height: 100.1%;
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16.5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	background-image:url(../img/bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
    }
	
	p, td, th, h1, h2, h3, h4 {
	font-size:12px;
	margin:0;
	padding:0;
	margin-left:0px;
	margin-right:0px;
	}
	p, li {
	margin-bottom:10px;
	margin-top:10px;
	line-height:1.5em;
	}

	
	h2 {
    font-family: "Verdana", serif; font-style: normal; font-weight: bold; text-transform: none;
	font-size:14px;
	color: #651D0F;
	letter-spacing:0.05em;
	margin-left:0px;
	margin-right:0px;
	margin-top:36px;
	margin-bottom:10px;
	float:none;
	}
	
	.headercontent {
	border-bottom: 2px solid rgb(101, 29, 15); display: block; margin-left:0px; margin-top:11px;
	}
	
	.eintrag{
	background-image:url(../img/inputbg.gif);
	border: 1px solid #999999;
	padding:4px;
    }
	
	.searchsubmit {
	margin : 0;
	padding : 0 0 3px 3px;
	border : 0;
	vertical-align : middle;
	} 
	
	textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	a {
	/*color:#FF8A00;*/
	color:#5673AD;
	}
	
	a.red, a.red:link, a.red:active, a.red:visited {
    color:#CC0000;
    text-decoration:underline;
    }

	a.red:hover {
	color:#CC0000;
    text-decoration:underline;
	}
	

#header {
position:relative; 
width:920px; 
height:172px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px;
}

#header-logo {
position:absolute; 
right:0px; 
top:0px;
}

#header-muster {
position:absolute; 
left:8px; 
top:0px;
}

#header-suche {
position:absolute; 
left:0px;
bottom:0px;
width:100%;

height:40px;
}

#navigation-top {
position:absolute;
left:0px;
top:98px;
}
#navigation-bottom {
clear:both; background-image:url(../img-style/navi-back-bottom.jpg); background-repeat:no-repeat; background-position:bottom; padding-top:20px;
}

a.navi_main, a.navi_main_ac, a.navi_main:link, a.navi_main:visited, a.navi_main:active {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#972D17;
padding:9px 8px 7px 8px;
text-decoration : none;
float:left;
font-weight:bold;
}

a.navi_main_ac {
   font-weight:bold;
   color:#972D17;
   background-image:url(../img/bg-navi.gif);
background-position:bottom center;
background-repeat:no-repeat;
  }

a.navi_main:hover {
font-weight:bold;
color:#651D0F;
}


img{
border:0;
}

form {
padding:0px;
margin:0px;
}

#main {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:920px; 
margin-left: auto; 
margin-right: auto;
min-height:300px;
padding-top:20px;
padding-bottom:20px;
height:auto !important;  /* für moderne Browser */
height:300px;  /*für den IE */
}   

#content {
width:650px; 
float:left;
}

#right-box {
float:right;
width:250px;
}

#loginbox {
width:250px;
height:150px;
background-image:url(../img/bg-login.gif);
background-repeat:no-repeat;
color:#FFFFFF;
}

#mymenuetop {
width:250px;
height:13px;
background-image:url(../img/bg-mymenuetop.gif);
background-repeat:no-repeat;
}
#mymenue {
width:250px;
background-image:url(../img/bg-mymenuemiddle.gif);
background-repeat:repeat-y;
color:#FFFFFF;
}
#mymenue td{
color:#FFFFFF;
}
#mymenue a{
color:#FFFFFF;
}
#mymenuebottom {
width:250px;
height:11px;
background-image:url(../img/bg-mymenuebottom.gif);
background-repeat:no-repeat;
}

#tagbox {
margin-top:20px;
width:250px;
background-image:url(../img/bg-tagbox.gif);
background-repeat:no-repeat;
background-color:#651D0F;
color:#FFFFFF;
line-height:2.0em;
}

#tagbox-footer {
width:250px;
height:20px;
background-image:url(../img/bg-tagbox-footer.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#651D0F;
color:#FFFFFF;
}

#info {
background-image:url(../img/bg-info.gif); 
background-repeat:no-repeat;
width:650px;
height:150px;
}

#info p {
margin-left:120px;
margin-right:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:12px;
line-height:1.5em;
}

#inhalt-navi {
margin:10px;
border-bottom:1px dashed #CCCCCC;
padding-bottom:10px;
}

.inhalt-navi-bottom {
display:block; text-align:right;
}

a.inhalt-navi,a.inhalt-navi:link, a.inhalt-navi:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#666666;
}
#inhalt-navi-aktiv {
text-decoration:none;
color:#A60000;
}



#footer {
position:relative;
clear:both; 
width:900px; 
margin-left: auto; 
margin-right: auto;
}

#footer-inhalt {
position:relative;
margin-top:2px;
border-top:1px dashed #CCCCCC;
padding-top:5px;
width:850px; 
margin-left: auto; 
margin-right: auto;
font-size:11px;
color:#666666;
}


		
		
		
#bottom {
position:relative;
width: 100%;
min-height:250px;
height:auto !important;  /* für moderne Browser */
height:250px;  /*für den IE */
text-align: center;
color: #7e6756;
background: #D8D4AE url(../img/bg-footer.jpg) top repeat-x;
}
#footer, #footer a {
  width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: left;
  color: #7e6756;   
}
#footer a:hover {
  color: #ffffff;
}
#footer_picspack_cnt {
  width: 155px;
  height: 180px;
  line-height: 18px;
  float: left;
  font-size: 12px;
  font-weight: normal;
}
#footer_pics_cnt {
  width: 525px;
  height: 180px;
  line-height: 18px;  
  float: left;
  border-left: 1px dashed #7e6756;
  padding-left: 10px;
  font-size: 11px;
  font-weight: normal;
  color:#A58D7C;
}
#footer_pics_cnt a {
  font-size: 11px;
  font-weight: normal;
  color:#A58D7C;
}
#footer_user_cnt {
  width: 150px;
  height: 180px;
  line-height: 18px;
  float: left;
  border-left: 1px dashed #7e6756;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
}
#footer_bookmarks_cnt {
  width: 135px;
  height: 180px;
  line-height: 18px;
  float: left;   
  border-left: 1px dashed #7e6756;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
}
#footer_friends_cnt {
  width: 360px;
  height: 180px;
  line-height: 18px;  
  float: left;   
  border-left: 1px dashed #7e6756;
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
}