/* CSS Document */

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

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
 	background-color: #D1258D;
	background-image: url(images/bg-swish.jpg);
}

a { color: #63A511;  font-weight: bold; text-decoration: none;} /* Rubrik */
a:visited { color: #63A511;}
a:hover { text-decoration: underline; }
a:focus {outline-style: none;} /* get rid of dotted border in FF*/

h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
	color: #FFF;
	background-color: #9FCD42; /*green*/
	font-size: 22px; font-weight: normal; 
	letter-spacing: 0.0px; 
	line-height: 24px;
	margin-bottom: 35px;
}

h2 { color: #666; font-size: 17px; line-height: 25px;}
h3 { color: #666; font-size: 13px;}


.linie { color:#969696; }
.barrierefrei { display: none; }

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


hr { 
	background: transparent;
	border: 0;
	height: 1px;
	margin: 0px auto;
	border-bottom: 1px dotted #666;
}

.trennlinie {
	width: 100%;
	height: 5px;
	background-color: YELLOW; 
	background-image: url(images/dotted_line.gif);
	background-repeat: repeat-x;
}


/* WRAPPER
----------------------------------------------------------------------------- */

#container {
	position:relative;   
	margin: 0 auto;
	width: 938px;
	margin-top: 45px;
	/* background-color: YELLOW; */
	border: 0px solid red;

}

#container2 {
	width: 935px;
	background-image: url(images/bg-body.gif);
	background-repeat: repeat-y;
	background-position: left;

}

/* HEADER
----------------------------------------------------------------------------- */

#header {
	float:left;
 	width: 935px;
	height: 140px;
	/* Claim */
	background-image: url(images/schule-fuer-gesundheitsberufe.gif);
	background-repeat: no-repeat;
	background-position: 580px 68px;
	border-bottom: 0px dashed red;
}

#header img {
	border: 0;
	margin: 40px 0 0 20px; /* Logo Schalter */
}

/* TOPBAR
----------------------------------------------------------------------------- */

#topbar {
	float:right;
	width: 590px;
	height: 30px;
	margin-right: 28px;
	text-align: right;
	color: #828282;
	font-size: 11px;
	margin-top: 10px;
}

#topbar a {color: #828282;text-decoration: none;}


/* SIDEBAR
----------------------------------------------------------------------------- */

#sidebarrechts {
	float: left;
	width: 170px;
	margin-left: 25px;
	margin-top: 30px;
}


/* NAVRIGHT
----------------------------------------------------------------------------- */

#navright {
	float: left;
	width: 210px;
	height: 20px;
	margin-left: 818px;
	margin-top: 45px;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

/* NAVTREE
----------------------------------------------------------------------------- */

#navtree {
	display: none; /* AUS */
	color: #666;
	font-size: 10px;
	padding: 8px 0 0 0;
}

#navtree a { color: #CCC; }
#navtree a:visited { color: #CCC; }
#navtree a:hover,  #navtree a:visited:hover{ color: #828282; text-decoration: none;}



/* CONTENT
----------------------------------------------------------------------------- */

#inhalt {
	float:left;
	/* z-index: 1000; */
	width:938px;
	background-image: url(images/logoelement-grau.gif);
	background-repeat: no-repeat;
	background-position: 14px bottom;
    /* Green Headline BG */
        background-image: url(images/bg-headline.gif);
	background-repeat: no-repeat;
	background-position: 281px 0;
}


#textbereich {
	float: left;
	color: #333;
	margin-left: 0px;
	line-height: 18px;
	width: 560px;
	padding: 3px 20px 10px 30px;
	z-index: 1000;
	overflow: hidden;
	/* background-color: pink; */

}
 
#textbereich img {
	padding: 5px;
	border: 1px solid #DDD;
	margin: 0px 7px 0px 0px;
	background-color: #FFF;
}


/* --- List --- */

#textbereich ul {
	padding-left: 20px;
	list-style: none;
}

#textbereich ul li {
        background-image: url(images/bullet-grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
        padding-left: 12px;
}

#totop {
	color: #CCC;
	font-size: 11px;   
	padding-top: 20px;
	text-align: right;
}

#totop a { color: #999; font-weight: normal; background-image: none;}
#totop a:visited { color: #999; }
#totop a:hover,  #navtree a:visited:hover { color: #666;}


/* FOOTER
----------------------------------------------------------------------------- */


#footer {
	bottom: 0;
	height: 32px;        
	color: #666;
	background-image: url(images/footer-green-bar.gif);
	background-repeat: no-repeat;
	background-position: 28px 0px;
	width: 800px;
	font-size: 11px;
	padding-top: 20px;
        padding-left: 15px;
}

#footer a {
color: #666;
font-weight: normal;
text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#footer_container_l {
	float:left;
	padding-left: 20px;
}

#footer_container_r {
	float:right; 
        padding-right: 20px;
	text-align: right;
}

#logoelement {
        position: absolute;
	bottom: 90px;
	left: 0px;
	height: 160px;
	width: 150px;
        border: 0px dotted RED;
	background-image: url(images/logoelement-grau.gif);
	background-repeat: no-repeat;
	background-position: 10px bottom;
}

