/*
	vim: set fdm=marker:
	Common Styles
	Authors:
		Thomas Subera <thomas.subera@netdoktor.at>
		Markus Fischer <markus@fischer.name>
		Matthias Schmidt <matthias@web2.at>
*/
/* {{{ Standard Styles */

@import url("calendar1.css");

html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 101.1%;
	color: #575757;
	background-color: #f6f6f6;
	background-image: url(/images/misc/background.png);
	background-repeat: repeat-x;
	background-position: left top;
}
img {
	border: none;
}
form {
	padding: 0;
	margin : 0;
}
abbr {
	cursor: help;
	border-bottom: 1px dashed green;
}
a, a:visited {
	color: #900;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
table, td {
	font-size: 1em;
}
.clear {
	clear: both;
}
/* to hide specific elements */
.nodisplay {
	display: none;
}
/* }}} */
/* {{{ Basic Structure */
#frontend {
	width: 739px;
	margin: 0 auto;
}
/* }}} */
/* {{{ Header */
#header {
	padding: 12px 0 0 0;
}
/* {{{ Logos */
#header .logos {
}
#header .logos a {
	display: block;
}
#header .logos a span {
	display: none;
}
#header .logos #poddoktorlogo a {
	background: transparent url(/images/misc/logo_poddoktor.png) no-repeat;
	width: 270px;
	height: 90px;
	float: left;
}
#header .logos #wienerstaedtischelogo a {
	background: transparent url(/images/misc/logo_wienerstaedtische.png) no-repeat;
	width: 116px;
	height: 71px;
	float: right;
}
/* }}} */
/* {{{ Navi */
#header .navi {
	padding-top: 11px;
	clear: both;
}
#header #menu {
	width: 144px;
	float: left;
}
#header #menu ul#nav {
	margin: 0;
	padding: 0;
}
#header #menu #nav li {
	list-style-type: none;
	position:relative;
	float:left; /* nur f IE 6 notwendig*/
	clear:both; /* nur f IE 6 notwendig*/
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0px solid grey;
}
#header #menu #nav li a {
	color: #777;
	display: block;
	position:relative;
	width: 100%;
	padding: 12px 4px 20px 24px;
	margin: 0;
	background: url(/images/menu/bottom.png) no-repeat;
	border: 0px solid blue;
}
#header #menu #nav li a:hover {
	background: url(/images/menu/bottom_hover.png) no-repeat;
	color: #fff;
}

#header #menu #nav li#menu_about a ,
#header #menu #nav li#menu_howto a {
	background: url(/images/menu/top.png) no-repeat;
}
#header #menu #nav li#menu_about a:hover,
#header #menu #nav li#menu_howto a:hover {
	background: url(/images/menu/top_hover.png) no-repeat;
}
#header #menu #nav li a.selected,
#header #menu #nav li a.selected:hover {
	background-image: url(/images/menu/bottom_active.png);
	background-repeat: no-repeat;
	color: #fff;
}
#header #menu #nav li#menu_about a.selected,
#header #menu #nav li#menu_howto a.selected,
#header #menu #nav li#menu_about a.selected:hover,
#header #menu #nav li#menu_howto a.selected:hover {
	background: url(/images/menu/top_active.png) no-repeat;
}

/* emoticon */
#header #emoticon {
	margin: 0 auto;
	padding: 0;
	margin-left: 155px;
	margin-right: 305px;
	height: 208px;
	clear:none;
	text-align: center;
}
#header #emoticon img {
	position: relative;
	top: -25px;
}

/* info */
#header #info {
	width: 244px;
	width: 284px;
	float: right;
	font-size: 0.9em;
}
#header #info #info_top {
	height: 15px;
	background-image: url(/images/misc/background_info_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #info #info_body{
height: 178px;
	margin: 0;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(/images/misc/background_info_body.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#header #info p {
	padding: 0;
	margin: 0 0 0.6em 0;
	line-height: 1.4em;
}
#header #info p.question {
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
}
#header #info p.question a,
#header #info p.question a:visited {
	text-decoration: none;
}
#header #info p.question a:hover, #header #info p.question a:focus {
	text-decoration: underline;
}
#header #info p.question img {
	padding-left: 1em;
	position: relative;
	top: 6px;
}
/* }}} */
/* }}} */
/* {{{ Overylay and Survey Teaser */
/* This overlay is to dimm all elements on the page and highlight a single
 * other one, e.g. a dialog. In our case it's the survey teaser. */
#overlay {
	background-image: url(/images/misc/overlay.png);
}
#survey {
	position: absolute;
	background-image: url(/images/survey/background.png);
	background-repeat: no-repeat;
	width: 735px;
	height: 144px;
	top: 160px;
	padding: 1em;
	/* This needs to be highter then #overlay z-index */
	z-index: 130;
}
#survey h1 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
#survey p {
	margin: 0;
	padding: 0;
}
#survey li {
	list-style-type: none;
	display: block;
	float: left;
	width: 33%;
}
#survey li a {
	background-position: 100% 50%;
	background-repeat: no-repeat;
	padding: 5px 35px 5px 0;
	font-weight: bold;
}
#survey li.ok a {
	background-image: url(/images/survey/ok.png);
}
#survey li.later a {
	background-image: url(/images/survey/later.png);
}
#survey li.cancel a {
	background-image: url(/images/survey/cancel.png);
}
/* }}} */

#content {
	clear: both;
}
#broadcast {
	padding-top: 1em;
}

.broadcastitem {
	margin-bottom: 1.2em;
}

