a {
    /* font -> media queries */
    color: #336699;
    background-color: transparent;
    font-weight: normal;
    text-decoration: none;
    cursor:pointer;
}

.treffer {
    font-size:1em;
    display:block;
    /*float:left;*/
}

.treffer-icon {
	width:110px;
	height:50px;
	padding-right:10px;
	clear:both;
	float:left;
}

.treffer-info {
	/*float:left;*/
}

/*
.treffer {
    font-size:1em;
    display:block;
    float:left;
}

.treffer-icon {
	width:110px;
	height:50px;
	padding-right:5px;
	clear:both;
	float:left;
}

.treffer-info {
	float:left;
}
*/

.treffer a {
    /* font -> media queries */
    color: #336699;
    background-color: transparent;
    font-weight: bold;
    /*text-decoration: underline;*/
    text-decoration: none;
    cursor:pointer;
    font-size:1.2em;
}


a:hover {color:#336699; text-decoration: none; cursor: pointer;}
a:visited {color:#336699;}

h1 {
        /*color: #369;*/
       color: #336699;
        background-color: transparent;
        border-bottom: 1px solid #D0D0D0;
        font-size: 1.4em;
        font-weight: bold;
        margin: 0 0 14px 0;
        padding: 14px 15px 10px 0px;
}

h2.sub-header{
    font-size: 1.1em;
    font-weight: bold;
    color:#000;
    padding: 3px;
}


.even {
    background-color: #f0f0f0;
}

.odd {
    background-color: #ffffff;
}

/* Tabelle im Tabellierpapier Stil */
.tab {
    border-collapse: collapse;
    border: none;
    width:100%
}
/*
tr:hover {
    background-color: #f0f0f0;
}
*/
.clearfix {
    clear:both;
}

.fat {
    font-weight:bold;
    font-size:1.4em;
    color: #4F5155;
}

.flat-blue {
    font-weight:bold;
    font-size:1.4em;
    background-color:#369;
    color:#fff;
    padding:5px;
}

/* Paginator */
/* RAUS WG BOOTSTRAP
.paginator {
    background-color:#909090;
    color:#fff;
    padding:5px;
}
.paginator a {
    color:#fff;
}
*/

/* SIDEBAR */
.sidebar-widget {
    background-color:#fff;
    padding:5px 5px 10px 5px;
}

.sidebar-widget h1 {
    font: Verdana, Arial, sans-serif;
    color: #4F5155;
}


/* AD BLÖCKE */
.top-ad {
    text-align:left;
}

.error {
    color:#f00000;
    font-weight:bold;
}

.loader {
    background-image:url('../images/loader.gif');
    height:11px;
    width:16px;
}

#messages {

}

#flashmessage {
    position:relative;
    top:0px;
}

/* Form Topnavi */
#top-searchform {
    position:relative;
    left:400px;
    top:20px;
    width:550px;
}

#top-search-field {
    width:250px !important;
}

#top-searchform-art {
    width:100px;
}

#top-search-field-submit {
    width:100px !important;
}


/* Navigation */
/*
#topnavi {
    display: inline;
    float:left;
    padding:0px;
    margin:0px;
}

#topnavi ul {
    
}

#topnavi li {
    float:left;
    list-style-type:none;
    margin-right:10px;
    
}

#topnavi li a {
    color:#fff;
    text-decoration:none;
    font-size:1em;
    font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
*/

/* Navbar */
ul#navbar, ul#navbar li ul {
margin:0;
padding:0;
}


/*--- Navbar und Dropdown Menü ---*/
/* siehe MEdia Queries */



/* - - - Common - - - */
/* Common */
    .float-left {
        float:left;
    }

    .float-right {
        float:right;
    }

/* - - - INFO BOXEN - - - */


.info-box {
    border:solid 1px red;
    padding:5px;
    margin: 0px 5px 5px 5px;
}

.job-info-box {
    width:160px;
}

.info-box ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
}

.info-box-key {
    font-weight:bold;
    font-size: 1em;
    xclear:both;
    xfloat:left;
    padding-right:3px;
}

.info-box-val {
    font-weight:plain;
    font-size: 1em;
    xfloat:left;
}

.box-half-size {
    /* siehe media queries*/
}
/* - - - USER - - - */
/* Jobliste intern f. User */
.tab th {
    background-color: #505050;
    color:#ffffff;
}
.user-list-entry-link {
    width:2.5%;
}
.user-list-entry-title {
    width:50.5%;
}
.user-list-entry-date {
    width:11%;
}
.user-list-entry-views {
    width:10%;
}
.user-list-entry-action {
    width:23%;
    text-align: center;
}

