@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/*
	Projekt: www.dvvk.de
	Datei:   screen.css
	Autor:   Carolin Schwank
*/

/* ----------------------------------------------------- Page layout */

/* Basics */
body {
	background: url(../img/bgPage.gif) center top repeat-y #FFF;
	font-family: verdana, arial, helvetica, geneva, "sans serif";
	font-size: 11px;
	text-align: center
}

a { text-decoration: underline; }
	a:link { color: #005192; }
	a:visited { color: #666 }
	a:hover { color: #999 }
	a:active { color: #999; outline: none }
strong { font-weight: bold; }
em { font-style: italic; }
p, ul { margin: 0 0 10px 0; }
.mark { color: #AE0B05;font-weight: bold; }
.trenner {
	border-top: 1px dotted #CCDCE9;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
}

#wrapper { margin: 0 auto;text-align: left;width: 900px; }

/* Header */

#header { background: url(../img/bgHeader.jpg) 0 74px no-repeat #FFF;height: 241px; }
#header #topArea #topAreaClaim { float: left;margin: 27px 0 0 0; }
#header #topArea #topAreaLogo{ float: right;margin: 14px 0 0 0; }

/* horizontale Navigation */

#topNav { background: url(../img/bgTopNav.gif) left top repeat-x;font-weight: bold;height: 24px;margin: 0;padding: 0 20px 0 0;position: relative;text-align: right; }
#topNav ul li { display: inline;line-height: 22px;padding: 0 0 0 20px; }
#topNav a { color: #FFF;text-decoration: none; }
#topNav a:hover, #topNav a.current { color: #CCDCE9;text-decoration: none; }

/* MainArea Basisma�e */

#mainArea { margin: 35px 0; }
#mainArea #leftCol { float: left;width: 164px; }
#mainArea #twoCols { float: right;width: 706px; }
#mainArea #twoCols #mainContent { float: left;width: 510px; }
#mainArea #twoCols #rightCol { float: right;width: 164px; }

/* Leftcol - linke Navigation */

#mainArea #leftCol h3 {
	background-color: #005192;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	height: 24px;
	padding: 0 0 0 10px;
}

#mainArea #leftCol ul {
	margin: 0 0 30px 0;
}

#mainArea #leftCol li {
	border-bottom: 1px solid #CCC;
	padding: 0 0 0 10px;
}

#mainArea #leftCol li.current {
	background-color: #F0F0F0;
	font-weight: bold;
}

#mainArea #leftCol a {
	background: url(../img/li.gif) 0 10px no-repeat;
	color: #666;
	display: block;
	line-height: 24px;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#mainArea #leftCol a:hover {
	background: url(../img/liHover.gif) 0 10px no-repeat;
	color: #999;
}

/* Rightcol - Inhalte rechts */

#mainArea #rightCol h3 {
	color: #005192;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-align: right;
}

#mainArea #rightCol .box {
	background: url(../img/boxClosure.gif) left bottom no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	text-align: center;
}

#mainArea #rightCol .box div, #mainArea #rightCol .textBox div {
	border: 1px solid #CCDCE9;
	padding: 10px;
}

#mainArea #rightCol .box p {
	margin: 8px 0 0 0;
}

#mainArea #rightCol .textBox ul {
	margin: 0;
}

#mainArea #rightCol .textBox {
	background: url(../img/boxClosure.gif) left bottom no-repeat;
	margin: 0 0 25px 0;
	padding: 0 0 7px 0;
	text-align: left;
}

#mainArea #rightCol .textBox h4 {
	color: #005192;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	margin: 0 0 5px 0;
}

/* Maincontent - Inhalte im mittleren Teil */

#mainArea #mainContent h1 {
	color: #005192;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

#mainArea #mainContent h2 {
	color: #005192;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 0;
}

#mainArea #mainContent h3 {
	color: #005192;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 10px 0;
}

#mainArea #mainContent h2.space { margin: 30px 0 0 0; }
#mainArea #mainContent p, #mainArea #mainContent ul { line-height: 17px; }
#mainArea #mainContent ul.content li { background: url(../img/liContent.gif) 0 6px no-repeat;padding: 0 0 0 10px; }

/* spezielle Contentstyles */

