/*

        (c) 2009 by S&T Digital Service. All rights reserved.

        Datei: INSERATE.CSS.ASP
        Kunde: Aachen
        Stand: 11.11.2011
*/




/* Layout */

body{
	background-color: #FFFFFF;
	font-family:arial,helvetica;
	margin:0px;
	width:100%;
	height:100%;
}

.applicationHead{
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	width:993px;
	height:228px;
	background-color: #FFFFFF;
	background-image: url('pix/head.jpg');
	background-repeat: no-repeat;
}


.applicationBody {
	margin-left:auto;
	margin-right:auto;
	width:993px;
	background-image: url('pix/menuBackground.gif');
	background-repeat: repeat-y;
}

.applicationBody .coverColumnLeft{
	width:180px;
	margin-left:70px;
	margin-top:25px;
	float:left;
}

.applicationBody .menuPlaceholder{
	width:182px;
	float:left;
	height:150px;
	overflow:hidden;
	margin-top:0px;
}

.applicationHead .menuPlaceholderHorizontal{
	width: 700px;
	height: 30px;
	padding: 198px 0 0 252px;
	float:left;
}


#scrollPane{
	width:590px;
	height:475px;
	overflow:scroll;
	overflow-y: hidden;
	overflow-x: hidden;
	float:left;

}

.sliderField{
	background-image: url('pix/bgSliderField.gif');
	background-repeat: repeat-y;
	float:left;
	height: 475px;
	margin-top: 30px;
	margin-left: 58px;
}

.sliderElement{
	background-color: #0e7b64;
	width: 5px;
	height: 19px;
	border:0px;
	cursor: pointer;
	float:left;
	padding:0px;
}

#scrollPaneContent{

}


.applicationBody .contentPlaceholder{
	width:590px;
	float:left;
	overflow:hidden;
	margin-left:50px;
	margin-right:0px;
	margin-top: 30px;
}

.applicationFoot{
	width:993px;
	margin-left:auto;
	margin-right:auto;
	text-align: right;
	font-size:70%;
	margin-top:0px;
}

.applicationFoot a{
	color:#000000;
}

.clearance{
	clear: both;
}

/* Ads */


.ad{
	margin-bottom:15px;
}

.ad .text{}

.ad .picture{
	float:right;
}

.ad .picture .underline{
	font-size:75%;
	text-align:right;
}

.ad .picture .underline a{
	color: #0c7c63;
	text-decoration:none;
}

.ad .picture .underline a:hover{
	color: #000000;
}

.ad .picture .small{
	border: 0px solid black;
	width: 160px;
	height: 120px;
	float:left;
	margin-left:10px;
}

.ad .picture .large{
	border: 0px solid black;
	width: 320px;
	height: 240px;
	float:left;
	margin-left:10px;
}

.ad .rubric{
	color:#333333;
    font-size:75%;
    font-weight:bold;
    text-decoration:none;

}

.ad h1{
	color:#0c7c63;
    font-size:100%;
    font-weight:bold;
    text-decoration:none;
    margin-bottom:3px;
}

.ad p{
	color:#333333;
    font-size:75%;
    font-weight:normal;
    text-decoration:none;
    margin:0px;
}

.ad .city{
	color:#333333;
    font-size:75%;
	font-weight:bold;
}

.ad .bar{
	margin-top: 15px;
	padding: 1px;
    font-size:75%;
    font-weight:normal;
    text-decoration:none;
}


.ad .bar .left{
	float:left;
	width:280px;
	color:#333333;
	font-weight:bold;
}
.ad .bar .left a{
	color:#333333;
}
.ad .bar .middle{
	float:left;
	padding-left:5px;
	color:#333333;
	font-weight:bold;
}

.ad .bar .right{
	float:right;
	padding-left:5px;
	font-weight:bold;
}
.ad .bar .right a{
	color:#0c7c63;
	text-decoration:none;
}

.ad .bar .right a:hover{
	text-decoration:underline;
}

.ad .stripline{
	border-bottom:1px solid #0c7c63;
	margin-bottom:8px;
}

.ad .functionBar{
	font-size:75%;
	float:right;
}
.ad .functionBar a{
	color: #0c7c63;
	text-decoration:none;
    font-weight:normal;
}

.ad .functionBar a:hover{
	text-decoration:underline;
}

.ad .allocated{
	background-color:#EDEDED;
	background-image:url(pix/vergeben.gif);
	background-repeat:no-repeat;
	background-position: 50% 50%;
}


/* Elements */

.searchBar{
	color:#333333;
	font-weight: bold;
	padding:0px;
	padding-top:3px;
	padding-bottom:5px;
	padding-left:15px;
	margin:0px;
	float:left;
	height:350px;
}

.searchBar .left{
	float: left;
	margin-bottom:10px;
}

.searchBar .right{
	float: left;
	margin-bottom:10px;
}

.searchBar .anchor{
	font-size:75%;
	padding-top: 0.8em;

}

.searchBar a{
	color: #000000;
}

label{
	font-size:70%;
	display: block;
}
.searchBar .fieldLabel{
	font-size:70%;

}
.searchBar select{
	font-size:70%;
    background-color:#FFFFFF;
    border:1px solid #333333;
    margin-right:10px;
    width:130px;
}

.searchBar .keywordField{
	font-size:70%;
	font-style:italic;
	color: #aaaaaa;
	background-color:#FFFFFF;
	border:1px solid #333333;
	margin-right:10px;
	width:130px;
	padding-top:2px;
}