/* Rechnungsliste */
.user-invoice-list-entry-date {
	width:10%;
	text-align: left;
}
.user-invoice-list-entry-nr {
	width:20%;
	text-align: left;
}
.user-invoice-list-entry-kind {
	width:55%;
	text-align: left;
}
.user-invoice-list-entry-action {
	width:15%;
	text-align: left;
}

/* Bookmarks */
.user-list-bookmark-entry-link {
    width:3.5%;
}

.user-list-bookmark-entry-title {
    width:71.5%;
    padding-right: 5px;
    overflow:hidden;
    white-space: nowrap;
}

.user-list-bookmark-entry-date {
    width:13%;
}
.user-list-bookmark-entry-action {
    width:12%;
}
/* - - - BOX - - - */
.box {
    border: solid 1px #c0c0c0;
}

/* Wird im Augenblick durch ui ersetzt*/
.box-title {
    padding:4px 4px 4px 4px;
    /*
    color:#fff;
    background-color: #336699;
    
    font-weight:bold;
    */
}

.box-content {
    color:#505050;
    background-color: #ffffff;
    padding: 4px 4px 4px 4px;
}

/* - - - JOBLISTEN - - - */
ul.list {
	list-style-type:none;
	/*list-style-image:url(../images/dotList.gif);*/
	margin:0px;
	padding:0px;
	
}
li.listItem {
	border-bottom:solid 1px #e0e0e0;
	padding:5px;
	clear:both;
	
}

li.listItem:hover {
	background-color:#e0e0e0;
}

/* - - - PAGINATOR - - - */
/*
.paginator-active {
	border: 1px solid #AAAAAA;
    color: #333333 !important;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
    background-color:#ffffff;
}

.paginator-inactive {
	border: 1px solid #AAAAAA;
    color: #333333 !important;
    cursor: pointer;
    margin: 0 3px;
    padding: 2px 5px;
    background-color:#cccccc;
}
.paginator-inactive a {
    color: #000000 !important;
}
*/

/* Werbung in Liste */
.adblock-list {
    xbackground-color:#ffffee;
    border-top:solid 1px #ffA300;
    border-bottom:solid 1px #ffA300;
}
.adblock-list a.adhint {
    padding-left:1em;
    padding-top:1em;
}

/* - - - MAILBOX - - - */
#public-mailbox-popup-frame {
    width:450px;
    height:580px;
    border:none;
    frameborder:none;
}
.public-contact-form {
    display:none;
    width:66%;
    height:44%;
}

#main-wrapper-blank {
    width:750px;
}

#main-wrapper {
    min-height:500px;
    /*width in media queries*/
    clear:both;
    float:left;
    
    background-color: #ffffff;
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
}


/* LISTEN */
ul.list-plain {
    margin:5px 2px;
    padding:0px;
    line-height: 1.2em;
}

ul.list-plain li {
    list-style-type: none;
    margin:0px;
    padding:0px;
}

ul.list-footer {
    margin:5px 2px;
    padding:0px;
    line-height: 1.0em;
}

ul.list-footer li {
    list-style-type: none;
    margin:0px;
    padding:0px;
}

/* Job Details */
.ico-sonderfall {
    width:24px;
    height:24px;
}
.sanitize-hint {
    background-color:#f0f0f0;
    margin: 0 3px;
    border:solid 1px #e0e0e0;
}


.boxshadow {
	-webkit-box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 4px 4px rgba(0, 0, 0, 0.5); 
}

/* FLOAT BOXEN*/
.floatbox-3c-first {
	clear:both;
}

.floatbox-3c, .floatbox-3c-first {
	float:left;
	border:solid 1px #808080;
	padding:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:30%;
	margin: 4px 2px;
	vertical-align:bottom;
}

#promobanner {
	max-width:100%;
}

/* MEDIA QUERIES */
/*****************/

