/*
 * Bremer Medienbüro screen styles, v. 1.1
 * last mod: 2007-12-04
 * vorderdeck. neue medien <http://vorderdeck.de>
 *
 */

body {
	margin: 0px;
	padding: 0;
	font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
	font-size: 12px;
	line-height : 18px;
	color: #444;	
	background: url(../media/shared/bg-body.gif) 0px 50px repeat-x ;
}

h1 {
    margin: 0;
    padding-top: 1px; /* der alte gecko-bug mit dem übergeordneten abstand */
    width: 120px;
    height: 121px;
    position: absolute;
    background: url(../media/shared/logo-border.gif) no-repeat 50% 0;
}

h1 a, h1 em {
    display: block;
    height: 35px;
    margin: 80px 18px 0 10px;
    text-indent: -3000px;
    text-decoration: none;
    font: 0px/0 sans-serif;
}

h2 {
    margin: 0 0 18px 0;
	color: #02389C;
	font-size: 200%;
	line-height: 32px;
	font-weight: normal;
	border-bottom: 3px solid #D6E1F5;
}

h3 {
	color: #02389C;
	font-size: 1.2em;
	font-weight: normal;
	margin : 0 0 18px 0;
	line-height : 17px;
	border-bottom: 1px solid #D6E1F5;
}

h3.quote {
    border: none;
    font: italic 1.8em Georgia, times, "Times new Roman", serif;
    color: #9D6200;
    text-align: right;
	line-height : 36px;
} 

blockquote {
    border: none;
	margin : 0 36px;
	padding : 0;
    font: italic 140% Georgia, times, "Times new Roman", serif;
    color: #9D6200;
	line-height : 27px;
}

h3.quote em {
    font: .6em arial,'Helvetica Neue',helvetica,verdana,sans-serif;
    color: #999;
    display: block;
}

h4, h5, h6 {
	color: #9C0A00;
	font-size: 1em;
	font-weight: normal;
	margin : 0;
	padding : 0;
}

hr {
	height : 1px;
	margin: 18px 0 17px 0;
	border : 0;
	border-bottom : 1px solid #ccc;
}

p,ul,ol,dl {
	margin : 0 0 18px 0;
	padding : 0;
}
a {
    color: #02389C;
}
#content a {
    border-bottom : 1px solid #02389C;
    text-decoration : none;	
}
a img {
	border : none;
}
a:hover {
    color: #444;
    text-decoration: none;
}
a:focus, a:active {
	outline : none;
}

.blue {
	color: #02389C;
}

ul#menu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

ul#menu li {
    float: left;
    border-left: 1px solid #e1ebf2; 
}

ul#menu li:first-child {
    border: none;
}

ul#menu li a, ul#menu li em {
    font-size: 1.1em;
    font-style : normal;
    font-weight : bold;
    text-decoration: none;
    color: #fff;
    float: left; 
    padding: 0 1.2em;
}

ul#menu li a:hover,
ul#menu li.current a,
ul#menu li.current em {
    color: #DAD1B4;
    border-color: #DAD1B4;
}

ul#menu li.current a {
    border-width: 2px;
}

.logo {
	position: absolute;
	top: 0px;
	left: -5px;
}

#overall {
	margin: 92px auto 0;
	width: 780px;
}

#outerheader{
	height: 45px;
	background-color: #9D6200;
	border-bottom: 5px solid #C5B69D;
}

#header {
	margin: 0 auto;
	width: 780px;
	height: 45px;
	position: relative;
}

#content {
	float:left; 
	clear:left;
	display: inline;
	min-height: 500px;
	padding-bottom : 4em;
}

.onecolumn {
	width: 780px;
}

.twocolumns {
	width: 480px;
	padding-right: 20px;
	background: url(../media/shared/bg-content.gif) no-repeat 100% 0;
}
#leftCol {
	width : 380px;
	display: inline;
	float : left;
}
#rightCol {
	width : 380px;
	display: inline;
	float: right;
}
#sidebar ul#hk_list, #sidebar ul#hk_list li
#content ul, #content li {
	margin-left : 0;
	padding-left : 0;
	list-style : none;
}

#content li {
	padding-left : 12px;
	background : url(../media/shared/dot.gif) no-repeat 0 7px transparent;
}

#sidebar ul#hk_list li {
    font-size: 1.08em;
	padding-left : 12px;
	background : url(../media/shared/dot.gif) no-repeat 0 6px transparent;
    
}

#sidebar ul#hk_list a {
    text-decoration: none;
}

#sidebar ul#hk_list a:hover {
    text-decoration: underline;
}

