/*---------------------------------------------
  DECAF° agentur für digitale kommunikation
  www.decaf.de
---------------------------------------------*/

html {
  /* add vertical scrollbar for all sites */
  height:101%;
  }
body {
  background:#FFF;
  color:#000;
  margin:0;
  padding:0;
  width:100%;
  font-family:"Lucida Grande",Lucida Sans Unicode,Helvetica,Arial,sans-serif;
  font-size:100.01%;
	}


/* ---------------------------------------------------------------------------------------------------------- */
/* default */
/* ---------------------------------------------------------------------------------------------------------- */
	
img {
	border:0;
	}
.clear {
	clear:both;
	}
.nomargin {
	margin-bottom: 0;
	}
.w500 {
	width: 500px !important;
	}
.w600 {
	width: 600px !important;
	}


/*-------------------------------------
  Typo
-------------------------------------*/
	
p {
	font-size:0.8em; line-height:1.4em; font-weight:normal;
	margin:0 0 0.8em 0; padding:0;
	}
p.small {
	font-size:0.7em; line-height:1.3em; font-weight:normal;
	margin:0 0 0.4em 0; padding:0;
	}


a {
	text-decoration:none; color: #E15700;
	}
a:focus,
a:hover {
	text-decoration: underline;
	}


h1 {
	font-size:0.8em; line-height:1.3em; font-weight:bold;
	letter-spacing: 2px; text-transform: uppercase;
	margin:0 0 15px 0; padding:0.4em 10px 0.5em 10px;
	clear: both;
	display: block;
	background: #E15700; color: #FFF;
	}
h2 {
	font-size:1.1em; line-height:1.3em; font-weight:bold;
	margin:0 0 1em 0; padding:0;
	}
h3 {
	font-size:0.9em; line-height:1.3em; font-weight:bold;
	margin:0 0 1em 0; padding:0;
	}
h4 { /* Überschriften innerhalb eines Rahmens */
	background:#FD7E2F; color:#FFF;
	font-size:0.7em; line-height:1.4em; font-weight:bold;
	padding:0.2em 1em; margin:0;
	display:inline; vertical-align:text-top;
	}
h4 a {
	color: #FFF; text-decoration: none;
	}


	
/*-------------------------------------
  Klickelemente
-------------------------------------*/

/* Bereich für Mausklick, der sich über einen Inhaltsbereich legt */
a.click {
	display:block;
	height:100px;
	margin:0 0 -100px 0;
	position:relative;
	padding:0;
	}
a.click span {
	display:none;
	}
a.click:focus,
a.click:hover {
	background:url(./../files/block-trans.png) bottom left no-repeat;
	cursor: pointer;
	}

div#block_start a.click:focus,
div#block_start a.click:hover {
	background:url(./../files/block-trans.png) bottom right no-repeat;
	cursor: pointer;
	}
div.block a.click:focus,
div.block a.click:hover {
	background:url(./../files/block-trans.png) top right no-repeat;
	cursor: pointer;
	}


	
/* ---------------------------------------------------------------------------------------------------------- */
/* side container */
/* ---------------------------------------------------------------------------------------------------------- */
	
div#container {
	width:85%; min-width:770px;
	margin:0 auto; padding-bottom:50px;
	}
div#max-width {
	max-width:990px;
	}


/* ---------------------------------------------------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------------------------------------------------- */

div#header {
	margin:10px 0 10px 0; padding:0;
	display:table; width:100%;
	}
div#logos {
	width:220px;
	display:table-cell;
	}
img#logo_stuewe {
	margin:8px 29px 0 15px;	padding:0;
	width:170px; height:107px;
	float:left;
	}
img#logo_adtv {
	margin:0; padding:0;
	width:81px; height:68px;
	position: absolute; /* aus dem Fluss heben, mehr Platz für Navi schaffen */
	}
div#navi {
	display:table-cell;
	vertical-align:bottom; text-align:right;
	padding:0 0 6px 0; /* Text auf eine Linie mit Logo bringen */
	}
div#header a {
	font-size:0.7em;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}
div#header a:hover,
div#header a:focus {
	text-decoration:underline;
	}
div#header a.highlight {
	font-weight: bold;
	color: #E15700;
	}


/* ---------------------------------------------------------------------------------------------------------- */
/* sidebar */
/* ---------------------------------------------------------------------------------------------------------- */	
	
div#sidebar {
	width:300px;
	float:right;
	}
div#sidebar div.block {
	background:#FBF5E7;
	margin:0 0 20px 0; padding:0;
	overflow:hidden;
	}