.broadcast_top {
	height: 20px;
	background-image: url(/images/broadcast/background_broadcastitem_top.png);
	background-repeat: repeat-y;
	background-position: right top;
/*	width: 739px;*/
	border: 0px solid blue;
}
div#broadcast div.left {
	float: left;
	width: 112px;
	border: 0px solid grey;
	height: 140px;
}
div#broadcast div.right {
	float: right;
	width: 616px;
	font-size: 0.8em;
	min-height: 160px;
	background-image: url(/images/broadcast/background_broadcastitem_main.png);
	background-repeat: repeat-y;
	background-position: right bottom;
}
div#broadcast div.footer {
	clear: both;
	font-size: 0.8em;
	height: 4.7em;
	background-image: url(/images/broadcast/background_broadcastitem_bottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 0px solid red;
	padding-top: 1.3em;/*	width: 739px;
*/
}
div#broadcast div.left p.date {
	padding: 0; margin: 0;
	font-weight: normal;
	font-size: 1.1em;
}
div#broadcast div.left p.date span {
	font-size: 0.75em;
	color: #777777;
	position: relative;
	bottom: 2px;
}

/* Version 1 
div#broadcast div.left .image_broadcast {
	padding: 0px;
	margin: 0;
	width: 91px;
}
div#broadcast div.left .image_broadcast_rahmen {
	padding: 0px;
	margin: 0;
	width: 91px;
	background-color: transparent;

	position:relative;
	top: -109px;  fuer IE lte 7 anderer Wert in ie7.css 
	border: 0px solid red;
	}
*/
	
/* Version 2  die ist es!!! */
div#broadcast div.left .img_broadcast {
	position:relative;
	padding: 0px;
	margin: 0;
	width: 91px;
	height: 109px;
}
div#broadcast div.left .img_broadcast img {
	position: absolute;
	top: 0px;
	left: 0px;
}



div#broadcast  h1 {
	margin: 0;
	font-weight: normal;
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 1em;
}
div#broadcast.detail h1 {
	font-size: 1.2em;
	font-style: italic;
}
div#broadcast  h2 {
	padding: 0; margin: 0;
	font-weight: normal;
	font-size: 1.15em;
	font-weight: bold;
}
div#broadcast  h3 {
	padding: 0; margin: 0;
	font-weight: normal;
	font-size: 1.1em;
}
div#broadcast div.right h3 {
	padding: 0;
	margin: 0;
	color: #777777;
	font-weight: normal;
	font-size: 1.3em;
	/* TODO: finish font substitutuion */
	font-family: Georgia, "Times new roman", Times, serif;
}
div#broadcast div.right h3 span {
	color: #4f4f4f;
}
div#broadcast ul {
	margin: 0;
	padding: 0;
}
div#broadcast .footer li {
	list-style-type: none;
}

div#broadcast div.right p {
	padding-right: 1em;
}
div#broadcast div.right li {
	padding-bottom: 0.5em;
}

div#broadcast .footer li {
	display: block;
	float: left;
}
div#broadcast li.mp3 {
	float: left;
	margin-right: 11px;
}
div#broadcast li.mp3 a,
div#broadcast li.mp3 a:visited {
	display: block;
	width: 82px;
	height: 56px;
	padding-left: 30px;
	padding-top: 4px;
	background-image: url(/images/icon_mp3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div#broadcast li.rss {
	margin-right: 27px;
}
div#broadcast li.rss a,
div#broadcast li.rss a:visited {
	display: block;
	height: 56px;
	width: 82px;
	padding-left: 30px;
	padding-right: 15px;
	padding-top: 4px;
	background-image: url(/images/icon_feed.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div#broadcast li.www {
	float: left;
	padding-top: 10px;
	margin-left: 120px;
}
div#broadcast li.www a,
div#broadcast li.www a:visited {
	display: block;
	height: 56px;
	width: auto;
	padding-left: 33px;
	padding-top: 4px;
	background-image: url(/images/icon_pin.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div#broadcast li.redaktion {
	margin-right: 38px;
}
div#broadcast div.footer li.redaktion,
div#broadcast div.footer li.Experte {
	display: block;
	height: 56px;
vertical-align: top;
	position: relative;
	top: 4px;
	margin-left: 4px;

}
div#broadcast div.footer li a:hover   {
	text-decoration: underline;
}

/* {{{ mfischer, 2008.06.26: Special layout for the first message in the archive, which is meant to be sticky */
div.archive div.right {
	min-height: 140px !important;
}
div.archive div.footer {
    height: 0 !important;
}
/* }}} */

/* {{{ Footer-Pre: Supposed after the content but right before the footer }}} */
#footer-pre {
    text-align: right;
    font-size: 0.8em;
    margin: -15px 20px 25px 0;
    font-weight: bold;
    clear: both;
}
#footer-pre img {
    position: relative;
    top: 11px;
    margin-left: 0.25em;
}
/* }}} */

/* {{{ Footer */
#footer {
	height: 55px;
	font-size: 0.75em;
	background-image: url(/images/misc/background_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #C6C7C8;
}
#footer .left {
float: left;
width: 50%;
	padding:  15px 0px 0px 15px;
}
#footer .right {
	float: right;
	padding:  15px 97px 0px 0px;
    margin-right: 20px;
	position: relative;
	text-align: right;
	border: 0px solid red;
    top: 0;
}
#footer .right span{
	position: absolute;
	top: 10px;
    right: 0;
}
#footer a,
#footer a:visited {
	text-decoration: none;
	color: #CB7F7F;
}
#footer a:hover, #footer a:focus {
	text-decoration: underline;
	color: #990000;
}

/* }}} */


/*********************************************************************** 
	END
************************************************************************/