/*

Lange Nacht der Wissenschaft Konstanz

Ersteller: base iX. individual websolutions
Fuchseckstr.7
70188 Stuttgart

www.base-ix.de

*/

html, body {
	margin: 0px;
	padding: 0px;
	display: block;
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #000 url("../images/bg1.jpg") 60% 0 repeat-x;	
}

body div{
	margin: 0px;
	padding: 0px;
}

/* Hintergrund mit Sterne ohne Himmel */
#main {
	background: url("../images/bg2.png") 70% -50px repeat-x;
	
}
/* Hack f�r IE6 damit das PNG angezeigt werden kann */
*html #main {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p123441.webspaceconfig.de/fileadmin/templates/klndw/images/bg2.png', sizingMethod='scale');
	background: none;
}

/* Hintergrund mit Silhoutte von Konstanz f�r Startseite */
#main1 {
	background: url("../images/silhouette_konstanz.gif") 45% 80px repeat-x;
	height: 550px;
}
/* Hintergrund mit Silhoutte von Konstanz f�r Folgeseiten */
#main2 {
	background: url("../images/silhouette_konstanz_kl.gif") 45% 80px repeat-x;
	height: 550px;
}





#body{
	margin: auto;
	padding: 0px;
	width: 970px;
	height: 100%;

	text-align: left;
	vertical-align: top;	
}

#body-left {
	width: 335px;
	float: left;
}
#body-middle {
	width: 635px;
	float: left;
	height: 100%;
}


#body-left-logo {
	width: 200px;
	height: 226px;
	background: url(../images/logo2.png) no-repeat;
	margin-top: 20px;
}
/* Hack f�r IE6 damit PNG angezeigt werden kann */
*html #body-left-logo {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p123441.webspaceconfig.de/fileadmin/templates/klndw/images/logo2.png', sizingMethod='scale');
	background: none;
}


#body-left-logo a:focus {
	outline-width: 0px;
}

/* Sternenbild wird �ber das Hintergrundbild gelegt */
#sternenbild {
	position: relative;
	top: 320px;
	left: 800px;
	*left: 470px;
	background: url(../images/sternenbild.png) no-repeat;
	z-index: 999px;
	width: 200px;
	height: 200px;
}
/* Hack f�r IE6 damit PNG angezeigt werden kann */
*html #sternenbild {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://typo3.p123441.webspaceconfig.de/fileadmin/templates/klndw/images/sternenbild.png', sizingMethod='scale');
	background: none;
}


#body-left-menu {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #423730;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #423730;
	
	width: 275px;
	margin-left: 13px;
	margin-top: 5px;
	
	float: left;
	
	padding-top: 10px;
	padding-bottom: 10px;
}
/* Hack f�r IE6 */
* html #body-left-menu {
	margin-left: 6px;
	margin-top: 10px;
}

#body-left-sponsorenlogo {
	display:none;
	width: 275px;
	height: 116px;
	margin-left: 15px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #423730;
}
/* Hack f�r IE6 */
* html #body-left-sponsorenlogo {
	margin-left: 7px;
	margin-top: 10px;
}

#body-left-sponsorenlogo a:focus {
	outline-width: 0px;
}




/* BEGIN Menu Links */

#body-left-menu ul.body-left-menu-item-1,
#body-left-menu ul.body-left-menu-item-2 {
	display: block;
	float: left;
	padding: 0;
	MARGIN: 0px;
	list-style-type: none; 
}
#body-left-menu ul.body-left-menu-item-2 {
	padding-top: 5px;
	padding-bottom: 10px;
	list-style-image: url(../images/list_button.gif);
	margin-left: 0px;
	padding-left: 13px;
	*padding-left: 15px;
}
#body-left-menu li.body-left-menu-item-1-no a,
#body-left-menu li.body-left-menu-item-1-act a,
#body-left-menu li.body-left-menu-item-2-no a,
#body-left-menu li.body-left-menu-item-2-act a {
	DISPLAY: block; 
	width: 275px;
	color: #AC4188;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	line-height: 16px;
	text-transform: uppercase;
}
#body-left-menu ul li ul li.body-left-menu-item-2-no a,
#body-left-menu ul li ul li.body-left-menu-item-2-act a {
	color: #fff;
	line-height: 16px;
	text-transform: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#body-left-menu li.body-left-menu-item-1-no a:hover,
#body-left-menu ul li ul li.body-left-menu-item-2-no a:hover {
	color: #F6BBD5;
}

#body-left-menu li.body-left-menu-item-1-no a:focus,
#body-left-menu ul li ul li.body-left-menu-item-2-no a:focus,
#body-left-menu li.body-left-menu-item-1-act a:focus,
#body-left-menu ul li ul li.body-left-menu-item-2-act a:focus {
	outline-width: 0px;
}