div#sidebar div.border {
	border:1px solid #FD7E2F;
	}

div#sidebar div#termine {
	background:#FBF5E7;
	}
div#sidebar div#galerie {
	background:transparent url(./../files/galerie.jpg) no-repeat;
	}
div#sidebar div#gaestebuch {
	background:transparent;
	}	

div#sidebar div.block div {
	padding:15px 10px;
	}
div#sidebar h3 {
	font-size:0.7em; line-height:1.3em; font-weight:bold;
	padding:0; margin:0 0 0.8em 0;
	}
div#sidebar p {
	font-size:0.7em; line-height:1.3em;
	padding:0; margin:0 0 0.4em 0;
	}


/*-------------------------------------
  Galerie-Preview
-------------------------------------*/

div#sidebar div.block div.reihe1 {
	width:270px;
	padding:0; margin:0;
	text-align:left;
	}
div#sidebar div.block div.reihe2 {
	width:270px;
	padding:0; margin:0;
	text-align:right;
	}
div#sidebar div.block div.reihe1 img,
div#sidebar div.block div.reihe2 img {
	margin:0 3px 3px 0; padding:0;
	border: 1px solid white;
	}
div#sidebar div.block div.reihe1 img:focus,
div#sidebar div.block div.reihe1 img:hover,
div#sidebar div.block div.reihe2 img:focus,
div#sidebar div.block div.reihe2 img:hover {
	border-color: #FD7E2F;
	}
div#sidebar div.block img.new {
	margin:0 10px 15px 0; float:left;
	}



/*-------------------------------------
  Listen
-------------------------------------*/

/* Standard */
ul.list {
	margin:0 0 1em 0; padding:0;
	}
ul.list li {
	margin:0 0 1em 0; padding:0;
	list-style-type:none;
	}
ul.list li.nomargin {
	margin-bottom: 0;
	}
ul.list li p {
	}
ul.list li p.date { /* Datum */
	margin-bottom: 0 !important;
	}
ul.list li p.title { /* Titel */
	font-weight: bold;
	}

/* Sidebar */
div#sidebar ul.list {
	padding-left: 5px;
	}

/* Content */
div#content ul.list {
	width: auto;
	margin: 0 0 30px 0;
	}
div#content ul.list li {
	background: #FBF5E7; padding: 10px 10px 5px 10px;
	}



/* ---------------------------------------------------------------------------------------------------------- */
/* content */
/* ---------------------------------------------------------------------------------------------------------- */

div#content {
	margin:0 325px 0 0; padding:0;
	display:block;
	}
body.nosidebar div#content {
	margin:0;
	}
div#content:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
/* div#content h3 {
	font-family:Georgia,serif;
	} */
div#content div#block_start a.click { /* Höhe anpassen! */
	height:320px;
	margin:0px;
	}
div#content div#block_start {  /* Startseite Intro-Bereich */
	background:url(./../files/kursangebot.jpg) right top no-repeat;
	width:120%; height:320px;
	margin:-17px 0 10px -20%; padding:0 0 0 9px;
	}

div#content div.block {
	margin:0 0 20px 0; padding:0;
	text-align:left;
	overflow: hidden;
	}
div#content div.border {
	border:1px solid #FD7E2F;
	}
div#content div.block div {
	padding:15px 10px;
	}
/* Ausgleich google-map */
div#content div.block div#map_container div {
	padding: 0 !important;
	}
div#content div.block_container {
	margin:0 0 20px 0; padding:0;
	text-align:left;
	overflow:hidden;
	}
div#content div.block_container:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
div#content div.block_container div.block_left {
	width:48%;
	height:120px;
	float:left;
	background:#DDD;
	}
div#content div.block_container div.block_right {
	width:48%;
	height:120px;
	float:right;
	background:#DDD;
	}	
div#content div.block_container div.border {
	border:1px solid #FD7E2F;
	}



/*-------------------------------------
  Blöcke / Specials
-------------------------------------*/

/* 
	Bildgrößen:
	große Blöcke:                 Breite 450-665px, Höhe 180px
	kleine Blöcke (links/rechts): Breite 215-320px, Höhe 120px
*/

div#content div.special {
	height: 180px !important;
	}
div#content div.special a.click { /* Höhe anpassen, dabei Achtung IE! */
	height: 180px;
	margin-bottom: -180px;
	}

div#content div.block_left,
div#content div.block_right {
	height: 120px !important;
	}
