/*	

	Viscom Press CSSoverview
	Internet Tagblatt Medien -  Stefano Cardinale

*/

/* GLOBAL
***********************************************************************************************************************/

html, body, div, h1, h2, h3, h5, h6, h7, p, a, ol, ul, li, table, caption, tr, th, td, img {
	font-family: arial, helvetica, verdana, sans-serif;
	color: #000;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}

/* DEBUG 
***********************************************************************************************************************/

/*div {
	border:1px solid green;
}*/

/* LAYOUT
***********************************************************************************************************************/

body { text-align:center; }
#rahmen { width: 933px; margin: 0 auto 0 auto; }
#kopf { width:100%; height: 130px; }
#kopf p { font-size:12px; padding:6px 2px 0 0; text-align:right; }
#kopf a { text-decoration:none; font-weight:bold; color:#007bbe;}
#rahmen-inhalt { width:100%; }
* html #rahmen-inhalt { width:934px; } /* iE 6.0 */
#info-spalte { width:160px; float:left; margin: 20px 0 0 23px; }
#skyscraper { width:180px; height:600px; float:left; margin-top: 20px; margin-bottom:20px; padding-left:10px;text-align:left; }
#fuss {
	/*width:100%;*/
	width:742px;
	height:20px;
	clear: both;
	background:#ffffff;
	padding:5px 0 0 0;
	border-top:2px solid rgb(157, 158, 160);
	text-align:center;
	}
#fuss p { font-size:10px; padding:0 2px 0 0; font-weight:normal; color:#333333; text-align:center; }
#fuss a { color:#007bbe; text-decoration:none; }
#fuss img { float:left; margin: 0 5px 0 0; }
#info-spalte h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#86bcd8;
}


/* NAVIGATION VERTIKAL
***********************************************************************************************************************/
#navigation { width:178px; float:left; margin: 20px 0 0 0; }
#navigation h1 {
	font-size: 10px;
	height:14px;
	padding:2px 0 0 5px;
	border-right:2px solid #ffffff;
	font-weight:normal;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#007bbe;
}
#navigation ul.nav1st {list-style:none; margin:0 0 0 22px;}
#navigation ul.nav1st li {line-height:14px; margin:0 0 10px 0; }
#navigation ul.nav2nd {list-style:none; margin:0 0 0 5px;}
#navigation ul.nav2nd li {line-height:14px; margin:0 0 0 0;  }
#navigation ul.nav1st li a {
	font-weight:bold;
	color:rgb(157, 158, 160);
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 10px;
}
#navigation ul.nav1st li a:hover {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	background-image:url(../graph/gif/navi-punkt.gif);
	background-repeat:no-repeat;
}
#navigation ul.nav1st li.active a.current {
	font-weight:bold;
	color:#333333;
	text-decoration:none;
	font-size:12px;
	background-image:url(../graph/gif/navi-punkt.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
}


/* INHALT
***********************************************************************************************************************/
#inhalt { width:380px; background:#ffffff; float:left; margin: 20px 0 10px 0; }
#inhalt h1 { font-size: 16px; color:#000000; }
#inhalt h1 a { text-decoration:none; color:#ffffff; }
#inhalt a { text-decoration:none; color:#007bbe; }
#inhalt-inserat a { text-decoration:none; color:#007bbe; }
#inhalt img { margin: 0 10px 0 0; border:0; }
#inhalt h2 { font-size: 16px; color:#000000; margin: 0 0 20px 0; }
#inhalt h2 a { color:#007bbe; text-decoration:none;	}
#inhalt h4 { font-size: 12px; color:#000; margin: 10px 0 12px 0; }
#inhalt h6 { font-size: 12px; color:#000; margin: 0 0 0 0; }
#inhalt h5 { font-size: 12px; font-weight:normal; color:#000; margin: 1px 0 1px 0; }
#inhalt h3 { font-weight:normal; font-size: 12px; color:#545151; margin: 0 0 0 5px; }
#inhalt p {
	font-weight:normal;
	font-size: 12px;
	line-height:18px;
	color:#333333;
	margin: 7px 0 9px 0;
}
#inhalt-inserat p {
	font-weight:normal;
	font-size: 12px;
	line-height:18px;
	color:#333333;
	margin: 7px 0 9px 0;
}
#inhalt a.breadcrump { color:#007bbe; }
#inhalt table {margin:0 5px 10px 5px;}
#inhalt td {font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#inhalt a:visited { color:#007bbe; }
#inhalt ul { margin: 10px 5px 10px 30px; }
#inhalt li { font-size:12px; line-height:18px; }

#inhalt-inserat { width:560px; background:#ffffff; float:left; margin: 20px 0 10px 0; }
#inhalt-inserat ul { margin: 10px 5px 10px 30px; }
#inhalt-inserat li { font-size:12px; line-height:18px; }





#halfbanner img { margin: 10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #878889; }

