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

body {
background-image : url(images/zeichnung.png);
background-repeat : no-repeat;
background-position : bottom right;
background-color : #f7efd5;
margin : 0;
padding : 0;
background-attachment : fixed;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}
#header_container {
position : fixed;
top : 0;
left : 0;
right : 0;
margin : 0;
height : 7.3em;
z-index : 3;
background-color : #f7efd5;
color: #000;
}
#content {
margin : 0;
padding-top : 9em;
padding-bottom : 3em;
z-index : 2;
}

#contentbody {
margin : 0;
padding-top : 9em;
padding-bottom : 3em;
z-index : 2;
height : 100%;
}
.headtable {
position : relative;
top : 15px;
}
a {
color : #900;
background-color : #e15500;
}
a:hover {
color : #ff9900;
background-color : #e15500;
}
a.aorange {
background-color : #f7efd5;
color : #e15500;
text-decoration : none;
}
a:hover.aorange {
background-color : #f7efd5;
color : #e15500;
text-decoration : underline;
}

#navheader {
font : 24px Arial, Helvetica, sans-serif;
color : #1f2669;
letter-spacing : 0.4em;
padding : 10px;
line-height : 30px;
background-color : #f7efd5;
}
#logo {
font : 14px Arial, Helvetica, sans-serif;
color : #ff9900;
letter-spacing : 0.5em;
line-height : 30px;
background-color : #f7efd5;
}
#tagline {
line-height : 14px;
width : 423px;
}
td#tagline{
height: 34px!important;
}

