@import url(http://www.mannheimer-kleinanzeigen.de/anzeigen/templates/styles/assets/global.css);


/*Formatierung der Kopfbereiches*/

	
	
	#lonav {text-align: right;
		width: 900px;
		padding: 0 68px 0 0;}
		
	#lonav ul {
		display: block; float:right; 
		z-index: 2;
		 padding: 0 0 13px 0; margin:0;
		vertical-align: middle; font-size: 12px;

		}
	
	#lonav li {
		float: right;
		margin: 1px 0 0 1px; padding: 0 8px 0 0;
		list-style: none; }

	#lonav li a, #header li a:visited {
		display: block; 
		margin: 0; padding: 4px 0 3px 8px;
		text-decoration: none; line-height: 120%;color:#666666;}
				
	#lonav li a:hover, #header li a:active, #header li a:focus {color:#1c46eb;}


/*Formatierung des Footers*/

	#footer {font-size:70%; margin-left:300px;}
	#footer ul {float:left; margin:0; padding:0; list-style:none;}
	#footer ul li {float:left; margin:0; padding:2px;}
	#footer ul li a {float:left; display:block; margin:0; padding:6px; color:#333; text-decoration:none;}
	#footer ul li a:hover {text-decoration:underline; }
	#footer p {clear:both; padding:0 10px; margin:0;}



/* main */


#main {font-size:90%;}

#col321 {width:390px; float:left;}
#col322 {width:280px; float:right;}
#col321 h2 {font-size:115%; margin:0; padding:0;}


