/* reset all elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button { margin:0; padding:0; }
ul,li { list-style-type:none; }
select { min-width: 1.5em;}
select > option { padding: 0 2px 0 3px; }
form { margin: 0; padding: 0; }
img { border: 0; }
hr { clear:both; }
fieldset { border: 0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* fonts */
body {
    font:13px/1.35 "Lucida Grande",Arial,Helvetica,sans-serif;
    color : #333;
}
table {
    font-size:inherit;
    font:100%;
}
pre,code,tt{
    font-family:monospace;
    font-size:108%;
    line-height:100%;
}
h1 {
    font-size: 1.1em;
}
h2 {
    font-size: 1.2em;
    margin-bottom: 0.35em;
}
h3 {
    font-size: 1.05em;
}
h4, h5 {
    font-size: 1em;
}

/* links and cursors */
a:link, a:visited, a:active {
    text-decoration:none;
    color:#1062a3;
    outline:none;
    border:0;
}
a:hover {
    color: #b4152b;
    text-decoration:underline;
    border:0;
}
button, label {
    cursor:pointer;
}

/* structure and colors */

/* green: #008600 */
/* light-green: #25a226 */
/* orange: #ef7f08 */
/* light-orange: #f1a34e */
/* dblue: #003056 */
/* dred: #b4152b */

body {
    background-color: #e6e6e6;
}

#container {
    position: relative;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    position: relative;
    margin-top: 50px;
    height : 44px;
    background-color: #ef7f08;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#logo {
    position: absolute;
    background: transparent no-repeat top left url('../images/pfadis-com-logo-shadow.png');
    left: -8px;
    top: -35px;
    width: 160px;
    height: 45px;
}
#tagline {
    float: right;
    font-size: 1.2em;
    color: white;
    text-shadow: #333 0px 1px 1px;
    /*margin: 20px 40px 0px 32px;*/
    margin-right : 20px;
    width: 240px;
    text-align: right;
}
#searchBox {
    position: absolute;
    /*top: 20px;*/
    left: 20px;
    width: 360px;
}
#searchBox label {
    font-size: 0.8em;
}
#searchField {
    margin : 0px;
    margin-top: 5px;
    padding: 3px;
    border: 1px solid #333;
    border-right: none;
    width: 275px;
    font-size: 18px;
    color: #999;
    outline: none;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
}
#searchButton {
    margin : 0px;
    margin-top: 5px;
    padding: 2px;
    border: 1px solid #060;
    border-left: none;
    width: 65px;
    font-size: 18px;
    color: #fff;
    background-color: #060;
    outline: none;
    font-weight: bold;
    font-style: italic;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}


#main {
    min-height: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;
}

#footer {
    margin-top: 15px;
    text-align: center;
    
}

#topnav {
    height: 30px;
    margin-bottom: -30px;
    text-align: right;
}

#bottomnav {
}


.disclaimer {
    margin-top: 10px;
    font-size: 0.75em;
}

.column1 {
    float : left;
    padding-left: 10px;
    padding-right: 10px;
    width: 700px;
}

#mainClearer {
    clear: both;
    height: 1px;
}

.clearer {
    clear: both;
    border : none;
}

/* headers */
h2 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #ddd;
    padding: 3px;
}

h3 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color:#EF7F08;
    padding-left:4px;
    margin-bottom : 4px;
}

#sf_admin_bar {
    position : fixed;
    margin : 0px;
    top : 10px;
    left : 10px;
}

#sfWebDebugBar {
    right : inherit !important;
    left: 0;
}




/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.taskTable {
    
}

.taskTable td, .taskTable th {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.ui-widget {
    font-size : 1em;
}

.ui-dialog label, .ui-dialog input { display:block; }
.ui-dialog input.text { margin-bottom:5px; width:95%; padding: .2em; }

.ui-dialog select { margin-bottom:5px; width:95%; padding: .2em; background-color: #fff; }

.ui-dialog fieldset { padding:0; border:0; margin-top:10px; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
.ui-datepicker {z-index:2000;}
.ui-datepicker select {z-index:2002;}



/* Gruppen */
.group {
    clear:both;
}

.group .name {
    width : 160px;
    float: left;
}
.group .join {
    width : 160px;
    float: left;
    color:#1062a3;
}

#dialog {
    display:none;
}