/* GLOBAL */
body {font-family: arial, verdana, sans-serif; 
	 text-decoration: none;
	 color: #484846; 
	 font-weight: normal;
	 background-color: #f2f0ec;
	 background-image: url(../graphic/bg.gif);
	 background-repeat: repeat-x; 
	 background-position: top; 
	 font-size: 1.0em; 
	 text-align: left; 
	 margin: 0 auto; 
	 padding:0px; 
	 letter-spacing: 0px;}
	 
caption { FONT-SIZE: 1.45em; font-weight: bold; text-align: left; padding: 5px;}
address {font-style: normal;}
address:first-line {font-weight: bold;}
hr { border-top: solid 0.01em white;width: 93%; height: 0.01em;}
samp {font-size: 1.3em;}
abbr {}
img {border:0;}	
.aural {display: none;}

/* Für den Terminkalender */
dfn {color: #c12602;}
fieldset {width:95%;margin: 0; padding: 0.5em 0.5em 0.5em 0.5em; border:1px solid white;}
fieldset ul {list-style: none; margin-top:5px;}
fieldset li {list-style: none; margin-top:0px;}
legend {font-weight: bold;color: #484846; }
acronym {border: 0px;}
dt {width : 12em;float: left;padding: 0.5em 0.5em 0.5em 0em; font-weight : bold;} 
dd {margin-left:12.5em;padding: 0.5em 0.5em 0.5em 0.5em;}
cite { font-style: italic;}
	 
/* LAYER */
#div_login{margin:0;padding:0;line-height:1em !important;width:42%;float:left; border-right: 1px silver dotted; background-color: white;}
	#div_login .formChoices {margin:0.5em;height:2.5em;vertical-align:bottom;}
	#div_login .formLabel {width:7.5em;float:left;padding:0.1em;display:block; font-weight:bold;}
	#div_login .formField {margin-left:8em;display:block;}
	#div_login .formHandle {margin:0.5em;border:0;text-align:left;}
#div_suche{margin:0;padding:0;line-height:1em !important;width:50%;float:left; margin-left:2em; background-color: white;}
	#div_suche .formChoices {margin:0.5em;height:2.5em; vertical-align:bottom;}
	#div_suche .formLabel {width:6.0em;float:left;padding:0.1em;display:block; font-weight:bold;}
	#div_suche .formField {margin-left:6.5em;display:block;}
	#div_suche .input {width: 15.0em;}
	#div_suche .formHandle {margin:0.5em;border:0;text-align:left;}
#links {width: 247px; float: left; line-height: 1.0em; font-size: 0.75em;}	
#links p {padding: 0 0 0 10px;}
#links a {color: black;}
#links .teaser { background-color: white;}
#nebennavi {background-image: url(../graphic/links_2.gif);
		background-repeat: no-repeat;
		width: 247px;
		height: 32px;
		position: absolute; top: 110px; padding: 6px 0 0 0;}
#rechts {width: 250px;
		font-size: 0.75em; 
		line-height: 1.0em; 
		float: right;
		background-image: url(../graphic/rechts_1.gif);
		background-repeat: no-repeat;
		margin: 0;
		padding: 120px 0 0 0;}
#mitte {margin: 0 246px 0 246px; text-align: left;
	 line-height:1.6em; font-size: 0.8em;}
#advertise-top {background-image: url(../graphic/mitte_1.gif);
		background-repeat: no-repeat;
		background-position: left; text-align: center;
		height: 110px;
		}
 #advertise-top img {padding-top: 15px;}
#menu {	background-image: url(../graphic/bg_menu.gif);
		background-repeat: repeat;
		text-align: center;
		margin: 0;
		padding: 3px 0 0 0; }
#submenu{margin:0;padding:0;font-size: 0.85em; height: 13em; background-color: white;}	
	#submenu ul {margin: 0;}
	#submenu li {list-style:none; border-bottom: 1px inset silver; line-height: 1.6em;}
	