#body-left-menu li.body-left-menu-item-1-act a,
#body-left-menu ul li ul li.body-left-menu-item-2-act a {
	color: #F6BBD5;
}
/* END Menu Links */





/* BEGIN Inhaltsbereich definieren */
#content {
	float: left;
	width: 635px;
}	
#content-1col-middle {
	float: left;
	width: 635px;
}	


#content-1col-middle-text .csc-header h1,
#content-1col-middle-text h1,
#content-2col-middle-text .csc-header h1,
#content-2col-middle-text h1 {
	font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	margin-bottom: 18px;
	padding-bottom: 5px;
	line-height: 24px;
}

#content-2col-middle-text .csc-header h1,
#content-2col-middle-text h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #008AB0;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 5px;
	padding-top: 10px;
}
#content-2col-middle-text .csc-header h2,
#content-2col-middle-text h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 8px;
	padding-top: 0px;
	margin-top: 8px;
	
}

#content-2col-middle-text .csc-header h3,
#content-2col-middle-text h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #001640;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
}

#content-1col-middle,
#content-2col-middle {
	background-color: #008AB0;
}

#content-1col-middle-text,
#content-2col-middle-text {
	padding: 30px;
	padding-bottom: 20px;
	padding-top: 22px;
}

/* Hack f�r IE6 */
* html #content-1col-middle-text,
* html #content-2col-middle-text {
	padding: 20px;
}

#content-2col-middle {
	padding-top: 50px;
}


#content-2col-middle-text {
	padding: 0px;
	padding-top: 50px;
	background-color: #33BDE3;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 5px;
	padding-bottom: 5px;
}

#content-1col-middle-text .csc-frame-frame1,
#content-2col-middle-text .csc-frame-frame1 {
	background-color: #fff;
	width: 575px;
	position: relative; 
	left: -30px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	padding-top: 25px;
	padding-bottom: 25px;
}

/* END Inhaltsbereich definieren */




/* Begin Footerbereich definieren */
#content-1col-middle-footer {
	position: relative;
	left: 168px;
}

#content-1col-middle-footer,
#content-2col-middle-footer {
	position: relative;
	width: 635px;
	background-color: #33BDE3;
}

#content-1col-middle-text p a,
#content-2col-middle-text p a{
	color: #fff;
	text-decoration: underline;
}


#content-2col-middle-text .csc-frame-frame1 p a{
	color: #001640;
	text-decoration: underline;
}

#content-1col-middle-text p,
#content-2col-middle-text p {
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, Georgia, Verdana,  sans-serif;
}

#content-1col-middle-text .csc-frame-frame1 p,
#content-2col-middle-text .csc-frame-frame1 p {
	color: #001640;
	font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;
}

#content-1col-middle-footer .contenttable p,
#content-2col-middle-footer .contenttable p {
	margin-top: 3px;
	margin-bottom: 3px;
}

#content-1col-middle-text .csc-frame-frame1 .contenttable p,
#content-2col-middle-text .csc-frame-frame1 .contenttable p {
	color: #001640;
}

#content-1col-middle-text .csc-frame-frame1 .tx-bxevents-pi1 p,
#content-2col-middle-text .csc-frame-frame1 .tx-bxevents-pi1 p,
#content-1col-middle-text .csc-frame-frame1 .tx-bxevents-pi1,
#content-2col-middle-text .csc-frame-frame1 .tx-bxevents-pi1 {
	color: #001640;
}



#content-1col-middle-footer .contenttable p a img,
#content-2col-middle-footer .contenttable p a img{
	border: none;
}


#content-1col-middle-footer,
#content-2col-middle-footer {
	font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;
}

#content-1col-middle-footer-sponsoren,
#content-2col-middle-footer-sponsoren {
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	font-weight: bold;
}

#content-1col-middle-footer-bookmarks,
#content-2col-middle-footer-bookmarks {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 15px;
	margin-right: 15px;
	
	margin-bottom: 10px;
	margin-top: 10px;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #423730;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #423730;
	
	font-size: 10px;
	font-weight: bold;
}

#content-1col-middle-footer-bookmarks .socials,
#content-2col-middle-footer-bookmarks .socials {
	display: block;
	float: left;
	position: relative;
	top: 8px;
	padding-right: 5px;
} 

#content-1col-middle-menu,
#content-2col-middle-menu {
	background-color: #008AB0;
	height: 10px;
	width: 605px;
	padding: 15px;
	padding-top: 10px;
	padding-bottom: 14px;
} 


#content-1col-middle-menu ul,
#content-2col-middle-menu ul {
	display: block;
	list-style: none;
	padding: 0;
	MARGIN: 0px; 
}

