@charset "UTF-8";

@media all {

html * { font-size: 100.01%}

body { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 80%; color: #444;}

a { color: #4D87C7; text-decoration: none;}
a:visited { color: #4D87C7; text-decoration: none;}

a:focus,
  a:hover,
  a:active { text-decoration: underline;}

h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  color: #1f5d97; margin: 0.5em 0 0.5em 0; font: normal;}

h1 { font-size: 125%; border-bottom: 1px #D9D9D9 solid;}

h2 { font-size: 125%;}

h3 { font-size: 110%; border-bottom: 1px #D9D9D9 solid;}

h4 { font-size: 110%}

h5 { font-size: 100%; border-bottom: 1px #D9D9D9 solid; }

h6 { font-size: 100%; color: #999; font-weight: bold; font-style: normal; }

p { line-height: 1.5em; margin: 0px 0px 1.5em 0;}

ul, ol, dl { line-height: 1.5em; margin: -0.5em 0px 1em 1em}

ul { list-style-type: square;}

li { margin-left: 1em; line-height: 1.5em;}

hr { color: #fff; background: transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border: 0; border-bottom: 1px #eee solid;}

dt { font-weight: bold}

dd { margin: 0 0 1em 2em}

cite, blockquote { font-size: 95%;}

cite { letter-spacing: 1px; font-weight: lighter; margin: 0 0 1em 1em; padding: 0; font-style: normal;}

blockquote { color: #444; background: #f8f8f8; border: 1px #ddd solid; border-left: 1px #ddd solid; padding: 1em 1em 0.5em 1em; margin: 0 0 1em 1em; font-style: normal;}

strong,b { font-weight: bold}

em,i { font-style: italic}

i.mono, i.file, i.directory { font-family: "Courier New", Courier, monospace; font-style: normal;}

i.mono { padding: 0 0.3em 0 0.3em; color: #56636f; background: #f4f5f6; border: 1px #aab2ba solid;}

i.file { padding: 0 0 0 14px; background: transparent url(http://www.st-gregor.de/jugendhilfe/images/system/file.gif) no-repeat left;}
i.directory { padding: 0 0 0 15px; background: transparent url(http://www.st-gregor.de/jugendhilfe/images/system/dir.gif) no-repeat left;}

em.file { padding: 0 0 0 14px; background: transparent url(http://www.st-gregor.de/jugendhilfe/images/system/file.gif) no-repeat top left;}
em.directory { padding: 0 0 0 15px; background: transparent url(http://www.st-gregor.de/jugendhilfe/images/system/dir.gif) no-repeat top left;}


pre, code { text-align: left; display: block; line-height: 1.3em; margin: 0 0 1em 1em; padding: 0.5em 0.5em 0.5em 1em; color: #56636f; background: #f4f5f6; border: 1px #aab2ba dotted; border-left: 0; border-right: 0; font-size: 100%;}

pre { white-space: normal; font-family: "Courier New", Courier, monospace;}

code { font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; font-size: 100.00%; color: #444;}

address { letter-spacing: .07em; border-left: 0.1em solid #4D87C7; padding: 0.5em 1em 0.5em 1em; margin: 0 0 1em 1em; font-style: normal;}

acronym, abbr { letter-spacing: .07em; border-bottom: .1em dashed #c00; cursor: help;}

acronym { background: #f4f5f6;}

.kleinerText { font-size: 90%; margin: 0 0 1em 0; padding: 0px; color: #666; background-color: #FFF; }

.kleinerTitelText { margin: 0; padding: 5px 0; color: #444; border: 1px #D9D9D9 solid; border-left: 0; border-right: 0; border-top: 0;}

.spezial { margin: 0 0 1em 0; padding: 0.5em 1em 2em 48px; color: #4D87C7; background-color: #e0e9f3; border: 0px #4D87C7 solid; border-left: 0; border-right: 0;}

.wichtig { margin: 0 0 1em 0; padding: 0.5em 1em 2em 48px; color: #4D87C7; background-color: #e0e9f3; border: 0px #4D87C7 dotted; border-left: 0; border-right: 0; background-image: url(http://www.st-gregor.de/jugendhilfe/images/system/symb_hint.gif); background-repeat: no-repeat; background-position: top left;}

.hinweis { margin: 0 0 1em 0; padding: 0.5em 1em 2em 48px; color: #4D87C7; background-color: #e0e9f3; border: 0px #4D87C7 solid; border-left: 0; border-right: 0;}

.hinweisportal { margin: 0 0 1em 0; padding: 0 0em 0 0em; color: #4D87C7; background-color: #e0e9f3; border-bottom: 1px #4D87C7 dotted; border-left: 0; border-right: 0; color: #444;}

h1:hinweisportal { border-bottom: 0px}

.warnung { margin: 0 0 1em 0; padding: 0.7em 1em 2em 48px; color: #aa1124; background-color: #fff5f5; border: 1px #fcc dotted; border-left: 0; border-right: 0; background-image: url(http://www.st-gregor.de/jugendhilfe/images/system/symb_attention.gif); background-repeat: no-repeat; background-position: top left;}

.bildunterschrift { margin: 0 0 0 0; padding: 0em 0.5em 0.5em 0em; color: #444; font-size: 90%;}

.framed { margin: 0; padding: 0; color: #eee; background-color: #fff; border: 1px #D9D9D9 solid;}

.float_left { float: left; display: inline; margin-right: 1em; margin-bottom: 0.15em;}

.float_right { float: right; display: inline; margin-left: 1em; margin-bottom: 0.15em;}


table { width: auto; border-collapse: collapse; margin-bottom: 0.5em;}

table.full { width: 100%;}

table.fixed { table-layout: fixed}

th,td { padding: 0.5em;}

thead th { background: #444; color: #fff}

tbody th { background: #ccc; color: #333}

tbody th.sub { background: #ddd; color: #333}

#header { margin: 0; padding: 0;}

#header a { color: #FFF;}

#header h1 { font-size: 2.5em; letter-spacing: -2px; line-height: 65%; color: #000; }

#header td { vertical-align: bottom; text-align: center; padding: 115px 2px 2px 2px; margin: 1px; font-weight: bold; border-right: 2px #000 solid;}

#breadcrumbstring { margin: 0; padding: 0 0 2em 0; font-size: 85%;  text-align: left;}

.bereiche { width: 100%; table-layout: fixed; background: #FFF; margin: 0 0 2px 0;}

#Vorschauliste { float: left; width: 634px; padding: 10px 0;}

#Vorschauliste dl { width: 590px; margin: 10px 20px; padding: 0; }

#Vorschauliste dl:after { 

/* self-clear floats */
	content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#Vorschauliste dt { float: right; width: 462px; margin: 0; padding: 0; font-size: 100%; letter-spacing: 1px; color: #627081; border-bottom: 1px #D9D9D9 solid;}

#Vorschauliste dd { margin: 0 0 0 128px; padding: 0; font-size: 100%; line-height: 1.5em; color: #666;}

#Vorschauliste dl dd.img { margin: 0;}

#Vorschauliste dd.img img { float: left; margin: 4px 8px 0 0; padding: 4px; border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2; background: #fff;}

/* reverse float */

#Vorschauliste .alt dt { float: left;}

#Vorschauliste .alt dd { margin: 0 128px 0 0;}

#Vorschauliste .alt dd.img img { float: right; margin: 4px 0 0 8px;}

.mini { font-size: 75%;}

#searchbox { padding: 10px;}

input[type=text], 
input[type=password], 
textarea, 
select { padding: .2em; background: #fff; border: 1px #ccc solid;}

input[type=text]:focus, 
input[type=password]:focus, 
textarea:focus,
select:focus { background: #fff; border: 1px #448 solid; background: ##f4f5f6; color: #333}

#submenu { width: 100%; border-bottom: 2px #ddd solid; list-style-type: none; padding: 0px 0px 10px 0px; margin: 0px; font-size: 90%;}

#submenu ul { list-style-type: none; padding: 0px; margin: 0px;}

#submenu li { list-style-type: none; padding: 0px; margin: 0px;}

#submenup { width: 100%;  list-style-type: none; padding: 0px 0px 10px 0px; margin: 0px;}

#submenup ul { list-style-type: none; padding: 0px; margin: 0px; font-size: 90%;}

#submenup li { list-style-type: none; padding: 0px; margin: 0px;}

.inaktiv { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich.jpg) repeat-x center top;}

.inaktiv1 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich1.jpg) repeat-x center top; border: 2px #000 solid;}

.inaktiv2 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich2.jpg) repeat-x center top; border: 2px #000 solid;}

.inaktiv3 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich6.jpg) repeat-x center top; border: 2px #000 solid;}

.inaktiv4 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich3.jpg) repeat-x center top;}

.inaktiv5 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich4.jpg) repeat-x center top;}

.inaktiv6 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich5.jpg) repeat-x center top;}

.inaktiv7 { background: #4c87be url(http://www.st-gregor.de/jugendhilfe/images/system/bereich7.jpg) repeat-x center top;}

.aktiv { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich.jpg) repeat-x center top;}

.aktiv1 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich1_ov.jpg) repeat-x center top;}

.aktiv2 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich2_ov.jpg) repeat-x center top;}

.aktiv3 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich6_ov.jpg) repeat-x center top;}

.aktiv4 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich3_ov.jpg) repeat-x center top;}

.aktiv5 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich4_ov.jpg) repeat-x center top;}

.aktiv6 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich5_ov.jpg) repeat-x center top;}

.aktiv7 { background: #1f5d97 url(http://www.st-gregor.de/jugendhilfe/images/system/bereich7_ov.jpg) repeat-x center top;}

.MenueKat1 { font-size: 90%; BACKGROUND: #4c87be; MARGIN: 2px 0px 0px 0px; PADDING: 1px 10px;}

.MenueKat1 A{ COLOR: #FFF; TEXT-DECORATION: none;}

.MenueKat1 A:visited { COLOR: #FFF; TEXT-DECORATION: none;}

.MenueKat2 { font-size: 90%; BACKGROUND: #aac8e7; MARGIN: 2px 0px 0px 5px; PADDING: 1px 10px;}

.MenueKat2 A { COLOR: #FFF; TEXT-DECORATION: none;}

.MenueKat2 A:visited { COLOR: #FFF; TEXT-DECORATION: none;}

.MenueKat3 { font-size: 90%; BACKGROUND: #dbe7f2; MARGIN: 2px 0px 0px 10px; PADDING: 1px 10px;}

.MenueKat3 A { COLOR: #4c87be; TEXT-DECORATION: none;}

.MenueKat3 A:visited { COLOR: #4c87be; TEXT-DECORATION: none;}

.MenueKat1 A:visited { COLOR: #FFF; TEXT-DECORATION: none;}

.MenueKat4 { font-size: 90%; BACKGROUND: #ccffff; MARGIN: 2px 0px 0px 15px; PADDING: 1px 10px;}

.MenueKat4 A { COLOR: #FFF; TEXT-DECORATION: none;}

.MenueTitel1 { MARGIN: 2px 0px 2px 5px; PADDING: 0px 5px 0px 10px; BACKGROUND: #F6F6F6;}

.MenueTitel1 A { COLOR: #1f5d97; TEXT-DECORATION: none;}

.MenueTitel2 { MARGIN: 2px 0px 2px 10px; PADDING: 0px 5px 0px 10px; BACKGROUND: #F6F6F6;}

.MenueTitel2 A { COLOR: #1f5d97; TEXT-DECORATION: none;}

.MenueTitel3 { MARGIN: 2px 0px 2px 15px; PADDING: 0px 5px 0px 10px; BACKGROUND: #F6F6F6;}

.MenueTitel3 A { COLOR: #1f5d97; TEXT-DECORATION: none;}

.MenueTitel4 { MARGIN: 2px 0px 2px 20px; PADDING: 0px 5px 0px 10px; BACKGROUND: #F6F6F6;}

.MenueTitel4 A { COLOR: #1f5d97; TEXT-DECORATION: none;}

.MenueAktTitel { color: #999;}

#footer a { color: #FFF; background: transparent; }

#footer a:focus, 

  #footer a:hover,

  #footer a:active { color: #FFF; background-color: transparent; text-decoration: underline;}

.border {
 padding: 	0px;
 border: 	1px solid #D9D9D9;
 background: #FFF;
}

.paddedborder {
 padding: 	20px;
 border: 	1px solid #D9D9D9;
background: #eee;
text-align: center;
}

.thumbs {
 text-align:	center;
vertical-align: top;
 padding:	15px 3px 8px 3px;
 background-color: #EEE;
 border: 	1px solid #D9D9D9;
}

.title {
 margin:            3px 0 0 0;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         90%;
 color:             #666; 
 font-weight: bold;
}

.caption {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         100%;
 color: #666; 
}

.stats {
 margin:  			12px 0 4px 0;
 background-color:	transparent;
 font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:         90%;
 color: #666; 
}

.categories {
border: 1px solid #D9D9D9; 
padding:           5px 10px 5px 12px;
 background-color:  #E9E9F2;  
}

.tableBorder {
 border: 1px solid #D9D9D9;
width: 97%; 
vertical-align: top;
}

.tableNoBorder {
width: 97%;
vertical-align: top;
}

.tableBorder th {
background: #4c87be;
color: #FFF;
}

.alt1 {vertical-align: top; background: #FEFEFE;border: 1px solid #D9D9D9; 
padding:           5px 10px 5px 12px;}

.alt2 {vertical-align: top; background: #F9F9F9; border: 1px solid #D9D9D9; 
padding:           5px 10px 5px 12px;}

}