/*
 * Stylesheet casa nostra Zentrum für Jugendkultur Böblingen
 * Author bugfree media GbR 2007-2009 - Thomas Jirasko |  http://www.bugfree-media.de
 */
body {
	margin:0px;
	padding:0px;
	border:none;
	font-size:0.75em;
	background:url('../img/bg_body.gif') repeat-x #E8E8E8;
	text-align:center;
}

body, table {
	font-family:Arial,Helvetica,sans-serif;
	color:#666;
}

:focus { outline:0 }

:root { overflow-y: scroll; }

table {
	border-collapse:collapse;
	border-spacing:0px;
	font-size:1em;
}

table td { vertical-align:top }

body div { text-align:left }

input, label, form, dl, dt {
      	margin:0;
  	padding:0;
 }

input, input.text, select, textarea {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	border:1px solid #666;
	color:#666;
	font-size:1em;
	padding:0 2px;
	background-color:#FFF;
}

input.text, textarea { text-indent:2px }
select { text-indent:0px }
input.text { height:16px }

input.submitButton {
  border-style:outset;
  cursor:pointer;
}

input.submitButton:hover { border-style:inset }

html:first-child>b\ody input.text { height:18px } /* Hack nur für Opera */

h1, h2, h3, h4, h5, h6 {
 	margin:8px 0 10px 0;
 	color:#659BBD;
 	font-weight:normal !important;
}

h1 { font-size:1.4em }
h2 { font-size:1.2em }
h3 { font-size:1.1em }
h4 { font-size:1em }
h5 { font-size:0.9em }
h6 { font-size:0.8em }
	
img {
	vertical-align:bottom;
	border:none;
}

ul, li {
	list-style-type:none;
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------- links --- */
a:link, a:visited, a:active, a:hover { text-decoration:none } 
a:link, a:visited { color:#81B001 }
a:active, a:hover { color:#999 }
a img { border:none }

/* ----------------------------------------------------------- canvas --- */
#canvas {
	width:847px;
	margin:5px auto;
	background-color:#FFF;
	border:1px solid #A2A2A2;
}

/* ----------------------------------------------------------- top --- */

#top {
  	height:163px;
  	background:url('../img/bg_top.jpg') no-repeat 4px 4px;
}

#top img.logo {
	display:inline;
	width:205px;
	height:100px;
	margin:25px 0 0 615px;
}

/* ----------------------------------------------------------- top navi --- */
#topNavi {
	width:839px;
	height:33px;
	margin-left:4px;
	background:url('../img/bg_top_navi.gif') no-repeat right top #C8D32D;
}

#topNavi ul li {
	float:left;
	height:33px;
}

#topNavi ul li.level1_act, #topNavi ul li.level1_cur, #topNavi ul li a:hover {
	border-left:1px solid #FFF;
	margin-left:-1px;
	background:url('../img/bg_top_navi_li.gif') no-repeat right #7FB9DF;
}

#topNavi ul li a {
	display:block;
	float:left;
	height:100%;
	padding:0 18px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1.3em;
	line-height:2em;
	letter-spacing:0.09em;
}

#topNavi ul li a:link, #topNavi ul li a:visited, #topNavi ul li a:active, #topNavi ul li a:hover {
	color:#FFF;
}

/* ----------------------------------------------------------- sub navi --- */
#subNavi {
	float:left;
	width:839px;
	height:0;
	margin-left:2px;
	background:url('../img/bg_sub_navi.jpg') repeat-x;
}

html>body #subNavi {
	margin-left:4px;
}

#subNavi ul {
	margin-left:6px;
}

#subNavi ul li {
	float:left;
 }

#subNavi ul li a {
	display:block;
	float:left;
	padding:0 12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.5em;
}

#subNavi ul li a:link, #subNavi ul li a:visited { color:#FFF }
#subNavi ul li a:active, #subNavi ul li a:hover, #subNavi ul li.level2_act a, #subNavi ul li.level2_cur a {
	color:#FFF;
	border-left:1px solid white;
	margin-left:-1px;
	background:url('../img/bg_sub_navi_li_2.gif') no-repeat right top #9B9B9B;
}

/* ----------------------------------------------------------- subNaviDropDown --- */
#subNaviDropDown {
	float:left;
	width:839px;
	margin-left:2px;
	height:20px;
	background:url('../img/bg_sub_navi.jpg') repeat-x;
}

html>body #subNaviDropDown {
	margin-left:4px;
}

#subNaviDropDown ul {
	margin-left:6px;
	position:absolute;
	z-index:20;
}

#subNaviDropDown ul li { /* Normalzustand eingeklappt */
	display:none;
	width:220px;
	height:20px;
	border-bottom:1px solid #FFF;
	background-color:#7FB9DF;
	filter: alpha(opacity=95); /* IE */
	opacity: .95; /* alle anderen Browser */
}

html>body #subNaviDropDown ul li {
	width:auto;
	min-width:200px;
}

#subNaviDropDown ul li.first {
	display:block;
	margin:0;
	color:#FFF;
	padding:3px 0 0 22px;
	height:17px;
	background:url('../img/button_down.gif') no-repeat right top #7FB9DF;
}

#subNaviDropDown ul li a {
	position:relative;
	display:block;
	color:#FFF;
	min-width:200px;
	padding:3px 0 0 22px;
}

#subNaviDropDown ul li a:link, #subNaviDropDown ul li a:visited {
	color:#FFF;
}
#subNaviDropDown ul li a:active, #subNaviDropDown ul li a:hover, #subNaviDropDown ul li.level2_act a, #subNaviDropDown ul li.level2_cur a {
	color:#ebff99;
	background:url('../img/button_right.gif') no-repeat left top;
}