div#content div.block_left a.click,
div#content div.block_right a.click{ /* Höhe anpassen, dabei Achtung IE! */
	height: 120px;
	margin-bottom: -120px;
	}



/*-------------------------------------
  Formular
-------------------------------------*/

form#cform {
  border:none; width:400px; padding:0; margin:1em 0 1.5em 0;
	overflow:hidden; /* Opera */
  }
form#cform fieldset {
  border:none; padding:0 0 1.5em 0; margin:0;
	overflow:hidden; /* Opera */
  }
form#cform input,
form#cform textarea {
  font-family:monospace;
	font-size:1em; line-height:1.5em; font-weight:normal;
  background-color:#EDEFED; color:#000000;
  margin:0 0 0.5em 0; padding:0.2em 10px 0.2em 10px;
  border:1px solid #D0D6DA; border-left:3px solid #AFB0B3; cursor:pointer;
	width:376px;
  }
form#cform input.error,
form#cform textarea.error {
  border:1px solid #666; border-left:3px solid #666;
  }
form#cform label,
form#cform p.label {
  color:#000000;
	font-size:0.8em; line-height:1.3em; font-weight:normal;
	margin:0; padding:0.1em 0 0.2em 0;
	display:inline; cursor:pointer;
	clear:left;
  }
form#cform p.label {
	position: relative; top:-5px;
	}
form#cform label.error,
form#cform p.error {
  font-weight:bold; 
	background:#666; color:white;
	padding-left: 5px;
	padding-right: 5px;
  }
form#cform label.cbox {
  clear:none; margin:0;
	padding:0 0 0.6em 10px;
	display:table-cell;
	}
form#cform label:hover,
form#cform label:focus {
  color:#FD7E2F;
  }
form#cform input:focus,
form#cform textarea:focus {
  border-left:3px solid #FD7E2F; background-color:#FBF5E7;
  }
form#cform input.submit {
  font-family:Lucida Grande,Verdana,Helvetica,Arial,sans-serif;	font-size:0.8em;
	background-color:#666666; border:none; color:#FFFFFF;
  margin:0 0 3px 200px; padding:0.3em 0 0.3em 0;
	width:200px;
  }
form#cform input.submit:hover,
form#cform input.submit:focus {
  background-color:#FD7E2F;
  }
form#cform input.checkbox {
	width:auto; height: auto; background:none;
	margin:0; padding:0; border:0;
	float:left;
	height:1.4em; 
	vertical-align:middle;
	}

p.info {
	font-size:0.8em; line-height:1.3em; font-style:normal;
	margin:0; padding:0.3em 0.5em 0.4em 0.5em;
  font-weight:normal; color:white;
  }
p.err {
  background:#666;
  }
p.ok {
  margin: 20px 0;
  background:#666;
  }


form#cform .b25,
form#cform .b25r {
  width:100px; float:left;
	}
form#cform .b25 input {
  width:66px; margin-right:10px;
	}
form#cform .b25r input {
  width:76px; margin-right:0;
	}
	
form#cform div {
	margin: 0 !important;
	padding: 0 !important;
	}
form#cform .b50,
form#cform .b50r {
  width:200px; float:left;
	}
form#cform .b50 input {
  width:166px; margin-right:10px;
	}
form#cform .b50r input {
  width:176px; margin-right:0;
	}

form#cform .b75,
form#cform .b75r {
  width:300px; float:left;
	}
form#cform .b75 input {
  width:266px; margin-right:10px;
	}
form#cform .b75r input {
  width:276px; margin-right:0;
	}

form.comment {
	margin:1em 0 0.5em 10px !important;
	}


form#cform div.chkbx2 {
	width: 48%;
	float: left;
	}
form#cform div.chkbx3 {
	width: 31%;
	float: left;
	}
form#cform div.chkbxn:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	margin-bottom: 10px;
	}




/*-------------------------------------
  Galerie
-------------------------------------*/

/* letztes Bild, nächstes Bild */
span.paging {
	margin-left: 20px;
	}
span.paging a {
	margin-right: 10px;
	}
span.paging a.deakt { /* ausgegraut */
	color: #999;
	}

span.paging a.deakt:focus,
span.paging a.deakt:hover {
	color: #999;
	text-decoration: none;
	cursor: default;
	}

ul.gallery_list {
	margin: 0 0 10px 10px; padding: 0;
	}
ul.gallery_list:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
ul.gallery_list li {
	/*
	width: 47%;
	float: left;
	*/
	display: block; 
	list-style-type: none;
	padding: 0; margin: 0 2% 2% 0;
	border: 1px solid #F8E9C4;
	background: #FBF5E7 url(./../files/kamera.gif) 15px 4px no-repeat;
	}