.navigationBar{
	font-size:75%;
	background-color: #ffe1cc;
	margin-bottom: 18px;
	padding-top:2px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
}

.navigationBar a{
	color:#000000;
}
.navigationBar .left{
	float: left;
}
.navigationBar .right{
	float: right;
}

.infoBar{
	padding:0px;
	padding-top:1px;
	padding-bottom:3px;
	margin-bottom:18px;
}

.infoBar .left{
	float:left;
	font-weight: bold;
	font-size:90%;
	color: #fe6a00;
}

.infoBar .right{
	float:right;
	font-size:75%;
	font-weight: bold;
	padding-top:5px;

}

h1{
	color:#fe6a00;
    font-size:125%;
    font-weight:bold;
    text-decoration:none;
    margin:0px;
    margin-bottom:10px;
}

p{
	color:#333333;
    font-size:75%;
    font-weight:normal;
    text-decoration:none;
    margin:0px;
}

a{
	color:#fe6a00;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

img {
	border:0;
}

.stripline{
	border-bottom:1px solid #0c7c63;
	margin-bottom:15px;
	padding-top:1px;
}

.marker {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    background-color:#FF0000;
        }

.important{
	color:#FF0000;

}

table {
	width:100%;
	font-size:75%;
	margin-bottom:10px;
	border-spacing:5px;
	table-layout: fixed;
}

/* Menu */

.menu{
	margin-top: 0px;
	margin-left: 0px;
	font-size:75%;
}

.menuItem{


}

.menuItemActive{


}

.menuItem a{
	display:block;
	background-color: #FFFFFF;
	width:170px;
	color: #0c7c63;
	text-decoration: none;
	font-weight:bold;
	padding: 8px 0px 8px 16px;
	margin-bottom:10px;
}

.menuItemActive a{
	display:block;
	background-color:#0c7c63;
	width:170px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	padding: 8px 0 8px 16px;
	margin-bottom:10px;
}

.menuItem a:hover{
	color: #FFFFFF;
	background-color:#0c7c63;
}

/* Menu horizontal */

.menuHorizontal{

}

.menuItemHorizontal{
	float:left;
}

.menuItemHorizontal a{
	display:block;
	color: #0c7c63;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	padding: 8px 0 8px 0px;
	margin-bottom:0px;
	font-size:75%;
	width: 170px;
}

.menuItemHorizontalActive a{
	display:block;
	background-color:#0c7c63;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	padding: 8px 0 8px 0px;
	margin-bottom:0px;
	font-size:75%;
	width: 170px;
	float:left;
}

.menuItemHorizontal a:hover{
	background-color:#0c7c63;
	color:#ffffff;
}

.separatorHorizontal{
	float:left;
	width:0px;
	height:0px;

}


/* Forms */

.notation{
	font-size:75%;
	margin-bottom:10px;
	line-height:1.4em;
}

.footnote{
	font-size:70%;
	margin-bottom:10px;
}

.formBox{
	background-color: #ffe1cc;
	padding: 9px;
	padding-bottom: 4px;
	margin-bottom:10px;
}

.formBox .left{
	float: left;
}

.formBox .right{
	float: right;
}


.formBox .fieldLabel{
	font-size:70%;
}

.formBox .fieldLabel a{
	color: #000000;
}

.formBox .field{
	font-size:82%;
    font-weight:bold;
    width:300px;
    margin-bottom:8px;
}

.formBox .fieldHeadline{
	color:#000000;
    font-size:125%;
    font-weight:bold;
    text-decoration:none;
    width:400px;
    margin-bottom:8px;
}

.formBox textarea{
	font-size:90%;
	width:400px;
	margin-bottom:8px;
}

.formBox select{
	margin-right:10px;
	margin-bottom:8px;
	font-size:70%;
    font-weight:bold;
}

.formBox img{
	border:1px solid black;
	width:160px;
	height:120px;
}

.buttonBar{
	padding-bottom:10px;
	margin-top:10px;
}

.buttonBar .left{
	float: left;
}

.buttonBar .right{
	float: right;
}

.buttonBar .button{
	width: 120px;
}

/* Message */

.messageBox{
	background-color: #ffe1cc;
	margin-bottom:10px;
}

.messageBoxMinHeight{
	height:75px;
	width:1px;
	float:left;
}

.messageType0{
	background-color: #CCFFCC;
	border: 2px solid #00FF00;
	padding: 10px;
	padding-left:90px;
	background-image: url("pix/messages/msg0.png");
	background-repeat: no-repeat;
	background-position:10px 5px;
}

.messageType1{
	background-color: #FFCCCC;
	border: 2px solid #FF0000;
	padding: 10px;
	padding-left:90px;
	background-image: url("pix/messages/msg1.png");
	background-repeat: no-repeat;
	background-position:5px 5px;


}

.messageType2{
	background-color: #FFCCCC;
	border: 2px solid #FF0000;
	padding: 10px;
	padding-left:90px;
	background-image: url("pix/messages/msg2.png");
	background-repeat: no-repeat;
	background-position:5px 5px;

}

.messageType4{
	float:left;
	padding:10px;

}

.messageBox h1{
	color:#000000;
    font-size:125%;
    font-weight:bold;
    text-decoration:none;
    padding-bottom:5px;
    margin:0px;

}

.messageBox p{
	color:#000000;
    font-size:75%;
    font-weight:normal;
    text-decoration:none;
    margin:0px;

}