/* 
================================================
Maklero CSS
Autor:  Sven Wietheger
Datum: 23.11.2009
================================================
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;

}


.vorlagendownload {	
	background:url(../img/download.gif) no-repeat 0px 5px; 
	padding:9px 0px 5px 55px; 
	margin:5px 0px; 
	min-height:40px;
	border-bottom:1px solid #5b5149;
	cursor:pointer;
}

.vorlagendownload h3 {
	font-size:16px;
	margin:0px;
}

.kommentare {
	display:none;
}

.sideicon {
	background:#f3f1f1; 
	border-bottom:1px solid #000000;
}

#optionssmallcontainer img {
	margin-left:10px;
}

.printoptions span {
	margin-right:10px;
	white-space:nowrap;
}

.sidemenu {
	background:#f3f1f1 url(../img/menuback.jpg) left top; 
	border-bottom:1px solid #000000; 
	text-transform:uppercase;
}

small {
	text-transform:none;
	font-size:10px;
}

small a {
	text-transform:none;
	font-size:10px;
}

.visitenkarte {
	position:relative;
	width:295px;
	height:245px;
	background:url(../img/visitenkarte.gif) no-repeat top left;
	float:left;
	margin:0px;
	text-align:left;
}

.visitenkarte strong {
	font-size:12px;
	line-height:13px;
}

.visitenkarte td {
	padding-right:15px;
	font-size:11px;
	line-height:12px;
}

.visitenkarte div.kontakt {
	padding:15px 15px 21px 15px;
	font-size:11px;
	line-height:12px;
	position:absolute;
	bottom:0px;
}

.visitenkarte div.info {
	padding:3px;
	font-size:11px;
	line-height:12px;
	background:#eeeeee;
	width:250px;
	border:1px solid #bbbbbb;
	margin:6px 0px 0px 0px;
	text-align:center;
}
.visitenkarte img.logo { 
	float:right;
	margin:38px 15px 0px 0px;
}

.visitenkarte span { 
	position:absolute;
	color:#888888;
	padding:8px;
	font-weight:bold;
}

.frage {
	background:#9900CC;
	color:#FFFFFF; 
	font-size:16px;
	font-weight:bold;
	padding:20px;
	margin:10px;
}

.orange {
	background:#fdca80;
	border:3px solid #ef8001;
	display:block;
	font-size:14px;
	padding:10px;
	margin:5px;
}

.saved {
	background:#006600;  
	display:block;
	color:#FFFFFF; 
	font-size:11px;
	padding:10px;
}

.saveerror {
	background:#990000; 
	display:block;
	color:#FFFFFF; 
	font-size:11px;
	padding:10px;
}

.alert {
	color:#990000; 
	font-size:11px;
}

td {
	font-size:12px;
}

td a {
	font-size:12px;
	color:#000000;
}

img {
	border:0px;
}

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

.eingabe {
	border:1px solid #807e7a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.eingabefehler {
	border:1px solid #990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.eingabe:hover {
	border:1px solid #000000;
	background-color:#f7f7f7;
}

select {
	border:1px solid #7dafc7;
	font-family:Arial, Helvetica, sans-serif;
}

.maklero {
	margin:0px; 
	background:url(../img/hintergrund.gif) #000000 top repeat-x;
}

.header {
	height:106px; 
	font-size:13px; 
	color:#6f6f6e; 
	background:#ffffff url(../img/schatten-oben.gif) bottom repeat-x;
}

.startheader {
	height:106px; 
	font-size:13px; 
	color:#6f6f6e; 
}


.meinung {
	width:327px;
	background:#FFFFFF url(../img/meinung-unten.jpg) bottom left no-repeat;
	color:#000000;
	margin-bottom:9px;
	display:block;
}

.meinung div {
	padding:15px;
	background:url(../img/meinung-oben.jpg) top left no-repeat;
}

.meinung div em {
	margin-bottom:4px;
	display:block;
}

.text {
	width:584px;
	background:#FFFFFF url(../img/text-unten.jpg) bottom left no-repeat;
	color:#000000;
	margin-bottom:9px;
	display:block;
}

.text div {
	padding:15px;
	background:url(../img/text-oben.jpg) top left no-repeat;
}

.text div em {
	margin-bottom:4px;
	display:block;
}

#listticker{
	padding:0px;
	margin:0px;
	height:400px;
	overflow:hidden;
}

.verlauf {
	width:327px; 
	height:400px; 
	position:absolute; 
	background:url(../img/verlauf.png) bottom repeat-x;
}

* html .verlauf {
	background:url(../img/verlauf.gif) bottom repeat-x;
}


#listticker li{
	border:0px; margin:0px; padding:0px; list-style:none;
}

	#listticker li{
		width:327px;
		background:#FFFFFF url(../img/meinung-unten.jpg) bottom left no-repeat;
		color:#000000;
		margin-bottom:9px;
	}
	#listticker div {
		padding:15px;
		background:url(../img/meinung-oben.jpg) top left no-repeat;
	}
	
	#listticker div em {
		margin-bottom:4px;
		display:block;
	}



.probleme {
	float:right; 
	margin:75px 25px 0px 0px;
}

.probleme strong {
	color:#f0920f; 
	font-size:18px;
}

.probleme a {
	color:#6f6f6e; 
}

.probleme span {
	font-size:15px;
	font-weight:bold;
}

#mail {
	display:none; 
	position:absolute; 
	margin-top:22px; 
	z-index:20; 
	width:356px; 
	border:5px solid #f0920f; 
	background-color:#eeeeee;
}

.reiter {
	padding:5px 2px;
	text-align:center;
	border:1px solid #ffffff;
	background:url(../img/reiterback.gif) top left no-repeat;
	font-weight:bold;
	color:#000000;
	font-size:15px;
	text-transform:uppercase;
}

.reiter a {
	font-weight:bold;
	color:#000000;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
}

.reiter_an {
	padding:5px 2px; 
	text-align:center; 
	border:1px solid #ffffff; 
	background:url(../img/reiterback.gif) top repeat-x #000000; 
	font-weight:bold; 
	color:#FFFFFF; 
	font-size:15px; 
	text-transform:uppercase;
}

.reiter_an a {
	font-weight:bold;
	color:#FFFFFF;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
}

.barschatten {
	position:absolute;
}
.barschatten div {
	position:relative;
	left:-4px;
	height:41px;
	width:4px;
	background:url(../img/barschattenlinks.gif) right top;
}

.headline {
	border:1px solid #ffffff;
	border-bottom:0px;
	background:url(../img/header.gif) top repeat-x #000000;
	color:#FFFFFF;
	height:39px;
	text-transform:uppercase;
	font-size:18px;
}

.headline strong {
	padding:9px 18px; 
	display:block;
}

#barcontent {
	overflow:hidden;
	background:url(../img/barschattenlinks.gif) top left no-repeat; 
	position:relative; 
	top:-2px;
}

.greyline {
	border-top:1px solid #5b5149;
}

#rightbar {
	background:#ffffff url(../img/barback.gif) left repeat-y; 
	vertical-align:top; 
	overflow:hidden;
}

.bs1 {
	float:right;
}
.bs2 {
	position:absolute; 
	z-index:5;
}
.bs3 {
	position:relative; 
	left:-1px; 
	height:41px; 
	width:6px; 
	background:#ffffff url(../img/barschattenlinks.gif) 1px top no-repeat;
}

.btb1 {
	width:282px; 
	margin:2px 0px 0px 8px;
}
.btb2 {
	height:39px; 
	margin-bottom:0px; 
	background:#e5e3e1 url(../img/bartopback.gif) top left repeat-x; 
	border-left:1px solid #ffffff; 
	border-top:1px solid #ffffff;
}

.tabelle_rot td {
	color:#990000;
}

.tabelle_orange td {
	color:#e48600;
}

.tabelle_gruen td {
	color:#009900;
}

.plus {
	position:relative;
	top:3px;
	margin-right:3px;
}




/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:70px;
	height:12px;
	background:url(img/left.png) no-repeat #999999;
	margin:0px 1px 1px 1px;
	cursor:pointer;
}

.nextplatzhalter {
	display:block;
	width:70px;
	height:12px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -12px;		
}

/* disabled navigational button */
a.disabled {
	background:url(img/left.png) no-repeat #e5e3e1;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(img/right.png);
	clear:right;	
}

/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 225px;	 
	width: 72px;	
	
	/* decoration */
	padding:0px;
	margin-bottom:2px;
	background-color:#ffffff;
}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
    cursor:pointer;
	
	/* this time we have very large space for height */	
	height:20000em;	
	
	/* decoration */
	margin-top:1px;
	margin-bottom:2px;
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div {
	text-align:center;
	width:70px;
	height:50px;
	padding:0px;
	font-size:10px;
	font-family: 'bitstream vera sans';
	border:1px solid #fff;
	background-color: #fff;
	margin-bottom:0px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px solid #f0920f;		
	background-color:#fff;
}


#bildtext {
	position:absolute;
	background:#ffffff;
	margin:230px 2px 2px 2px;
	padding:3px;
	font-size:9px; 
	color:#000000;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.70;
}