@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: none;
	font-family: verdana, arial, helvetica, geneva, "sans serif";
	font-size: 90%;
	line-height: 150%;
	text-align: left;
}

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;
}

ul { list-style: disc; }

#wrapper { margin: 0 auto;text-align: left;width: 100%; }

/* Header */

#header { background: none;margin-bottom:50px;}
#header #topArea #topAreaClaim { float:none; }
#header #topArea #topAreaLogo{ float:none;margin: 14px 0 0 0; }

/* horizontale Navigation */

#topNav { display:none }

/* MainArea Basismaße */

#mainArea { margin: 35px 0; }
#mainArea #leftCol { display:none }
#mainArea #twoCols { float: none;width:100%; }
#mainArea #twoCols #mainContent { float:none;width:100%; }
#mainArea #twoCols #rightCol { display:none }


/* Maincontent - Inhalte im mittleren Teil */

#mainArea #mainContent h1 { color: #005192;font-size: 130%;font-weight: normal;margin: 0; }
#mainArea #mainContent h2 { color: #005192;font-size: 120%;font-weight: normal;margin: 10px 0; }
#mainArea #mainContent h3 { color: #005192;font-size: 100%;font-weight: bold;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: none;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: none;width:100%; }
#mainArea #mainContent .presseRight { float: none;width:100%; }

/* Programm */

table.tblAgenda { font-size:80%;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 .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:none;margin-left:20px;}
table.tblAgenda .desc img {display:none;}
table.tblAgenda td.space { background:none;height:10px; }

#mainArea #mainContent ul.kongresstag { margin: 20px 0 10px 0; }
#mainArea #mainContent ul.kongresstag .alignLeft { color: #005192;float: none;font-size: 120%;font-weight: bold;}
#mainArea #mainContent ul.kongresstag .alignRight { display:none; }

/* Pressemitteilungen */

#mainArea #mainContent .beitrag { margin-bottom: 25px; }
#mainArea #mainContent .beitrag h3 { font-size: 11px;font-weight:normal;margin: 0 0 5px 0; }
#tabs ul { display:none }

/* 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; }

/* 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 #000;color: #000;font-size:80%;line-height:120%;margin: 40px 0 0 0;padding: 8px 0 0 0; }
#footer a { color: #BBB; }
#footer a:hover { color: #999; }
#footer p.col1 { border-right: 0px solid #CCC;float: left;margin: 0 20px 0 0;padding: 3px 0 0 0;width: 360px; }
#footer p.col2 { border-right: 0px solid #CCC;float: left;margin: 0 20px 0 0;padding: 3px 0 0 0;width: 263px; }
#footer ul { display:none }

/* /Ende Footer */