/* ----------------------------------------------------------- sub navi 2 --- */
#subNavi2 {
	float:left;
	width:839px;
	height:0;
	margin-left:2px;
	background:url('../img/bg_sub_navi_2.jpg') repeat-x;
}

html>body #subNavi2 {
	margin-left:4px;
}

#subNavi2 ul {
	margin-left:6px;
}

#subNavi2 ul li {
	float:left;
	height:19px;
 }

#subNavi2 ul li a {
	display:block;
	float:left;
	padding:0 12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.5em;
}

#subNavi2 ul li a:link, #subNavi2 ul li a:visited { color:#FFF }
#subNavi2 ul li a:active, #subNavi2 ul li a:hover, #subNavi2 ul li.level3_act a, #subNavi2 ul li.level3_cur a {
	color:#ebff99;
}

/* ----------------------------------------------------------- sub navi 3 --- */
#subNavi3 {
	float:left;
	width:839px;
	height:0;
	margin-left:2px;
}

html>body #subNavi3 {
	margin-left:4px;
}

#subNavi3 ul {
	margin-left:6px;
}

#subNavi3 ul li {
	float:left;
 }

#subNavi3 ul li a {
	display:block;
	float:left;
	padding:0 12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.5em;
	border-left:1px solid #FFF;
	border-top:1px solid #b0b0b0;
	margin-left:-1px;
	background:url('../img/bg_sub_navi_li_3.gif') no-repeat right top #C9C9C9;
}

#subNavi3 ul li a:link, #subNavi3 ul li a:visited { color:#FFF }
#subNavi3 ul li a:active, #subNavi3 ul li a:hover, #subNavi3 ul li.level4_act a, #subNavi3 ul li.level4_cur a {
	color:#ebff99;
}

/* ----------------------------------------------------------- content in general --- */
p.align-center { text-align:center }
.spacer-gif { display:none }
.csc-textpic { margin-bottom:20px }
*+html>body .csc-textpic-imagerow { margin-bottom:2px }

.csc-header-n1 h1, .csc-header-n2 h1, h1.csc-firstHeader, .news-single-item h1 {
	clear:left;
	border-bottom :1px solid #659BBD;
}

dl.csc-textpic-image { margin:5px 5px 5px 15px !important }

.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { padding-right:15px !important }

.csc-textpic-intext-right-nowrap .csc-textpic-caption { padding-left:15px !important }

.csc-textpic-clear {
	height:0px !important;
	font-size:0px !important;
}

/* ----------------------------------------------------------- content --- */
#content {
	clear:both;
	width:805px;
	height:333px;
	margin:4px;
	padding:12px 17px 0px 17px }

html>body #content {
	height:auto;
	min-height:333px }

/* ----------------------------------------------------------- contentGalerie --- */
#contentGalerie {
	clear:both;
	width:805px;
	height:333px;
	margin:4px;
	padding:12px 17px 0px 17px;
}

html>body #contentGalerie {
	height:auto;
	min-height:333px;
}

/* ----------------------------------------------------------- content 2 cols left ### */
#content2ColsLeft {
	float:left;
	width:397px;
	height:333px;
	padding:12px 6px 0px 21px }

html>body #content2ColsLeft {
	height:auto;
	min-height:333px }

/* ----------------------------------------------------------- content 2 cols right --- */
#content2ColsRight {
	float:right;
	width:397px;
	height:333px;
	padding:12px 21px 0px 5px }

html>body #content2ColsRight {
	height:auto;
	min-height:333px }
	
/* ----------------------------------------------------------- content Goldener Schnitt left --- */
#contentGSLeft {
	float:left;
	width:490px;
	height:333px;
	padding:12px 6px 0px 21px;
}
html>body #contentGSLeft {
	height:auto;
	min-height:333px;
}

/* ----------------------------------------------------------- content Goldener Schnitt right --- */
#contentGSRight {
	float:right;
	width:296px;
	height:333px;
	padding:12px 21px 0px 5px;
}
html>body #contentGSRight {
	height:auto;
	min-height:333px;
}

/* ----------------------------------------------------------- content 3 cols left --- */
#content3ColsLeft {
	float:left;
	width:252px;
	height:333px;
	padding:12px 16px 0px 21px }

html>body #content3ColsLeft {
	height:auto;
	min-height:333px }


/* ----------------------------------------------------------- content 3 cols center  --- */
#content3ColsCenter {
	float:left;
	width:270px;
	height:333px;
	padding:12px 0px 0px 0px }

html>body #content3ColsCenter {
	height:auto;
	min-height:333px }

/* ----------------------------------------------------------- content 3 cols right --- */
#content3ColsRight {
	float:left;
	width:252px;
	height:333px;
	padding:12px 21px 0px 15px }

html>body #content3ColsRight {
	height:auto;
	min-height:333px }
/* ##################################################### */

/* ----------------------------------------------------------- footer --- */
#footer {
	clear:both;
	width:839px;
	height:50px;
	margin:0px 4px 4px 4px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	background-image:url('../img/bg_footer.jpg');
	background-repeat:no-repeat;
	font-size:0.9em }

#footer .copyright {
	height:15px;
	float:left;
	margin:35px 0px 0px 5px;
	color:#4D6B21 }

html>body #footer .copyright { margin-left:10px }

#footer #bottomNavi {
	height:15px;
	float:right;
	margin:35px 8px 0px 0px }

html>body #footer #bottomNavi { margin-right:16px }

#footer #bottomNavi ul li {
	display:inline;
	padding-left:15px }

#footer #bottomNavi ul li a:link, #footer #bottomNavi ul li a:visited { color:#4D6B21 }
#footer #bottomNavi ul li a:active, #footer #bottomNavi ul li a:hover { color:#EEE }