ul.gallery_list li:focus,
ul.gallery_list li:hover {
	background-color: #F8E9C4;
	cursor: pointer;
	}
ul.gallery_list li a:focus,
ul.gallery_list li a:hover {
	text-decoration: none;
	}
ul.gallery_list li p {
	padding: 3px 5px 3px 50px; margin: 0 0 0.2em 0;
	}

	
ul.gallery_thumbs {
	margin: 0 0 10px 10px; padding: 0;
	}
ul.gallery_thumbs:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
ul.gallery_thumbs li {
	width: 110px; height: 135px; display: block; float: left;
	list-style-type: none;
	padding: 6px 10px 6px 6px; margin: 0 10px 10px 0;
	border: 1px solid #F8E9C4;
	background: #FBF5E7;
	}
ul.gallery_thumbs li:focus,
ul.gallery_thumbs li:hover {
	background-color: #F8E9C4;
	cursor: pointer;
	}
ul.gallery_thumbs li a:focus,
ul.gallery_thumbs li a:hover {
	text-decoration: none;
	}
ul.gallery_thumbs li p {
	padding: 0; margin: 0;
	font-size: 0.7em;
	}
	
img.gallery_pic {
	margin: 0 0 10px 10px; padding: 0;
	}
	


/*-------------------------------------
  Kursangebot
-------------------------------------*/

ul.kurse {
	margin: 0 0 10px 10px; padding: 0;
	}
ul.kurse:after { /* Float einschließen */
	content:"clear"; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;
	}
ul.kurse li {
	width: 160px; display: block; float: left;
	list-style-type: none;
	padding: 10px; margin: 0 10px 10px 0;
	border: 1px solid #F8E9C4;
	background: #FBF5E7;
	font-size: 0.7em;
	}
ul.kurse li:focus,
ul.kurse li:hover {
	background-color: #F8E9C4;
	cursor: pointer;
	}


table.kurs {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	}
table.kurs tr {
	}
table.kurs th,
table.kurs td {
	margin: 0;
	padding: 5px 10px;
	background: #FBF5E7;
	font-size: 0.8em;
	}
table.kurs th {
	border-top: 3px solid white;
	background: #F8E9C4;
	}
table.kurs td {
	}
table.kurs .leistungen {
	border-right: 3px solid white;
	}
table.kurs ul {
	margin: 0;
	padding: 0;
	}
table.kurs ul li {
	margin: 0 0 0.2em 1.5em;
	padding: 0;
	list-style-type: disc;
	}
p.beschreibung {
	width: 75%;
	margin-bottom: 0.5em;
	}
table.kurs td.anmelden {
	background-color:#666;
	text-align: center;
	}
table.kurs td.anmelden:hover,
table.kurs td.anmelden:focus {
	background-color:#FD7E2F;
	cursor: pointer;
	}
table.kurs td.anmelden a {
	color: #FFF;
	}
table.kurs td.anmelden a:focus,
table.kurs td.anmelden a:hover {
	text-decoration: none;
	}

table.event {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	table-layout: auto;
	}
table.event tr {
	}
table.event th,
table.event td {
	margin: 0;
	padding: 5px 15px 5px 5px;
	background: #FBF5E7;
	font-size: 0.8em;
	}
table.event th {
	border-top: 3px solid white;
	background: #F8E9C4;
	}

/*-------------------------------------
  DECAF
-------------------------------------*/

div#decafmedia {
  position:absolute; left:4px; top:445px; width:12px; height:64px; border:0;
  }
div#decafmedia a, div#decafmedia a:link, div#decafmedia a:hover, div#decafmedia a:focus {
  text-decoration:none; border:none; background:none;
  }



/*-------------------------------------
  Popup
-------------------------------------*/

body.popup div#container {
	width: 100% !important;
	min-width: 0 !important;
	margin:0; padding-bottom:30px;
	}
body.popup div#header {
	margin:0; padding:0;
	display:block;
	}
body.popup h1 {
	padding-left: 20px;
	}
body.popup div#content {
	margin:0 20px;
	padding:0;
	display:block;
	}
body.popup ol {
	margin: 0 0 1em 0; padding: 0 0 0 1.5em;
	}
body.popup ol li {
	font-size:0.8em; line-height:1.4em; font-weight:normal;
	margin:0 0 0.8em 0; padding:0;
	list-style-type:decimal;
	}