#content-1col-middle-menu li.content-1col-middle-menu-item-1-no a,
#content-1col-middle-menu li.content-1col-middle-menu-item-1-act a,
#content-2col-middle-menu li.content-2col-middle-menu-item-1-no a,
#content-2col-middle-menu li.content-2col-middle-menu-item-1-act a {
	DISPLAY: block; 
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	text-transform: uppercase;
}

#content-1col-middle-menu .divider,
#content-2col-middle-menu .divider {
	display: block;
	float: left;
	width: 1px;
	height: 10px;
	margin-left: 6px;
	margin-right: 6px;	
	background-color: #fff;
	position: relative;
	top: 3px;
	font-size: 0px;

}	
#content-1col-middle-menu li,
#content-2col-middle-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}


#content-1col-middle-text .tx-lumogooglemaps-pi1,
#content-2col-middle-text .tx-lumogooglemaps-pi1,
#content-1col-middle-text .tx-lumogooglemaps-pi1 p,
#content-2col-middle-text .tx-lumogooglemaps-pi1 p {
	font-family: Arial, Helvetica, sans-serif;
	color: #141215;
}
#content-1col-middle-text .tx-lumogooglemaps-pi1 a,
#content-2col-middle-text .tx-lumogooglemaps-pi1 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #141215;
	text-decoration: underline;
}
/* END Footerbereich definieren */



/* MAILFORMULAR BEGIN */
INPUT,
TEXTAREA,
SELECT{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #68696B;
}

.csc-mailform {
  border-style: none;
  font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #68696B;
	padding: 0px;
	margin: 0px;
	width: 500px;
}

.csc-mailform input, 
.csc-mailform textarea, 
.csc-mailform select {
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #68696B;
	padding-left: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #969799;
	
}
.csc-mailform input[type=text]{
	width: 225px;
	height: 30px;
	margin-bottom: 2px;
}


.csc-mailform textarea{
	width: 475px;
	margin-bottom: 4px;
	height: 90px;
	padding: 4px;
}

.csc-mailform select{
	margin-bottom: 2px;
}

.csc-mailform-field {
	display: block;
	float: left;
  padding-top: 2px;
 	margin-bottom: 10px;
}

.csc-mailform-field .csc-mailform-label {
	font-weight: bold;
	display: block;
	float: none;

}

.csc-mailform-field label {
	display: block;
  width: 250px;
}
.csc-mailform-radio {
	display: block;

}
.csc-mailform-radio fieldset {
 	position: relative;
 	border-style: none;
 	
 	left: 0px;
 	display: block;
 	top: -3px;
 	
}
.csc-mailform-radio fieldset legend {
	visibility: hidden;
  display: none;
}


.csc-mailform-radio fieldset input {
	display: block;
 	float: left;
	clear: left;
	padding-top: 2px;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #68696B;
}
.csc-mailform-field .csc-mailform-submit {
	display:block;
}
div.csc-mailform-field INPUT {
	display:inline;
}
div.csc-mailform-field #mailformformtype_mail {
	display: block;
	background-color: #D0D1D3;
	border: none;
	clear: both;
	width: 145px;
	height: 30px;
	font-weight: bold;
	margin-right: 10px;
}



.csc-mailform-radio fieldset label {
	display: block;
 	width: 120px;
 	line-height: 20px;
}
.csc-mailform-label {
	clear: both;

}

.mussfelder {
	margin-top: 5px;
	display: block;
	float: left;
	font-style: italic;
}
/* MAILFORMULAR END */





#content-2col-middle-text .tx-bxevents-pi1 h3.toggler,
#content-1col-middle-text .tx-bxevents-pi1 h3.toggler,
#content-2col-middle-text .tx-bxevents-pi1 td.toggler,
#content-1col-middle-text .tx-bxevents-pi1 td.toggler  {
	cursor: pointer;
}

.tx-bxevents-pi1 div.element p, 
.tx-bxevents-pi1 div.element h4 {
	margin:0px;
	padding:0px;
}


#content-2col-middle-text .tx-bxevents-pi1 td,
#content-1col-middle-text .tx-bxevents-pi1 td {
	padding: 5px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
}

#content-2col-middle-text .tx-bxevents-pi1 .sort,
#content-2col-middle-text .tx-bxevents-pi1 .sort a {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #001640;
	font-weight: bold;
} 

#content-2col-middle-text .tx-bxevents-pi1 .sort .act a {
	text-decoration: underline;
	font-weight: normal;
} 
#content-2col-middle-text .tx-bxevents-pi1 .sort .no a {
	text-decoration: none;
	font-weight: normal;
}