/* CSS Document */

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

body {
	background-color: #FFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
  	background-image: url(../img/background.gif);
}


a { color: #535353; text-decoration: none;} /* Rubrik */
a:visited { color: #535353; text-decoration: none;}
a:hover { color: #535353; 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: #c20000;
    font-size: 26px;
    letter-spacing: -0.5px;
    line-height: 30px;
}

h2 { color: #535353; font-size: 13px; line-height: 20px;}
h3 { color: #535353; font-size: 12px;}


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

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


hr {
	background: #FFF;
	border: 0;
	height: 1px;
	line-height: 1px;
	margin: 0px auto;
	border-bottom: 1px dotted #c20000;
}

/* BOTH NAVIGATION
----------------------------------------------------------------------------- */

#both_navigation {
	width: 180px;
	margin-top: 100px;
	margin-left: 5px;
}

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

#container {
	min-height:40%;
	position:relative;
	margin: 120px auto;
	width: 860px;
	padding-left: 10px;
	border: 0px solid red;
}


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

#header {
	float:left;
	width: 850px;
	height: 100px;
  background-image: url(../img/header.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	border: 0px solid red;
}

#logo {
	position: relative;
	margin-top: -100px;
	margin-left: -100px;
}

#footer_logo {
	position: relative;
	float: right;
	margin-top: -10px;
	margin-right: -60px;
}

#kids {
	position: relative;
	float: right;
	margin-top: -115px;
	margin-right: 50px;
}

#logo img { border: 0; }


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

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

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

#inhalt {
	float:left;
	z-index: 1000;
	width:850px;
  	padding-bottom: 30px;
	background-image: url(../img/bg.content.gif);
	background-repeat: repeat-y;
}

#picture_content {
	float:left;
	margin-right:20px;
	margin-top:-2px;
}

#bildbereich {
	float:left;
	width:848px;
	height:200px;
	padding-left:1px;
	border-bottom: 0px solid #DDD;
}

#bild_textbereich {
	float: left;
	margin: -15px 0px 15px -30px;
}

#textbereich {
	float: left;
	color: #333;
	margin-left: 10px;
	line-height: 18px;
	width: 90%;
	padding: 30px 30px 10px 30px;
	z-index: 1000;
	overflow: hidden;
}

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

#textbereich img.noborder {
	padding: 0px;
	border: none;
	margin: 0px;
	background-color: #FFF;
}

#textbereich img.headline_picture {
	border: 0;
	border-bottom: 1px dotted #c20000;
	margin: 0px 0px 10px -2px;
}

#textbereich a img:hover {
	border: 1px solid #c20000;
}

#textbereich h2 {
	border: none;
	padding: 0;
	margin-bottom: 5px;
}

#textbereich h1 img {
	border: none;
	padding: 0;
	margin-bottom: -7px;
}

#textbereich .sub {
	border: none;
	padding: 0;
	font-size: 9pt;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: -20px;
	color: #BD0926;
}

/* --- List --- */

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

#textbereich ul li {
	background-image: url(../img/bullet-red.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	white-space: nowrap;
}



#totop {
	color: #CCC;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 25px;
	text-align: left;
	background-image: url(../img/bit.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;

}

#totop a { color: #CCC; display: block; width: 30px;}
#totop a:visited { color: #CCC; }
#totop a:hover,  #navtree a:visited:hover{ color: #828282; text-decoration: none;}


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


#footer {
	position: absolute;
	bottom: 0;
	clear: both;
	height: 20px;
	color: #535353;
  background-image: url(../img/bg.footer.gif);
	background-repeat: no-repeat;
	background-position: 0px -110px;
	width: 850px;
	font-size: 11px;
	padding: 10px 0;
}

#footer a {color: #535353;}
#footer img { border: 0px solid red; }

#footer_container_l {
	float:left;
	padding-left: 15px;
	padding-top: 3px;
}

#footer_container_r {
	float:right;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

#footer_content_r {
	float:right;
	margin-top: -235px;
	text-align: right;
}


/* TEXTSTYLES (Editor Dropdown "Style")
------------------------------------------------------------------------- */
.contentTitel {
	font-weight: bold;
}

.contentPunkte {
	background-image: url(../img/punkt.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
}

.text_small_kursiv {
	font-size: 9px;
	font-style: italic;
}

.text_small {
	font-size: 11px;
}


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


.box_color {
	padding: 10px;
	border: 1px solid #c20000;                      /* Rubrik */
	background-color: #D8AFB7;                      /* Rubrik */
	background-image: url(../img/bg-block-red.jpg); /* Rubrik */
	background-repeat: repeat-x;
	background-position: 0 -90px;
}

.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;
}



/* 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 {
	* margin-top: 10px;
	* margin-left: -50px;
	border:0px solid #CCC;
	/* border-top:1px solid #CCC; border-right:1px solid #CCC; */
	border-collapse:collapse;
}

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


.tblhoriline {
	border-collapse:collapse;
}

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


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


/* orange:     #c20000 */
/* blue:       #535353 */