/*

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

        Datei: INSERATE.CSS.ASP
        Kunde: PROTOTYP
        Stand: 24.09.2009
*/




/* Layout */

body{
	background-color: #CCCCCC;
	font-family:arial,helvetica;
	margin:0px;
}

.applicationHead{

	margin-left:auto;
	margin-right:auto;
	width:816px;


}


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

.applicationBody .menuPlaceholder{
	width:154px;
	float:left;
	height:700px;
	overflow:hidden;
}

.applicationBody .contentPlaceholder{
	background-color: #FFFFFF;
	width:626px;
	float:left;
	overflow:hidden;
	margin-left:18px;
	margin-right:18px;
	margin-top: 20px;
}

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

.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: #000000;
}

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

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

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

}

.ad h1{
	color:#CC0000;
    font-size:125%;
    font-weight:bold;
    text-decoration:none;
    margin:0px;
}

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

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

.ad .bar{
	margin-top: 5px;
	padding: 1px;
	background-color:#CC0000;
	color:#FFFFFF;
    font-size:75%;
    font-weight:none;
    text-decoration:none;
}

.ad .bar a{
	color:#FFFFFF;
}
.ad .bar .left{
	float:left;
	width:280px;
	padding-left: 5px;
}
.ad .bar .middle{
	float:left;
	padding-left:5px;
}

.ad .bar .right{
	float:right;
	padding-left:5px;
	padding-right:5px;
}

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

.ad .functionBar{
	font-size:75%;
	float:right;
}

.ad .functionBar a{
	color:#2A4B6E;
    font-weight:none;
    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:#FFFFFF;
	background-color: #CC0000;
	padding:5px;
	padding-top:3px;
	padding-bottom:5px;
	margin-bottom:12px;
}

.searchBar .left{
	float: left;
}

.searchBar .right{
	float: right;
}

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

.searchBar a{
	color: #FFFFFF;
}

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

.searchBar select{
	font-size:70%;
    background-color:#F0F0F0;
    border:1px solid #2A4B6E;
    margin-right:10px;
}

.searchBar .keywordField{
	font-size:70%;
	background-color:#F0F0F0;
	border:1px solid #2A4B6E;
	margin-right:10px;
	width:80px;
	padding-top:2px;
}

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

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

.infoBar{
	background-color: #CC0000;
	padding:5px;
	padding-top:1px;
	padding-bottom:3px;
	margin-bottom:18px;
	color:#FFFFFF;
}

.infoBar .left{
	float:left;
	font-weight: bold;
	font-size:125%;

}

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

}

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

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

a{
	color:#000000;
}

.stripline{
	border-bottom:1px solid #2A4B6E;
	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;
}

.notationTable table{
	border:1px solid #2A4B6E;
	border-bottom:0px;
	border-right:0px;
	border-spacing:0px;
	table-layout: auto;
	margin-bottom:15px;
}

.notationTable td{
	border-bottom:1px solid #2A4B6E;
	border-right:1px solid #2A4B6E;
	padding:5px;
}



/* Menu */

.menu{
	margin-top: 0px;
}

.menuItem{
	margin-top:1px;
	font-size:75%;
	font-weight:bold;
}

.menuItem a{
	display:block;
	background-color:#0081C7;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 10px;
	padding-top:1px;
	padding-bottom:1px;
}

.menuItem a:hover{

	text-decoration: underline;
}


/* Forms */

.notation{

	font-size:75%;
	margin-bottom:10px;
}

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

.formBox{
	background-color: #EBEBEB;
	padding: 9px;
	padding-bottom: 4px;
	margin-bottom:10px;
	border:1px solid #333333;
}

.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: #F0F0F0;
	padding: 10px;
	border:2px solid #E0E0E0;
	margin-bottom:10px;
}

.messageBox .left{
	float: left;
	padding-right:15px;

}

.messageBox .symbol{
	width: 70px;
	height:70px;
	float: left;
}

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

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