#mainArea #mainContent.referenten h2 { margin: 20px 0 5px 0; }
#mainArea #mainContent.datenschutz h1 { margin: 0 0 10px 0; }
#mainArea #mainContent.datenschutz h2 { line-height: 20px;margin: 20px 0 5px 0; }
#mainArea #mainContent.datenschutz h3 { color: #005192;font-size: 12px;margin: 10px 0 5px 0; }
#mainArea #mainContent.agb h2 { line-height: 20px; margin: 20px 0 5px 0; }
#mainArea #mainContent.agb h3 { color: #005192;font-size: 12px;margin: 10px 0 5px 0; }
#mainArea #mainContent.presse h3 { color: #005192;font-size: 12px;margin: 10px 0 5px 0;}
#mainArea #mainContent.buchung h2 { line-height: 20px;margin: 20px 0 5px 0; }
#mainArea #mainContent.buchung h3 { color: #005192;font-size: 12px;margin: 10px 0 5px 0; }
#mainArea #mainContent.pressespiegel h1, #mainArea #mainContent.pressetexte h1 { margin: 0 0 10px 0; }

#mainArea #mainContent.koopDB dl { line-height: 17px;margin: 0 0 10px 0; }
#mainArea #mainContent.koopDB dt { float: left;margin-bottom: 40px;width: 100px; }
#mainArea #mainContent.koopDB dd { 	margin-left: 110px; }

#mainArea #mainContent .picReferent { float: left;margin: 17px 15px 8px 0; }
#mainArea #mainContent .picReferent img { border: 1px solid #CCC;padding: 3px; }

#mainArea #mainContent .presseLeft img, #mainArea #mainContent .presseRight img { border: 1px solid #CCC;padding: 3px;margin: 0 0 10px 0; }
#mainArea #mainContent .presseLeft { float: left;width: 240px; }
#mainArea #mainContent .presseRight { float: right;width: 240px; }

/* Programm */

table.tblAgenda { margin: 0; }
table.tblAgenda .time { background-color:#AE0B05;color: #FFF;font-size: 11px;font-weight: bold;padding: 4px 0 4px 12px;width: 70px; }
table.tblAgenda .timeGrey { background-color:#666;color: #FFF;font-size: 11px;font-weight: bold;padding: 4px 0 4px 12px;width: 70px; }
table.tblAgenda .desc { background-color: #FFF;color: #000;border-left: 1px solid #FFF;padding: 4px 0 4px 12px; }
table.tblAgenda .desc h4 {	color: #AE0B05;font-size: 12px;font-weight: bold;line-height: 17px;margin: 0 0 3px 0; }
table.tblAgenda .desc p, table.tblAgenda .desc ul { margin: 0; }
table.tblAgenda .desc li { background: url(../img/liContent.gif) 0 6px no-repeat;margin-left: 82px;padding-left: 8px; }
table.tblAgenda .desc img {border: 1px solid #CCC;padding: 3px;float:left;margin: 5px 8px 0 0;}
table.tblAgenda td.space { background: url(../img/bgPunktlinie.gif) 0 2px repeat-x #FFF;height: 5px; }

#mainArea #mainContent ul.kongresstag {
	margin: 20px 0 10px 0;
}

#mainArea #mainContent ul.kongresstag .alignLeft {
	color: #005192;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

#mainArea #mainContent ul.kongresstag .alignRight {
	float: right;
	font-size: 11px;
}

/* Pressemitteilungen */

#mainArea #mainContent .beitrag {
	margin-bottom: 25px;
}

#mainArea #mainContent .beitrag h3 {
	font-size: 11px;
	font-weight:normal;
	margin: 0 0 5px 0;
}

/* Ausstellerlogos */

#mainArea #mainContent .logoBox {
	width:150px;
	border:1px solid #CCC;
	float:left;
	height: 100px;
	margin: 15px 15px 0 0;
	vertical-align: middle;
	text-align:center
}

#mainArea #mainContent .logoBox:hover {
	background-color: #F9F9F9;
}

/* Bildergalerie */

.gallery { margin: 15px 0; }

.gallery div { display: block;float:left;margin: 0 10px 10px 0;width:156px; }
.gallery div img {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
}

.gallery ul a:hover img {
	background-color: #F9F9F9;
	border: 1px solid #CCC;
}