#sidebar {
	width: 262px;
	float: right;
	display: inline;
	font-size: .94em;
	padding: 0 0 0 18px;
	min-height: 580px;
}

#sidebar h2 {
    margin-top: 0;
	color: #02389C;
	font-size: 1.4em;
	line-height: 18px;
	font-weight: normal;
	border-bottom: 3px solid #D6E1F5;
}

#sidebar img {
    margin: 36px 0 18px 0;
	max-width : 262px;
}
#sidebar > img {
    display: block;
}

#sidebar h4:first-child {
    margin-top: 0;
    line-height: 2;
}

#sidebar address {
    font-style: normal;
    line-height: 1.4;
}

#footer {
	clear: both;
	color: #fff;
	margin: 0;
	padding: 0 10px;
	line-height : 2.4;
	font-size: .94em;
	background-color: #757D8A;
	text-align: right;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    text-decoration: none;
}

#news h4 {
	margin-bottom : 0;
	border : none;
}
#news p {
	margin : 0;
}
#news p.pubdate {
	color : #999;
	text-align : right;
}
/* köpfe */
#portraitThumbs {
    list-style: none;
    margin: 1em 0 1em;
    padding: 1em 0 0 0;
}

#portraitThumbs li {
    margin: 0 2px 3px 0;
    float: left;
}

#portraitThumbs li.noMargin {
    margin-right: 0;
}

#portraitThumbs li a {
    width: 50px;
    height: 72px;
    display: block;
    text-indent: -3000px;
    text-decoration: none;
    font: 0px/0 sans-serif;
    background-repeat: no-repeat;
    background-position: 0 -74px;
}

#portraitThumbs li a:hover {
    background-position: 0 -1px;
}

/*stichwortwolke*/
#stichwortWolke {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
    line-height: 2;
}

#stichwortWolke li {
    display: inline;
    vertical-align: bottom;
}

#stichwortWolke li a {
    color: #02389C;
    text-decoration: none;
    line-height: 1.4;
    border : none;
}

#stichwortWolke li a:hover {
    text-decoration: underline;
}

#stichwortWolke li a em {
    font-size: 1.1em;
    font-style: normal;
}

#stichwortWolke li dfn {
    display: none;
}

/* Suche */
#search_form {
    text-align: right;
}
#search_form input {
    background: #fff;
    border: 1px solid #ccc;
}

#search_form input#q {
    width: 260px;
    margin-bottom: .2em;
}

#search_form input:focus {
    border-color: #D6E1F5;
}

#search_form input#submit_q {
    color: #02389C;
}

/*Arbeitsproben*/
#arbeitsproben {
}
#arbeitsproben dt {
	font-weight: bold;
	clear: right;
	margin-bottom : 18px;
}

#arbeitsproben dd {
	color : #666;
	margin: 0px;
	margin-bottom: 54px;
}

#arbeitsproben img {
	float: right;
	margin: 0 0 1em 1em;
}
.ui-accordion-header {
	cursor : pointer;
	background : #eee;
	border : 1px solid #ddd;
	border-radius : 4px;
	-webkit-border-radius : 4px;
	-moz-border-radius : 4px;
}
.ui-icon {
	display : inline-block;
	width : 20px;
	height : 8px;
}
.ui-icon-plus {
	background : url(/media/shared/plus.gif) no-repeat 4px top #eee;
}
.ui-icon-minus {
	background : url(/media/shared/minus.gif) no-repeat 4px top #eee;
}

/* Referenzen*/

#refjournalismus{
	padding: 0px;
	list-style: none;
	width: 370px;
	float: left;
}

#refjournalismus img{
	float: left;
	padding-right: 20px;
}

#refpr{
	padding: 0px;
	list-style: none;
	width: 300px;
	float: right;
}

#refpr img{
	float: right;
	padding-right: 20px;
}

dl.refs {
    margin: 0;
    padding: 0;
}

dl.refs dt {
    width: 60px;
    height: 90px;
    margin: 0 0 20px;
    overflow: hidden;
    float: left;
    clear: both;
    display: inline;
    position: relative;
}

dl.refs dd {
    width: 300px;
    position: relative;
    min-height: 90px;
    margin: 0 0 20px;
    float: right;
}

dl.refs dd p {
    margin: 0;
}


#rightCol dl.refs dd {

}

#rightCol dl.refs {

}


/* diverses */
.clear:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clear {
	display: inline-block; 
	width: 100%;
}

* html .clear {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/* vcards */
.org, .street-address, .postal-code, .locality {display: none;}
address.vcard abbr {border: 0;}