/*Main CSS for the TeveGe website.*/

/* General definitions */
a {
	text-decoration: none;
	color: rgb(2,70,190);
}

#content .picLink {
	color: rgb(255,255,255);
}

.picBorder {
	border: solid #999999 1px;
}

body {  	
	#behavior: url("scripts/csshover.htc"); /* behavior to fix IE-CSS hover-bug */
	background-color: #E3E3E3; 
    margin: 0; padding: 1em;
    min-width: 41em;
}

/* Main frame surrounding container */
#frame {
	width: 802px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #CECECE;
}

/* top frame */
#top_frame {
	background-color: white;
	background-image:url("../images/frame_line.gif");
	background-position: top;
	background-repeat: no-repeat;
	height: 10px;
}
#top_frame div#top_left {
	display: block;
	background-image:url("../images/top_left.gif");
	background-position: top left;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	float: left;
}
#top_frame div#top_right {
	display: block;
	background-image:url("../images/top_right.gif");
	background-position: top right;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	float: right;
}

/* bottom frame */
#bottom_frame {
	background-color: #FFFFFF;
	background-image:url("../images/frame_line.gif");
	background-position: bottom;
	background-repeat: no-repeat;
	height: 10px;
}
#bottom_frame div#bottom_left {
	display: block;
	background-image:url("../images/bottom_left.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	float: left;
}
#bottom_frame div#bottom_right {
	display: block;
	background-image:url("../images/bottom_right.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	float: right;
}


/* Use container to center all content */
#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
}

/* header containing logo */
#header {
	background: url("../images/logo_neu.gif") no-repeat top left;
	width: 798px;
	height: 100px;
}

/* left column with menu*/	
#menu ul {
	text-align: left;
	list-style: none;
	font: bolder 80%/80% Arial, Helvetica, Sans Serif;
	font-size: 0.90em;
    float: left; width: 8em;
    margin: 1em 0 10.0em;
	margin-left: 5px;
	padding: 0;
}
#menu ul li {
	padding: 6px 0px;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 0;
	margin-bottom: 10px;
}
#menu ul li:hover {
	background-color: #CCE0ED; /* #CBDAF8*/
}
#menu li a {
	color: rgb(2,70,190);
}


/* Middle column with variable content */
#content {
	margin: 1em 11em 1em 9em;
    padding: 0 1em;
	font-size: 90.0%;
	font-family: Arial, Helvetica, Sans Serif;
}
#content .bold {
	font-weight:bold;
}
#content .caption {
	font-size:0.85em;
	font-weight:bold;
}
#content .block {
	text-align:justify;
}
#content .block_separated {
	text-align:justify;
	border-bottom: 1px solid #CCCCCC;
}
#content .notes {
	font-size:small;
}
#content .highlighted {
	font-style:italic;
}
#content .center {
	text-align: center;
}
#content .small {
	font-size: smaller;
}
#content .formIndentation {
	display: block;
	width: 90px;
	float: left;
}

/* current content */
#navigationHeader {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin-bottom: 20px;
	color: #999999;
}

/* Right column */
#rightbar {
	font-size: 0.9em;
    float: right; width: 10em; 
    margin: 0 0 1.1em;
	padding: 0; 	 
}
#rightbar ul {
	font-size: 0.83em;
	text-align: left;
	list-style: none;
    float: left;
	width: 12em;
    margin: 0 0 1.2em;
	padding: 0;	
}
#rightbar li#kbv a  {
	display: block;
	background-image: url("../images/kbv_sw.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 132px;
	height: 74px;	
}
#rightbar li#hl7 a  {
	display: block;
	background-image: url("../images/hl7_sw.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 132px;
	height: 74px;
	margin-top: 10px;	
}
#rightbar li#sciphox a  {
	display: block;
	background-image: url("../images/sciphox_sw.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	width: 132px;
	height: 74px;
	margin-top: 20px;
}
#rightbar li#acrobat a  {
	display: block;
	background-image: url("../images/get_acrobat_reader.gif");
	background-position: top left;
	background-repeat: no-repeat;
	width: 132px;
	height: 33px;
	margin-top: 80px;
}
#rightbar li#kbv a:hover {
	background-image: url("../images/kbv.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}
#rightbar li#hl7 a:hover {
	background-image: url("../images/hl7.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

#rightbar li#sciphox a:hover {
	background-image: url("../images/sciphox.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}


/* footer */
#footer {
	clear: both;
	color: #999999;
	font-size: 0.7em;
	font-family: Helvetica, Arial, Sans Serif;
    margin-top: 50px;
	margin: 0;
	padding: 0.1em;
 	width: 798px;
	height: 20px;
}
#footer div#footer_copyright {
	float: left;
}
#footer div#footer_impressum {
	background-image: url("../images/footer_separator.gif");
	background-repeat: no-repeat;
	background-position: right;
	float: right;
}
#footer div#footer_hinweis {
	float: right;
}