#inhalte {max-width: 700px; padding-left: 10px;}
        #inhalte ul {padding-left: 0px; margin-left: 0px; list-style: none;}
        #inhalte li.erste {width: 30%; float: left; font-weight: bold;}
        #inhalte li.zweite {width: 69%; float: left; margin-bottom: 5px;}
		#inhalte td {vertical-align: top;}
		td.zeit_ort {font-size: 0.85em; width: 30%;}
		
		#sitemap {max-width: 700px;}
		#sitemap ul {padding-left: 30px; margin-left: 0px; list-style: disc;}
		#sitemap li.erste {margin-left:10px;}
		
#bottom {text-align: center; width: auto; margin: 20px 0 0 0 ; padding:10px 0;  clear: both; font-size: 0.7em; background-color: #e4dfd6; border-top: 1px solid #c6b99f;}
		#bottom a {color: #484846; }
		
#google_maps {border: 1px solid black;}
.teaser {margin: 10px 0; color: black; padding: 0 0 0 10px; font-size: 0.9em; border-right: 1px dotted silver; width: 92%;}
	.teaser a {color: black;}
	.teaser p {padding: 0; margin:0;}
	.teaser h2 {color: #c12602; margin-bottom: 5px;}
	.teaser h3 { margin:0;}
	.navi_bottom {text-align: right; border-top: 1px solid white; padding-top: 5px; font-size: 0.8em;}
	.navi_bottom .button {font-size: 1.1em; cursor:pointer;  background-color: white; color: black; border: 1px outset silver; padding: 2px 5px 2px 5px; }
	.navi_bottom .button:hover {text-decoration: none; border: 1px inset silver;background-color: #cbc2af; color: white;}
	.navi_bottom input {font-size: 1.1em; cursor:pointer;  background-color: white; color: black; border: 1px outset silver; padding: 2px 5px 2px 5px; }
	.navi_bottom input:hover {text-decoration: none; border: 1px inset silver;background-color: #cbc2af; color: white;}
   
  
    
/* Forms */
    input { border: 1px ridge silver; padding: 2px 5px 2px 5px; color: gray; font-size: 0.85em;}
    .input {border: 1px ridge silver; padding: 2px 5px 2px 5px; color: gray; font-size: 0.85em;}
    button { border: 1px outset silver;  padding: 2px 5px 2px 5px; background-color: white; color: black;}
	button:hover {text-decoration: none; background-color: #cbc2af; color: white; border: 1px inset silver;}
    .button { cursor:pointer;  background-color: white; color: black; border: 1px outset silver; padding: 2px 5px 2px 5px; }
	.button:hover {text-decoration: none; border: 1px inset silver;background-color: #cbc2af; color: white;}
    textarea { border: 1px ridge white; padding: 2px 5px 2px 5px;}
    
    
    
/* Tabellen */
    table {}
   	tr {vertical-align:top;}
    th {text-decoration: none; font-weight:bold; padding:2px;}	
    td {border-bottom: 1px solid white;}
    
    td.rahmen{border: silver 0.1em solid;}
    .rand-oben {border-top: solid silver 1px;}
    .rand-rechts {border-right: solid silver 1px;}
    .rand-links {border-left: solid silver 1px;}
    .rand-unten {border-bottom: solid silver 1px;}
    
 
/* TEXT */
    h1 {FONT-SIZE: 1.4em; font-weight: bold; line-height: 120%; margin-top: 25px;}
    h2 {FONT-SIZE: 1.2em; PADDING:0px; LETTER-SPACING: 0px; margin: 5px 0px 0px 0px; font-weight: bold; color: black;}
    h3 {FONT-SIZE: 1.2em; PADDING:0px; LETTER-SPACING: 0px; font-weight: bold; line-height: 120%; margin-top: 0px; margin-bottom: 0px;}
    h4 {PADDING:0px; LETTER-SPACING: 0.1em;  text-transform: uppercase; font-weight: bold; line-height: 120%; margin: 0px;}
    h5 {margin: 0px;}

	/*#### ERROR ###*/
	.error input, .error select, .error textarea { 
	background-color : #c12602;
	color : #000;
	border : 1px solid #c12602;
	background : #fff;
	} 
	.error { 
	color : #c12602 !important;
	} 
	.red {color: #c12602;}

 /* LINKS */
    a { text-decoration: none; line-height: 140%; font-weight: normal; color: #c12602;}
    a img {border: 0px;}
    a:hover {text-decoration: underline;}
    a:visited {color: #c12602;}
	a.link {color: white; font-weight: normal;}
	a.link:visited {color: white;}
	a.link:hover {text-decoration: none; color: #484846;}
   
/* Styles für den NetzWerkstatt-Terminkalender */ 
/* Layerdefinition */
    #ter_seiten_oben, #ter_seiten_unten { 
	font-size : 0.85em;
	font-weight : bold;
	overflow:hidden;
	height:1%;
	} 
	
	#ter_seiten_oben strong, #ter_seiten_unten strong { 
	font-weight : normal;
	color : #b9b9b9;
	} 
	#ter_seiten_oben .erste, #ter_seiten_unten .erste { 
	width : 5%;
	margin-left : 0.2em;
	float : left;
	} 
	#ter_seiten_oben .zurueck, #ter_seiten_unten .zurueck { 
	text-align : left;
	float : left;
	} 
	#ter_seiten_oben .seitenwahl, #ter_seiten_unten .seitenwahl { 
	width : 50%;
	text-align : center;
	float : left;
	} 
	#ter_seiten_oben .naechste, #ter_seiten_unten .naechste { 
	float : right; ;
	} 
	#ter_seiten_oben .letzte, #ter_seiten_unten .letzte { 
	float : right;
	} 
   
#ter_abbinder {text-align: center; font-size: 0.8em; border-top: 0.01em solid silver;}
#ter_kalender { margin: 10px;clear:left;}
#ter_kalender table {width: 100%; border-left: 1px solid #fff;}
#ter_kalender td {border-bottom: 1px solid #f2f0ec;border-right: 1px solid #f2f0ec; font-size: 0.85em; background-color: #fff;}
   
    .ter_tag {padding: 0.5em 0.01em; text-align: center !important; border-top: 1px solid #e4ded2; border-bottom: 1px solid #e4ded2; font-weight: normal;}
    .ter_datum {padding: 0.02em; text-align: center !important;}
    .ter_sonntag {padding: 0.02em; background-color: #e4ded2 !important; text-align: center !important;}
    .ter_teaser { background-repeat: repeat-x; clear: left; margin: 1em 0 0;}
    #ter_foto_veranstaltung {height:100%;margin-bottom:5em;}
    #ter_foto_veranstaltung img {width: 15em;}
    #ter_abbinder_edith {  font-size: 0.9em !important; padding-top: 2em; margin-bottom: 1em; text-align: center; clear: left; background-color: transparent !important;}

    .ter_abbinder { color: #c12602; font-size: 0.9em !important; background-image: url(http://entwicklung.die-netzwerkstatt.de/www.schleswig-holstein.de/graphic/verlauf.gif) !important; background-repeat: repeat-x; padding-top: 2em; margin-bottom: 1em; text-align: center; clear: left;}

    
    .ter_choices {border-bottom: 1px solid white;clear: left;}
    .ter_label { width: 8em; margin: 0px; padding: 0px; float: left; display: block;}
    .ter_field { margin: 0px; padding: 0px;}
    .ter_selectbox { width: 180px; font-size: 0.8em;}
    .ter_selectbox_abbruch {width: 100%;  position: absolute; left: 27px; font-size: 0.8em;}
	
	.formChoices label { cursor : pointer; }
	.formLabel {width:12em;float:left;padding:0.1em;display:block;}
	.formField {margin-left:12.5em;display:block;}
	.formCheckboxField {width:2em;float:left;padding:0.1em;}
	.formCheckboxLabel {margin-left:2.5em;display:block;}
	.formTextareaLabel {padding:0.1em;}
	.formTextareaField {padding:0.1em;display:block;}
	.formHandle {text-align:right;border-top:0.1em solid gray;padding-top : 0.5em;}
	
	/* CLEAR FLOAT */
	.clearleft {clear:left;padding:0;margin:0;line-height:1px;}
	.clearright {clear:right;padding:0;margin:0;line-height:1px;}
	.clearboth {clear:both;padding:0;margin:0;line-height:1px;}