/*dispalylinks.tpl*/
.recip, .regular {margin:20px 0; border-bottom:1px solid #cccccc; padding:5px;}
.att {float:right;margin: 5px 0 5px 5px; padding:3px 3px 15px 3px; border:1px solid #cccccc;}
h2 a {color:#0000ff;}

.Angebot, .Gesucht {float:right; color:#ffffcc;  font:bold 13px verdana,sans-serif;  background:#ff0000; margin:2px; padding:5px;}
.Gesucht {background:#0000ff;}

.c {clear:both;}


.category
{width:170px;
float:left;
 padding: 5px 15px 10px 0;
 font:normal 100% verdana,sans-serif;

 }
.category h2 a {font:bold 90% verdana,sans-serif; margin:0px; padding:2px 0; text-decoration:underline; color:#0066ff;}
.category h2 {font-weight:normal;}
.category a {text-decoration:none; color:#333333;}
.category a:hover {text-decoration:underline; color:#ff3300;}

#maincat .category {width:150px; padding:0; margin:0 15px 0 5px;}
#maincat .category h1 a {font-size:80%;}
#maincat .category h1 a {border:0px solid #ffffff; display:inline; text-decoration:none; color:#0066ff; margin:0; }

#mainstart .category a {margin:0 0 0 5px;font:bold 100% verdana,sans-serif;
color:#0066ff; text-decoration:underline; display:block; float:left; width:160px; padding:3px 0; height:20px;}


/*details.tpl*/

b {color:#ff6633;}
#col321details {width:320px; float:left; padding:0px 5px;}
#col321details h1 {font-size:110%; margin:0; padding:0 0 5px 0; color:#ff6633;}
#col322details {width:280px; float:right;}


.detailattach {width:270px; border:1px solid #cccccc; margin-bottom:20px; padding:0; padding-bottom:5px; text-align:left; background: #ffffff url(http://www.quadrate-stadt.de/assets/polaroid.gif) bottom right;}
.detailattach img {margin:0px 10px; padding:0;}
.detailattach div {margin:5px 11px;}
.detailattach div a:link {font-size:110%; color:#0000ff; text-decoration:none; display:block; }
.detailattach div a:hover {color:#ff3300;}
.detailattach div a:visited {text-decoration:none;}

.detailattach a img {margin:0;}
.detailattach span a {display:inline; margin:0 10px;font-size:90%; text-decoration:underline; color:#333333; padding:0px; text-algin:right;}





.navbutton
{
 float: right;
 background: #FFFFFF;
 border: 1px solid #BBBBC5;
 padding: 4px;
 margin: 2px;
 font-size: 12px;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
 text-decoration: none;
 color: #004477;
 padding: 2px;
}

.navbutton a:hover
{
 color: #774444;
 text-decoration: underline;
 padding: 2px;
}



INPUT 
{
 background: #E6E6EE; 
 border-color: #777777;
 border-style: solid;
 border-width: 1px;
 color: #333333;
 font-size: 11px;
}

SELECT
{
 background: #E6E6EE; 
 border-color: #777777;
 color: #333333;
 font-size: 11px;
}

TEXTAREA
{
 background: #E6E6EE; 
 border-color: #777777;
 border-style: solid;
 border-width: 1px;
 color: #333333;
 font-size: 11px;
}

.button
{
 border: outset 2px #F8F8F8;
 color: #000000;
 font-weight: bold;
 background-color: #C0D1E5;
}

P
{
 font: 100& verdana,sans-serif;
}



.incomplete
{
 background-color: #FFCCCC;
 color: #000000;
}

.required
{
 border-color: #C05555;
}

.nav, .nav a
{
 font-size: 100%; color:#999999;
}


.suggest
{
 font-size: 100%;
 border-style: solid;
 border-width: 1px;
 border-color: #F4F5F5;
}

.link
{
 padding: 10px;
 font-size: 100%;
 border: 1px dotted #BBBBBB;
 background-color: #F3F3F3;
}



.commentposter
{
 font-size: 100%;
 background-color: #D5D8E0;
 border-style: outset;
 border-width: 2px;
 border-color: #DDDDDF;
}

.comment
{
 padding: 5px;
 font-size: 100%;
 background-color: #C5CDD8;
 border-style: solid;
 border-width: 2px;
 border-color: #DFE1E2;
}

.commentposteralternate
{
 font-size: 100%;
 background-color: #D9DCE4;
 border-style: outset;
 border-width: 2px;
 border-color: #DDDDDF;
}

.commentalternate
{
 padding: 5px;
 font-size: 100%;
 background: #C9D2DC;
 border-style: solid;
 border-width: 2px;
 border-color: #DFE1E2;
}

.commentdate
{
 font-size: 80%;
 font-style: italic;
}

.details
{
 padding: 10px;
 margin: 10px 0;
 background: #FDFEFF;
 border:1px solid #cccccc;
}

.detailsborder
{
 padding:10px;
 border-style: solid;
 border-width: 1px;
 border-color: #ccccff;
}

.labels
{
 font-weight: bold;
}

.grouping
{
 border-style: inset;
 border-width: 1px;
 border-color: #DDDDDD;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
}

.columnheader
{

}

.highlighttext
{
 background-color: yellow;
 font-weight: bold;
}

.labelscolumn
{
 width: 30%;

 border-bottom:1px solid #CCCCCC;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 70%;
 
border-bottom:1px solid #CCCCCC;
 vertical-align: top;
 padding: 5px;
}
.optionscolumn input {margin:1px 0;}


.evencolumns
{
 background-color: #D3D6DA;
}

.oddcolumns
{
 background-color: #E3E7ED;
}


.info
{
 display: block;
 color: #000000;
 border: solid 1px #D2D5D8;
 background-color: #FAFBFC;
 padding: 5px;
}

.editedby
{
 font-size: 80%;
}

.searchhighlight
{
 background-color: yellow;
}

.modified
{
 color:#668866;
}

.title
{
 font-size: 120%;
 padding: 3px;
 font-weight: bold;
 text-align: center;
 color: #000000;
}

.newpmhighlight
{
 font-weight: bold;
}

.quote
{
 text-align: left;
 padding: 2px;
 border-color: #DCEEE1;
 border-style: solid;
 border-width: 1px;
 margin: 3px;
}

.quoteby
{
 font-size: 90%;
}

.posthistory
{
 border: 1px; 
 background-color: #DDDDDD;
 border-color: #666969;
 overflow: auto;
 width: 100%;
 height: 300px;
}

.historyposter
{
 border: 2px; 
 border-style: inset;
 border-color: #66F5FF;
}

.historypost
{
 border: 2px; 
 border-style: inset;
 border-color: #66FFFF;
}

.deletions
{
 width: 50%;
 background: #F5F6F6;
 padding: 5px;
 color: #000000;
 border-color: #9999BB;
 border-style: dotted;
 border-width: 1px;
 margin: 0 auto;
 text-align: center;
}

.homenav
{
 display: block;
 border: 1px solid #ccc;
 background-color: #eeeef3; 
 color: #55555a;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.homenav:hover
{
 display: block;
 border: 1px solid #ccc;
 background-color: #d7d7f2;
 color: #222;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav
{
 display: block;
 border: 1px solid #ccc;
 background-color: #eeeef3; 
 color: #55555a;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav:hover
{
 display: block;
 border: 1px solid #ccc;
 background-color: #d7d7f2;
 color: #222;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.code
{
 text-align: left;
 font-family: monospace;
 font-size: 90%;
 background: #EEEEEF;
 padding: 2px;
 border-color: #CCDED1;
 border-style: solid;
 border-width: 1px;
 margin: 10px;
 overflow: auto;
}

.areaheader
{
 background-color: #E0E0F5;
}

.areafooter
{
 background-color: #EFF3F6;
}

.imtextself
{
 color: #006600;
}

.imtextother
{
 color: #000088;
}

.invisibleuser
{
 color: #999999;
}

.admincolor
{
 color: #8899FF;
 font-weight: bold;
}

.modcolor
{
 color: #AA3333;
}

.sponsorcolor
{
 color: #11BB33;
}

.bannedcolor
{
 color: #777777;
}

.rteImage 
{
 background: #D3D3D3;
 border: 1px solid #D3D3D3;
 cursor: pointer;
}

.rteImageRaised, .rteImage:hover 
{
 background: #D3D3D3;
 border: 1px outset;
 cursor: pointer;
}

.rteImageLowered, .rteImage:active 
{
 background: #D3D3D3;
 border: 1px inset;
 cursor: pointer;
}

.rteVertSep 
{
 margin: 0 4px 0 4px;
}

.rteBack 
{
 background: #D3D3D3;
 border: 1px outset;
 letter-spacing: 0;
 padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td 
{
 background: #D3D3D3;
 padding: 0;
}

.rteDiv 
{
 display: block;
 position: relative;
}

.legend
{
 padding: 10px;
 margin: 10px;
 font-size: 100%;
 border-style: solid;
 border-width: 1px;
 border-color: #007788;
 width: 250px;
}

.mutualbuddy
{
 font-weight: bold;
}

.smiliebox
{
 border-style: dotted;
 border-width: 1px;
 background-color: #DFDFDF;
 border-color: #AAAAAA;
 padding: 10px;
 text-align: left;
 width: 140px;
}

.adbanner
{
 float: right;
 width: 50%;
}

.linktools
{
 font-size: 90%;
 color: #999999;
}

.linktools
ul {list-style:none; font-size:120%; margin:0 10px; padding:0;}
.linktools ul li {line-height:20px;}


.linktools a
{
 text-decoration: none;
 color: #333333; padding: 0 5px 0 0; white-space: nowrap;
}

.linktools a:hover
{color: #0000ff;}

.subcatsmainpage
{
 font-size: 90%;
 margin: 0px;
 padding: 3px;
}

.login
{
 font-size: 90%;
 background-color: #E0E9F8;
 border-color: #7090F0;
 border-style: solid;
 border-width: 1px;
 float: right;
 padding: 5px;
}

.sort
{
 text-align: center;
 border-width: 1px;
 border-style: solid none solid none;
 border-color: #D7DFE8;
 padding: 3px;
 margin: 5px;
}

.box
{background: #F3F3F3; 
 margin-bottom: 10px;
 border:1px solid #cccccc;
}

.boxtitle
{padding:1px;
 background-color: #ccccff;
 cursor: pointer;
 font-weight: bold;
 color: #ff6600;
}

.boxbody
{
 padding: 5px;
}

.newlinks
{
}

.bullet
{
 vertical-align: middle;
}

.minilabels
{
 font-style: italic;
}

.tableheader
{ background-color: #ccccff;
 border: 1px solid #cccccc;
 color: #ff6600;
 padding-left: 10px 5px;
 text-align:left;
 font:bold 100% verdana,sans-serif;
}

.month 
{
 border-style: none;
 background-color: #E4E4E4;
 text-align: center;
 width: 90%;
}

.monthname 
{
 text-align: center;
 font-size: 13px;
 font-weight: bold;
 background-color: #DADADA;
 color: #5D5D5D;
 border-style: outset;
 border-width:1px
}

.dayname td 
{
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 background-color: #3E97CF;
 color: #FFFFFF;
 border-style: outset;
 border-width:1px
}

.datepicker { }

.datepickerform {	margin: 0px; }

.monthnavigation { font-family: Tahoma, Arial, sans-serif; }

.monthpicker 
{
 font-size: 11px;
 background-color: #EEEEEE;
}

.yearpicker 
{
 font-size: 11px;
 background-color: #EEEEEE;
}

.pickerbutton 
{
 font-size: 11px;
 background-color: #EEEEEE;
 border-style: solid;
 border-color: #000000;
 border-width: 1px;
}

.nomonthday 
{
 text-align: center;
 font-size: 10px;
 height: 60px;
 width: 10%;
 color: #AAAAAA;
 vertical-align: top;
}

.monthday 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #E4E4E4;
 color: #384955;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.today 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #BCC5C7;
 color: #FFFFFF;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 color: blue;
 background-color: #E9E9E9;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event a 
{
 color: #113355;
}

.todayevent 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 color: red;
 background-color: #FFFF99;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.todayevent a 
{
 background-color: #FFFF99;
 color: red;
}

.eventcontent 
{
 font-size: 90%;
 border-style: outset;
 border-width: 1px;
 width: 100%;
}

.rules
{
 border-width: 2px;
 border-color: #FFAAAA;
 border-style: solid;
 background-color: #EEEEF5;
 padding: 5px;
 margin: 5px;
 font-size: 120%;
}

.flatbutton
{
 border-style: solid;
 background-color: #EEF2F5;
}

.threadbottom
{
 border-width: 0px;
 background-color: #E0E6F1;
}