.bodyText {
font : 12px Arial, Helvetica, sans-serif;
color : #333333;
letter-spacing : 0.1em;
background-color: inherit;
background-image: url(http://www.karenskinderkurse.de/images/beige.png);
background-repeat:repeat;
width: 70%; 
margin: auto;
}


div.engaged {
padding:13px 12px 13px 12px; 
border-top:1px solid #900; 
border-bottom:1px solid #900;
margin: 5px 0 5px 0;
}
.pageName {
background-color : inherit;
font : 18px Arial, Helvetica, sans-serif;
color : #e15500;
line-height : 24px;
letter-spacing : 0.3em;
}
.columnHeader {
background-color :inherit;
font : 11px Arial, Helvetica, sans-serif;
color : #ff080e;
line-height : 18px;
letter-spacing : 0.05em;
}
.subHeader {
background-color : inherit;
font : bold 12px Arial, Helvetica, sans-serif;
color : #e15500;
line-height : 18px;
letter-spacing : 0.1em;
margin-bottom : 5px;
}
.zenter {
text-align: center;
}
.smallText {
font : 10px Arial, Helvetica, sans-serif;
color : #333333;
background-color : #f7efd5;
}
.navText {
font : 11px Georgia, "Times New Roman", Times, serif;
color : #1f2669;
line-height : 16px;
letter-spacing : 0.1em;
text-decoration : none;
background-color : #f7efd5;
}
.nav img {
padding : 2px 8px 2px 8px;
display : block;
text-align : center;
}
.nav {
background-color : #e15500;
color: #000;
border-bottom : 1px solid #900;
border-top : 1px solid #900;
text-align : center;
padding-top : 2px;
margin: 20px 18px 3px;
min-height : 24px;
display : block;
position : static;
height : 24px;
}

.nav table {
text-align : center;
min-height : 24px;
width : 100%;
margin-bottom : 3px;
}
.nav table td {
display : table-cell;
margin : auto;
}
.nav1 span {
display : none;
}
.nav1:link, .nav1:visited {
background-image : url(images/nav1.png);
background-repeat : no-repeat;
width : 152px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav1:hover, nav1:active, .nav1:focus {
background-image : url(images/nav1hover.png);
background-repeat : no-repeat;
width : 152px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav1a span {
display : none;
}
.nav1a {
background-image : url(images/nav1hover.png);
background-repeat : no-repeat;
width : 152px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav2 span {
display : none;
}
.nav2:link, .nav2:visited {
background-image : url(images/nav2.png);
background-repeat : no-repeat;
width : 156px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav2:hover, .nav2:active, .nav2:focus {
background-image : url(images/nav2hover.png);
}
.nav2a span {
display : none;
}
.nav2a {
background-image : url(images/nav2hover.png);
background-repeat : no-repeat;
width : 156px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav3 span {
display : none;
}
.nav3:link, .nav3:visited {
background-image : url(images/nav3.png);
background-repeat : no-repeat;
width : 97px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav3:hover, .nav3:active, .nav3:focus {
background-image : url(images/nav3hover.png);
}
.nav3a span {
display : none;
}
.topwhere {
width : 327px;
}
.nav3a {
background-image : url(images/nav3hover.png);
background-repeat : no-repeat;
width : 97px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav4 span {
display : none;
}
.nav4:link, .nav4:visited {
background-image : url(images/nav4.png);
background-repeat : no-repeat;
height : 24px;
display : block;
background-position : center 0%;
width : 67px;
}
.nav4:hover, .nav4:active, .nav4:focus {
background-image : url(images/nav4hover.png);
}
.nav4a span {
display : none;
}
.nav4a {
background-image : url(images/nav4hover.png);
background-repeat : no-repeat;
width : 67px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav5 span {
display : none;
}
.nav5:link, .nav5:visited {
background-image : url(images/nav5.png);
background-repeat : no-repeat;
width : 125px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav5:hover, .nav5:active, .nav5:focus {
background-image : url(images/nav5hover.png);
}
.nav5a span {
display : none;
}
.nav5a {
background-image : url(images/nav5hover.png);
background-repeat : no-repeat;
width : 125px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav6 span {
display : none;
}
.nav6:link, .nav6:visited {
background-image : url(images/nav6.png);
background-repeat : no-repeat;
width : 97px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav6:hover, .nav6:active, .nav6:focus {
background-image : url(images/nav6hover.png);
}
.nav6a span {
display : none;
}
.nav6a {
background-image : url(images/nav6hover.png);
background-repeat : no-repeat;
width : 97px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav7 span {
display : none;
}
.nav7:link, .nav7:visited {
background-image : url(images/nav7.png);
background-repeat : no-repeat;
width : 87px;
height : 24px;
display : block;
background-position : center 0%;
}
.nav7:hover, .nav7:active, .nav7:focus {
background-image : url(images/nav7hover.png);
}
.nav7a span {
display : none;
}
.nav7a {
background-image : url(images/nav7hover.png);
background-repeat : no-repeat;
width : 87px;
height : 24px;
display : block;
background-position : center 0%;
}
div.spacenav {
width:100%; 
height:6px; 
background-color:#f7efd5; 
margin-top:-2px;
color:#000; 
}

.foot {
position : fixed;
bottom : 0;
left : 0;
right : 0;
text-align : center;
margin : 0;
height : 45px;
z-index : 3;
width : 100%;
color:#000; 
background-color : #f7efd5;
padding-top : 4px;
line-height: 10px;
}
.foot a {
background-color : #f7efd5;	
color:#000; 
}
div.spacefoot {
	clear:both; 
	width:100%;
}
.columntop {
margin-bottom : 2px;
background-image: url(http://www.karenskinderkurse.de/images/beige.png);
background-repeat:repeat;
}
.leftcolumn {
text-align : left;
vertical-align : top;
height : 100%;
width : 49%;
float : left;
}
.wide {
width:auto;
}

.widewuw {
width:100%;
}

.leftcolumn .list {
margin-left : 13px;
}
.rightcolumn {
height : 100%;
width : 49%;
float : right;
vertical-align : top;
text-align : left;
}
.rightcolumn .list {
margin-left : 20px;
}
ul.noitem {
list-style-type: none; 
line-height: 25px;
}
.list ul.plus li {
margin-bottom: 12px;
margin-left: 3px;
}

table.dates {
font-size: 13px;
line-height: 16px;
background-image: url(http://www.karenskinderkurse.de/images/beige.png);
background-repeat:repeat;
}

table.dates td{
font-size: 12px;
}

.imgs {
background-image: url(http://www.karenskinderkurse.de/images/beige.png);
background-repeat:repeat;
}
.imgview {
background-color : #f7efd5;	
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
line-height : 14px;
color : #000000;
border : 1px solid #900;
margin-bottom: -3px;
}
.imgview:hover {
border : 1px solid #ff9900;
}
#thumbBox {
position : absolute;
left : 0;
top : 0;
width : auto;
padding : 10px;
padding-bottom : 0;
background-color : #e15500;
color: #000;
border : 1px solid #900;
visibility : hidden;
z-index : 10;
cursor : pointer;
}
#thumbBox .footerbar {
background-color: #e15500;
font : bold 11px Arial, Helvetica, sans-serif;
letter-spacing : 3px;
line-height : 1.1em;
color : #f7efd5;
padding : 5px 0;
text-align : right;
}

#thumbBox #thumbImage {
background-color : #f7efd5;
border : 1px solid #900;
color: #000;
}
#thumbLoading {
position : absolute;
visibility : hidden;
border : 1px solid #900;
background-color : #f7efd5;
color: #000;
padding : 5px;
z-index : 5;
}
.dates {
border : 1px solid #900;
border-collapse : collapse;
vertical-align : top;
}
.dates td {
border : 1px solid #900;
vertical-align : top;
padding : 3px;
}
.dates th {
border : 1px solid #900;
text-align : center;
}
.orange {
background-color: inherit;
font : bold 11px Arial, Helvetica, sans-serif;
color : #e15500;
letter-spacing : 0.1em;
}
.formular {
margin : auto;
}
.ebene {
clear : both;
padding : 2px 0;
}
.label {
float : left;
padding : 3px 0 0 0;
width : 10em;
}
.feld {
float : left;
width : 30em;
}
.submit {
clear : both;
margin : 1em 0 0 10em;
}
.feldbreite {
background-color : #eee;
color: #000;
border : 1px solid #cebca5;
font : 1em "trebuchet ms", arial, sans-serif;
overflow : auto;
width : 30em;
}
a.copy {
display: block;
background-color : #f7efd5;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #b0a068;
margin-top: 4px;
border: none;
}
a:hover.copy {
color: #900;
border: none;
background-color : #f7efd5;
}

/* ########### FORMULAR ########## */

#wrapper {
	text-align:left; 
	margin:auto; 
	width:783px; 
	font-size: 100%; 
	font-family: Arial, sans-serif;
}

h1 {
	margin:1em 0; 
	border-bottom:0px solid #900; 
	color:#7d7d7d;
	background-color : #f7efd5;
}
h1.standard {
	font-size: 16px;
	color:#e15500;
	display: none;
	background-color: #f7efd5;
}
h1.danke {
	font-size: 16px;
	color:#e15500;
	background-color: #f7efd5;
}
h1.confirm {
	font-size: 16px;
	color:#e15500;
	display: none;
	background-color: #f7efd5;
}
h1.error {
	font-size: 16px;
	color:#e15500;
	display: none;
	background-color: #f7efd5;
}
legend {
	padding:0.2em 1em; 
	border-bottom:2px solid #dad0ae; 
	border-right:2px solid #dad0ae;
    	border-top:1px solid #fbf7e8; 
    	border-left:1px solid #fbf7e8;
    	background-color:#f5f5f5;
    	font-weight:bold;
    	font-size:14px;
	color: #000;
}
p#legend_text {
	margin:1em 0;
}
label {
	float:left; width:8em;
}
p input {
	width:40%;
}
fieldset {
	padding:0 2em 1em 2em;
	border-bottom:2px solid #dad0ae;
	border-right:2px solid #dad0ae;
	border-top:1px solid #ffffff; 
	border-left:1px solid #ffffff;
}
fieldset p{
	margin-bottom: 6px;
}

#contentbody .bodyText #gesamt {
}


textarea {
	width:75%; 
	overflow:auto;
}
input.send {
	background:#e1e1e1; 
	width:6em; 
	cursor:pointer; 
	font-weight:bold;
	border-bottom:1px solid #7d7d7d;
	border-right:1px solid #7d7d7d;
	border-top:1px solid #fff; 
	border-left:1px solid #fff;
	color: #000;
}

input:hover.send {
	background:#e1e1e1; 
	width:6em; 
	cursor:pointer; 
	font-weight:bold;
	border-top:1px solid #7d7d7d;
	border-left:1px solid #7d7d7d;
	border-bottom:1px solid #fff; 
	border-right:1px solid #fff;
	margin: 1px -1px -1px 1px;
	color: #000;
}

input.send.error {
	color:#000; 
	background:#e1e1e1;
}
input.send.confirm {
	color:#000; 
	background:#e1e1e1;
}

.error {
	 color:#D00; 
	 background-color: inherit;
	 background-image: url();
     background-repeat:repeat;
}
legend.error {
	 color:#000; 
	 background-color:#f5f5f5;
}
.confirm {
	color:#080;
	background-color: inherit;
    background-image: url();
    background-repeat:repeat;
}
legend.confirm {
	 color:#000; 
	 background-color:#f5f5f5;
}
.standard {
	color : #000;
	background-color: inherit;
	background-image: url();   
	background-repeat:repeat;
}
legend.standard {
	display: none;
}
.right {
	text-align:right; 
	padding:14px 50px 0 0;
}
code {
	display:block;
	margin-top:1em; 
	font-family: "Courier New", Courier, monospace; 
    font-size:110%; 
	color:#C56109;
	background-color : #f7efd5;
}
strong {
	color:#C56109;
	background-color : #f7efd5;
}
p#backlink {
	text-align:right; 
	margin-top:20px; 
	border-top:1px solid #7d7d7d;
}
p#backlink a {
	text-decoration:none; 
	color:#C56109;
	background-color : #f7efd5;
}
p#backlink a:hover {
	text-decoration:underline;
}