#news-Report { background-image:url(../graph/hg/hg_report.gif); min-height:120px; background-repeat:no-repeat; padding: 0 35px 20px 35px;}
#news-Report p { font-family:arial, helvetica, verdana, sans-serif; }
#news-Management { background-image:url(../graph/hg/hg_management.gif); min-height:120px; background-repeat:no-repeat; padding: 0 35px 20px 35px;}
#news-Management p { font-family:arial, helvetica, verdana, sans-serif; }
#news-Print { background-image:url(../graph/hg/hg_print.gif); min-height:120px; background-repeat:no-repeat; padding: 0 35px 0 35px;}
#news-Print p { font-family:arial, helvetica, verdana, sans-serif; }
#news-Finishing { background-image:url(../graph/hg/hg_finishing.gif); min-height:120px; background-repeat:no-repeat; padding: 0 35px 20px 35px;}
#news-Finishing p { font-family:arial, helvetica, verdana, sans-serif; }
#news-PrePress { background-image:url(../graph/hg/hg_prepress.gif); min-height:120px; background-repeat:no-repeat; padding: 0 35px 20px 35px;}
#news-PrePress p { font-family:arial, helvetica, verdana, sans-serif; }
#news-MediaWorld { background-image:url(../graph/hg/hg_mediaworld.gif); min-height:120px; background-repeat:no-repeat; padding: 0 35px 20px 35px;}
#news-MediaWorld p { font-family:arial, helvetica, verdana, sans-serif; }
#news-Report table { table-layout:fixed; }
#news-Report td { height:120px; width:297px; vertical-align:top; }
#news-Management table { table-layout:fixed; }
#news-Management td { height:120px; width:297px; vertical-align:top; }
#news-Print table { table-layout:fixed; }
#news-Print td { height:120px; width:297px; vertical-align:top; }
#news-Finishing table { table-layout:fixed; }
#news-Finishing td { height:120px; width:297px; vertical-align:top; }
#news-PrePress table { table-layout:fixed; }
#news-PrePress td { height:120px; width:297px; vertical-align:top; }
#news-MediaWorld table { table-layout:fixed; }
#news-MediaWorld td { height:120px; width:297px; vertical-align:top; }

/* VERANSTALTUNGSKALENDER INFO-SPALTE
***********************************************************************************************************************/
#info-spalte h3.infospalte-untertitel { font-size: 10px; font-weight:bold; margin:5px 5px 0 5px; }
#info-spalte h2 { font-size: 10px; font-weight:bold; margin:5px 10px 0 5px; padding:5px 0 0 0; text-transform:uppercase; clear:both; }
#info-spalte p { font-size: 12px; font-weight:normal; margin: 0 5px 5px 0; padding:0 0 0 0; color:#333333; }
#info-spalte a { font-size: 12px; font-weight:normal; color:#007bbe; text-decoration:none; }
#info-spalte h6 { font-size:12px; margin: 6px 0 0 0;}
.ostevents-bild { float: left; padding: 3px 5px 10px 0; }
#info-spalte_detail h3.infospalte-untertitel { font-size: 10px; font-weight:bold; margin:5px 5px 0 5px; }
#info-spalte_detail h2.infospalte-titel { font-size: 10px; font-weight:bold; margin:5px 10px 0 5px; text-transform:uppercase; clear:both; }
#info-spalte_detail p.infospalte-grundschrift { font-size: 10px; font-weight:normal; margin: 0 5px 10px 5px; color:#333333; }
#info-spalte_detail a { font-size: 10px; font-weight:normal; color:#007bbe; text-decoration:none; }

/* FORMULAR
***********************************************************************************************************************/
label { float: left; width: 200px; font-size: 12px; line-height: 18px; margin: 10px 0 0 0; }
fieldset { margin:10px 0 10px 0; padding: 20px 5px 5px 10px; border:1px solid #cccccc}
.anmeldung { border:1px solid #50b052; }
.abmeldung { border:1px solid #65111c; }
input.anmeldung { border:1px solid #50b052; margin:10px 0 0 0; }
input.abmeldung { border:1px solid #65111c; margin:10px 0 0 0; }
input.submit, input.formular-schaltflaeche { margin: 30px 0 10px 125px; background:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, Verdana sans-serif }
input.newsletter { margin: 30px 0 10px 125px; background:#ffffff; text-transform:uppercase; font-family:Arial, Helvetica, Verdana sans-serif }
input, textarea, select, input.formular-erforderlich { 
	width: 250px; 
	font-size: 12px; 
	line-height: 18px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	margin: 10px 0 0 8px; /* Textausrichtung gegenüber "label" */
	padding: 2px;
}
legend { font-size:12px; font-weight:bold; color:#333333; padding: 0 5px 0 5px; }
input.checkbox { width:16px; border: 1px solid #ffffff; background: #ffffff; margin: 7px 0 0 0; line-height:14px; }
label.checkbox { font-size:12px; width: 300px; margin: 5px 0 5px 6px; }
.form_table {
	font-weight:normal;
	font-size: 12px;
	line-height:18px;
	color:#333333;
	margin: 7px 0 9px 0;
}
.form_table input {
	width: 150px; 
	font-size: 12px; 
	line-height: 18px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	margin: 10px 0 0 0px; /* Textausrichtung gegenüber "label" */
	padding: 2px;
}
/* additional
***********************************************************************************************************************/
hr {
	border: 0px; /* Für Firefox und Opera */
    border-top: solid 1px #DDDDDD;
    border-bottom: transparent;
}