body {
background-color: #fff;
font-family: verdana, arial;
font-size: 0.7em;
line-height: 1.4em;
margin: 0px;
background-image: url(../img/bg.png);
background-repeat: repeat-x;
color: #333;
}

#topcolor {
width: 100%;
height: 96px;
background-image: url(../img/balken_gelb.png);
background-repeat: repeat-x;
}

.topcenter {
width: 960px;
height: 96px;
position: absolute;
margin-left: -480px;
left: 50%;
top: 0px;
background-image: url(../img/drops.png);
background-repeat: no-repeat;
}

/* logo */
.topcenter > a {
position: absolute;
bottom: 5px;
left: -10px;
background-image: url(../img/logo.png);
background-repeat: no-repeat;
width: 271px;
height: 68px;
}

.topcenter > a:hover {
background-image: url(../img/logo2.png);
}

#aktionsmenu {
position: absolute;
right: 0px;
top: 5px;
}

#aktionsmenu li {
list-style-type: none;
float: left;
margin: 0;
}

#aktionsmenu li a span {
	visibility: hidden;
}
#aktionsmenu li a { display: block; }
#aktionsmenu li a:link { text-decoration:none; }
#aktionsmenu li a:visited { text-decoration:none; }
#aktionsmenu li a:hover { text-decoration:none; }
#aktionsmenu li a:active { text-decoration:none; }

/* kinder gesund bewegen */
#uid48 {
background-image: url(../../../images/button_kindergesundbewegen.png);
background-repeat: no-repeat;
width: 171px;
height: 25px;
}

#uid48:hover {
background-image: url(../../../images/button_kindergesundbewegen2.png);
}

/* punkten mit klasse */
#uid46 {
background-image: url(../../../images/button_punktenmitklasse.png);
background-repeat: no-repeat;
width: 148px;
height: 25px;
}

#uid46:hover {
background-image: url(../../../images/button_punktenmitklasse2.png);
}

/* actioncamp */
#uid45 {
background-image: url(../../../images/button_actioncamp.png); 
background-repeat: no-repeat;
width: 119px;
height: 25px;
}

#uid45:hover {
background-image: url(../../../images/button_actioncamp2.png);
}

#menu {
position: absolute;
right: 0px;
bottom: 20px;
}

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

.maincenter {
width: 960px;
position: absolute;
margin-left: -480px;
left: 50%;
top: 96px;
min-height: 300px;
}


#mainleft {
width: 170px;
float: left;
}

 
#mainleft_menu ul {
margin: 0 0 20 0;
padding: 0;
}

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

#mainleft_menu li a {
display: block;
width: 100%;
border-bottom: 1px dotted #666;
padding: 2px;
}
#mainleft_menu li a:hover { background-image: url(../img/active_menu.gif); }
#mainleft_menu li.active a { background-image: url(../img/active_menu.gif); }

.spacer img { 
display: none; 
}
.spacer { 
height: 15px;
}

#maincontent {
width: 760px;
height: 100%;
float: right;
margin-bottom: 10px;
}

#footer {
margin-bottom: 10px;
}

p#footer {
margin: 0 0 0 3px;
}

#footerheader {
background-image: url(../img/footer_bg.png);
background-repeat: no-repeat;
height: 24px;
padding: 5px 5px 0px 5px;
font-weight: bold;
}

.plainImage { 
display: inline; 
}

.csc-header h2 {
border-bottom: 1px solid #999;
margin: 10px 10px 5px 0;
}



/* CLEAR */
.clear {
	background-color:transparent;
	clear:both;
	display:block;
	font-size:0;
	height:1px;
	line-height:0;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
	height: 0px;
}

a:link { color:#ec711d; text-decoration:underline; }
a:visited { color:#ec711d; text-decoration:none; }
a:hover { color:#ec711d; text-decoration:none; }
a:active { color:#ec711d; text-decoration:underline; }


/*-------------goodies------------------*/

.csc-frame { /*Rahmen1 im typo3*/
display: inline;
}

.csc-frame img {
border: 1px solid #ccc;
}

/*--------csc-mailform-------*/

.csc-mailform {
border: 0px;
}

.csc-mailform-field label {
display: block;
width: 100px;
text-align: right;
float: left;
margin-right: 5px;
}

.csc-mailform-field input {
border: 1px solid #ccc;
margin-bottom: 10px;
font-family: verdana, arial;
font-size: 1em;
width: 200px;
padding: 2px;
}

.csc-mailform-field textarea {
border: 1px solid #ccc;
margin-bottom: 10px;
font-family: verdana, arial;
font-size: 1em;
width: 200px;
padding: 2px;
}

#mailformformtype_mail {
margin-left: 105px;
font-family: verdana, arial;
font-size: 1em;
width: 70px;
}

/*----------eigene H6 mit symbol davor---------------*/

h6 {
font-size: 1em;
font-weight: bold;
background: url(../img/gotchi_symbol.png) no-repeat;
height: 34px;
padding-left: 40px;
line-height: 34px;
margin: 10px 0 10px 0;
}

/*----------fotowettbewerb---------------*/
.fotos_list .school_list_box { margin: 5px; height: 180px; width: 180px; background: transparent url(../img/fotos_small_box.png) no-repeat; overflow: hidden; }
.fotos_list .school_list_box .boxbody { height: 165px; overflow: hidden; padding: 4px 7px; }
.fotos_list tr.description { overflow:hidden; height: 30px; }
.fotos_list td { vertical-align: top; }
.fotos_list td.right { text-align: right; }
.fotos_list .school_small { color:#C55110; font-size:12px; font-weight:bold; padding:0; margin:0; }
.fotos_list .class { margin: 0; padding: 0; }
.fotos_list .school_small a,
.fotos_list .school_small a:link {text-decoration:none;}
.fotos_list .image_description { margin: 0; padding: 0; }
.fotos_edit .fileItem { margin: 5px 0; }
.fotos_edit .fileInput { overflow: hidden; }
.fotos_edit .uploadedFile { float:left; display:block; height: 110px; line-height: 110px; }
.fotos_edit .uploadedName { display:none; }
.fotos_edit .edit_links { float:left; height: 25px; line-height: 25px; }
.fotos_edit .edit_links .upload_show_link { display:none; }
.fotos_edit .edit_links .upload_delete_link { position: absolute; bottom: 10px; left: 150px; }
.fotos_edit .cancel { display: none; }
.fotos_edit .niceform { position: relative; }
.fotos_edit .niceform dd { margin: 0 0 0 30px; }
.fotos_edit .niceform fieldset { padding-bottom: 30px; }
.fotos_edit .confirm { position: absolute; bottom: 10px; left: 30px; }
.fotos_edit h2 { margin-left: 30px; }


/*----------login---------------*/
.tx-felogin-pi1 label {display:inline;}