#border_top {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 935px;
	background-image: url(images/border-top.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#border_bottom {
	position: absolute;
	bottom: -1px; /* stupid IE*/
	left: 0px;
	height: 24px;
	width: 935px;
	background-image: url(images/border-bottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/* TEXTSTYLES (Editor Dropdown "Style")
------------------------------------------------------------------------- */


.text_small {
	font-size: 11px;
}


.hinweis {
	padding-left: 15px;
	border-left: 4px solid #9FCD42; /* Rubrik */
}

.zitat {
color: #0099D6;
font-style: italic;
}


.box_color1 {
	padding: 10px;	
	border: 1px solid #9E3C74;                      
	background-color: #F1BBDC;                      
	background-image: url(images/bg-box-color1.jpg); 
	background-repeat: repeat-x;
	background-position: top;	
}

.box_color2 {
	padding: 10px;	
	border: 1px solid #63A511;                      
	background-color: #D8EBB3;                      
	background-image: url(images/bg-box-color2.jpg); 
	background-repeat: repeat-x;
	background-position: top;	
}

.box_grey {
	padding: 10px;
	background-color: #F1F1F1;
	border: 1px solid #CCC;
}

.box_color h2, .box_color h3, .box_grey h2, .box_grey h3 {
	padding: 0px;
	margin-top: 0px;
}

.bildboxtext {
	float: left;
	border: 0px solid red;
	padding-bottom: 5px;
}

.bildboxtext span {
	font-size: 11px;
	padding: 0 7px;
}

.bildbox {
float: left;
margin-left: 10px;
margin-bottom: 10px;
}

.bildbox img {
margin-bottom: 5px;
}



/* FORM 
------------------------------------------------------------------------- */

form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

input, select { 
        border:solid 1px #777; 
        color: #333;
}

#person label {
	display: block;
	font-weight: normal;
	font-size:11px;
}

legend {
	font-weight: bold;
	font-size: 100%;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
 
fieldset {
	border: solid 1px #BF0101;
}

textarea {
	width: 200px;
	height: 90px;
	border: solid 1px #BF0101;
}

#search { 
	margin-top: 20px;
	width: 178px;
}

#search input, #search select { 
    border: solid 1px red;
}

#search .searchinput {
	width: 114px;
	padding: 2px;
	font-size: 12px;
	border: solid 1px #999;
}

#search .submitbutton {
	font-size: 12px;
	height: 22px;
	font-weight: normal;
	background-color: #FDEFC0; /* beige */
	padding: 0;
	border: 0px solid red;
}

#search input:hover { background-color: #FFF;}

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus { border: 1px solid #BF0101; margin-bottom: 1px;}
input, textarea, select { background: #fff top left repeat-x; font: 1em/1.6em Arial, Verdana, sans-serif; border: 1px solid #333; padding: 2px; margin-bottom: 1px;}

#name, #firmenname, #strasse, #plz, #ort, #land, #telefon, #fax, #email {width: 200px; }

#male, #female { border: 0; }


/* TABLE
----------------------------------------------------------------------------- */

.tblstyle1 {
	border:2px solid #CCC; 
	/* border-top:1px solid #CCC; border-right:1px solid #CCC; */
	border-collapse:collapse;
}

.tblstyle1 tr, .tblstyle1 td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 2px;
}


.tblhoriline {
	border-collapse:collapse;
}

.tblhoriline tr, .tblhoriline td {
	border-bottom: 1px solid #CCC;
	padding: 2px;
}


/* SITEMAP
------------------------------------------------------------ */

#sitemap {
margin-left: -20px;

}

#sitemap ul {
list-style-type: none;
padding-left: 25px;
line-height: 20px;
}

#sitemap table img {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.sitemap_level_1 {
	border-bottom: 1px solid #D0D0D0;
	font-weight: bold;
}

.sitemap_level_2,
.sitemap_level_3,
.sitemap_level_4,
.sitemap_level_5 {
	border-top: 1px dotted #D0D0D0;
	font-weight: normal;
}

#cat {
	border-top: 1px solid #B5B5B5;
	border-bottom: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	background-color: #ECECEC;
}


.feed td.title {
	color: #B8B8B8;
}

table.feed {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

table.feed th {
	text-align: left;
	background-color: #6686CD;
	text-decoration: none;
	border-bottom: 1px solid #7D9ADA;
	border-right: 1px solid #7D9ADA;
	padding: 2px 2px 2px 2px;
	color: #ffffff;
}


table.feed td {
	background-color: #E6E6E6;
	border-bottom: 0px solid #B5B5B5;
	border-right: 0px solid #B5B5B5;
	padding: 2px 2px 2px 2px;
	margin: 20px;
}

table.feed td.spacer {
	background-color: #FFF;
}

table.feed a {
	color: #FFF;
}

table.feed td.footer {
	background-color: #E6E6E6;
	border-bottom: 0px solid #B5B5B5;
	border-right: 0px solid #B5B5B5;
	color: #999999;
	font-style: italic;
}

table.feed td.footer a {
	color: black;
	font-style: italic;
}

#rss_extern {
	padding: 0px 20px 10px 20px;
	margin: 0px 0px 0px 0px;
}



/* MISC
------------------------------------------------------------ */

.linkbullet {
	background-image: url(images/bullet-level1-active.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding: 10px;
}

#textbereich .thumbnail_gallery img {
	padding: 3px;
	margin: 0px 0px 0px 0px;
}





/* green:    	#9FCD42  */
/* green dark:	#63A511 */
/* grey: 	    #666 */