@media screen and (max-width: 959px) {
    a {
        font: 1em normal Verdana, Arial, sans-serif;
    }
    a#menu-button {
        display:block;
        border:solid 1px #505050;
        background-color:#ffA300;
        padding:1.2em;
        color:#000;
    }
    #container {
        width:100%;
        margin: 0 auto;
        padding:0px 0px;
        border:solid 0px #666666;
    }
    
    #main-wrapper {
        width:100%;
    }
    
    #sidebar {
        clear:both;
        width:100%;
        margin:0px;
    }

    /* Navbar */
    #navi {
        padding:5px 10px 5px 10px;
        margin:0px 0px 15px 0px;
        vertical-align:middle;
        xxxheight:24px;
        font-size:1em;
        font-weight:bold;
        display:none;
    }

    #navbar{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	xxxfloat:left;
	width:100%;
	position:relative;
	z-index:99;
    }
    #navbar li{
        xxxfloat:left;
        margin-right:10px;
        position:relative;
    }
    #navbar a{
        display:block;
        padding:5px;
        color:#000;
        font-weight:bold;
        text-decoration:none;
    }
    #navbar a:hover{
            color:#fff;
            text-decoration:underline;
    }
    /* Dropdown Menü */
    #navbar ul{
	background:rgba(255,255,255,0);
	list-style:none;
	xxxposition:absolute;
	xxxleft:-9999px;
    }
    #navbar ul li{
            padding-top:0px;
            float:none;
            
            xxxbackground:#f0f0f0;
    }
    #navbar li ul li{
            left:0px;
            padding: 0px 10px;
    }
    #navbar ul a{
            white-space:nowrap;
    }
    #navbar li:hover ul{

    }
    #navbar li:hover a{
            color:#000;
            text-decoration:none;
    }
    #navbar li:hover ul a{
            text-decoration:none;
    }
    #navbar li:hover ul li a:hover{
            color:#369;
    }
    
    .small{
        font-size:0.8em;
        color:#909090;
    }
    .treffer .small{
        font-size:0.8em;
        font-weight:bold;
    }
    
    /* LOGIN - LOGOUT BOX */
    #login-logout {
            border:none;
            position:relative;
            top:0px;
            right:5px;
            font-size: 1em;
            font-weight:bold;
            text-align:right;
    }

    #login-logout a {
        color:#fff;
        padding-left:10px;
    }
    
    .box-half-size {
        width:96%;
        padding:3px;
        clear:both !important;
    }
    
    .box-full-size {
        width:96%;
        padding:3px;
        clear:both !important;
    }
    
    .desktop-only {
        display:none;
    }
    .mobile-only {
        display:block;
    }
    .col-1-3 {
    	width:98%;
    	margin:1%;
    	clear:both;
    }
    .list-plain li {
    	font-size:1.2em;
    	padding:1.5em 0em;
    	line-height:1.5em;
    }

}

@media screen and (min-width: 960px) {
    
    a {
        font: 13px/20px normal Verdana, Arial, sans-serif;
    }
    a#menu-button {
        display:none;
    }
    #container {
        /*width:980px;*/
        width:960px;
        margin: 0 auto;
        padding:0px 0px;
        border:solid 0px #666666;
    }
    
    #main-wrapper {
        /*width:815px;*/
        width:795px;
    }
    #sidebar {
        float:left;
        width:160px;
        margin:0px;
    }
    /* Navbar */
    
    #navi {
        padding:5px 10px 5px 10px;
        margin:0px 0px 15px 0px;
        vertical-align:middle;
        height:24px;
        font-size:1em;
        font-weight:bold;
        display:block;
    }
    #navbar{
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	float:left;
	width:100%;
	position:relative;
	z-index:99;
    }
    #navbar li{
            float:left;
            margin-right:10px;
            position:relative;
    }
    #navbar a{
            display:block;
            padding:5px;
            color:#000;
            font-weight:bold;
            text-decoration:none;
    }
    #navbar a:hover{
            color:#fff;
            text-decoration:underline;
    }
    /* Dropdown Menü */
    #navbar ul{
	background:rgba(255,255,255,0);
	list-style:none;
	position:absolute;
	left:-9999px;
    }
    #navbar ul li{
            padding-top:0px;
            float:none;
    }
    #navbar ul a{
            white-space:nowrap;
    }
    #navbar li:hover ul{
            left:0;
            border:solid 1px #dddddd;
            background:#f0f0f0;
            -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
            padding: 5px 5px;
    }
    #navbar li:hover a{
            color:#000;
            text-decoration:none;
    }
    #navbar li:hover ul a{
            text-decoration:none;
    }
    #navbar li:hover ul li a:hover{
            color:#369;
    }
    
    .small{
        font-size:10px;
        color:#909090;
    }
    
    .treffer > .small{
        font-size:0.85em;
        color:#000;
    }
    /* LOGIN - LOGOUT BOX */
    #login-logout {
            width:150px;
            border:none;
            position:relative;
            top:0px;
            left:810px;
            font-size: 1em;
            font-weight:bold;
            text-align:right;
    }

    #login-logout a {
        color:#fff;
        padding-left:10px;
    }
    
    .box-half-size {
        width:48%;
        padding:3px;
    }
    
    .box-full-size {
        width:96%;
        padding:3px;
        clear:both !important;
    }
    
    .desktop-only {
        display:block;
    }
    .mobile-only {
        display:none;
    }
    
    .col-1-3 {
    	width:31%;
    	margin:1%;
    	float:left;
    }
}