.gallery ul a:hover { color: #fff; }

/* IconStyles */

li.tel, li.fax, li.mail, li.www {display: block;line-height: 16px;margin: 0 0 2px 0;padding-left: 15px;} 
li.tel {background: url(../img/iconTelefon.gif) no-repeat 0 4px;}
li.fax {background: url(../img/iconTelefax.gif) no-repeat 0 4px;}
li.mail {background: url(../img/iconEmail.gif) no-repeat 0 4px;}
li.www {background: url(../img/iconWWW.gif) no-repeat 0 4px;}
ul.download li { background: url(../img/iconDownload.gif) 0 5px no-repeat;padding: 0 0 0 18px;}

/* Formularstyles f�r Info und Buchung */

legend { display: none; }
label { }
fieldset { margin : 0 0 20px 0; }

/* DL als Formularstruktur */

#buchung dl {
	line-height: 31px;
	margin: 10px 0 0 0;
	width: 435px;
}

#buchung dt {
	background: #EAF1F7;
	border-right: 1px solid #FFF;
	float:left;
	margin-bottom: 1px;
	padding-left: 5px; 
	width: 100px;
}

#buchung dt.anzahl {
	background: #EAF1F7;
	border-right: 1px solid #FFF;
	float:left;
   line-height: 15px;
	margin-bottom: 1px;
	padding-left: 5px; 
	width: 100px;
}

#buchung dl.variant dt {
	background: #EAF1F7;
	border-right: 1px solid #FFF;
	float:left;
	margin-bottom: 1px;
	padding-left: 5px; 
	width: 165px;
}

#buchung dd {
	background: #CCDCE9;
	float: right;
	height: 31px;
	margin-bottom: 1px;
	width: 329px;
}

#buchung dl.variant dd {
	background: #CCDCE9;
	float: right;
	height: 31px;
	margin-bottom: 1px;
	width: 264px;
}

#buchung dl.checkbox dd {
	background: none;
	border-right: none;
	float: right;
	line-height: 15px;
	width: 410px;
}

#buchung dl.checkbox dd p {
	padding: 2px 5px 0 10px;
}

#buchung dd.anzahl {
	background: #CCDCE9;
	float: right;
	height: 45px;
	margin-bottom: 1px;
	width: 329px;
}

#buchung input {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 4px;
	margin: 3px 0 0 10px;
}

#buchung .anzahl input {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 4px;
	margin: 12px 0 0 10px;
}

#buchung dd.anrede input {
	border: none;
	padding: 10px 0 5px 0;
}

#buchung div.checkbox input {
	background: none;
	border: none;
	float:left;
	height: auto;
	margin: 5px 0 0 0;
	padding-left: 5px; 
	width: 15px;
}

#buchung div.checkbox p {
	border: none;
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
	width: 420px;
}

#buchung input.length300 {width: 300px;}
#buchung input.length50 {width: 50px;margin-right:5px}
#buchung input.length235 {width: 235px;}

#buchung .formButton {
	border-top: 1px dotted #CCDCE9;
	margin-top: 10px;
	padding-top: 5px;
	text-align: right;
	width: 435px;
}

#buchung .formButton .sendButton, #buchung .formButton .resetButton {
	background: url(../img/bgButton.gif) 0 -10px repeat-x #CCDCE9;
	border-top: 1px solid #a6c0d4;
	border-right: 1px solid #8ba6bc;
	border-bottom: 1px solid #8ba6bc;
	border-left: 1px solid #a6c0d4;
	color: #005192;
	font: 11px Verdana, Tahoma, Helvetica, Geneva, sans-serif;
	padding: 3px 0;
	text-align: center;
	width: 120px;
}

/* Footer */

#footer { border-top: 1px solid #CCC;color: #999;font-size: 10px;line-height: 14px;margin: 10px 0;padding: 8px 0 0 20px; }
#footer a { color: #BBB; }
#footer a:hover { color: #999; }
#footer p.col1 { border-right: 1px solid #CCC;float: left;margin: 0 20px 0 0;padding: 3px 0 0 0;width: 260px; }
#footer p.col2 { border-right: 1px solid #CCC;float: left;margin: 0 20px 0 0;padding: 3px 0 0 0;width: 183px; }
#footer ul { float: left;padding: 3px 0 0 0;width: 350x; }
#footer ul li { display: inline;padding: 0 15px 0 0; }

/* /Ende Footer */