* {margin: 0px; padding: 0px; }
html {height: 101%;}
body { min-height: 101%; font-size: x-small; /* für IE%/Win*/ f\ont-size: small; /*für alle andreren IE*/ font-family: helvetica, Arial, san-serif; color: #666;/* line-height: 125%;*/ background-color: #CCCCCC; background-image: url(basisdesign/bg-top4.gif); background-position:top center; background-repeat: repeat-x;}

#container {position: absolute; left: 50%; width: 800px; margin-left: -400px; background-image:url(basisdesign/bg-container.gif); background-position:right; background-repeat:repeat-y; height:100%;}
#branding { background: url(basisdesign/logo-farbig.gif) no-repeat; position: absolute; left: 8px; top: 40px; width: 202px; height: 79px; text-indent: -10000px; background-color:#FFFFFF;}

#header {position: absolute; left: 220px; top: 18px; width: 580px; height: 109px;}
#header img { height:109px;}

#navigation {float: left; margin: 140px 0 0 0px; padding-left:10px; line-height: 120%; padding-bottom:15px;}
#navigation ul {margin: 0; padding: 0; list-style-type: none;}
#navigation li { margin: 0 0 0px 0; }
#navigation a {display: block; padding: 4px 10px; width: 180px; color: #333; background-color: #fff; text-decoration: none;  background: url(basisdesign/bg-menu2.gif) center left repeat-x;  line-height:20px; margin-bottom: 2px;border-left:#FFFFFF solid 1px; border-right: #D6D6D6 solid 1px; border-top:#FFFFFF solid 1px;}
#navigation a:hover { text-decoration: none; color:#CC0000;}

#navigation ul ul li { margin: 0 0 0px 0; }
#navigation ul ul a {display: block; padding: 4px 5px 4px 20px; width: 175px;color: #333; text-decoration: none; background: url(basisdesign/pfeil-menu.gif) top left no-repeat; line-height: 120%; border:none;}
#navigation ul ul a:hover {text-decoration: none;}

#navigation ul ul ul li { margin: 0 0 0px 0;}
#navigation ul ul ul a {display: block; padding: 4px 5px 4px 30px; width: 165px;color: #333; text-decoration: none;  background: url(basisdesign/pfeil-menu2.gif) top left no-repeat; line-height: 120%; border:none;}
#navigation ul ul ul a:hover {text-decoration: none;}

li.cur a { font-weight:bold; color: #000000;}
li.menu-item-no a { font-weight: normal; background-color:#CC0066;}

#search {position: absolute; left: 55px; top: 2px; width: 150px; text-align:right; }
#search #searchfield {width:100px; font-size:9px;}
#service {position: absolute; left: 10px; top: 5px; width: 190px;; display: block;}
#breadcrumb {position: absolute; top: 0px; left: 220px;width: 580px; padding: 3px 0 0 0px; background-color:#fff;}

#main-content-area {float: right; padding:20px 15px 15px 15px; margin: 127px 0px 0 0px; width: 550px; background:#FFFFFF url(basisdesign/schatten.gif) repeat-x;}


/*Container*/

#content {float: left; width:335px; color: #666; margin-right:20px; background-color:#FFFFFF; }
#sidebar {float: right; width: 170px; font-size: 90%; /*line-height: 125%;*/ color: #666; background-color: #ffffff;}
#sidebar a {color: #666;}
#sidebar img {margin-bottom:10px;}
#sidebar .event, #sidebar .eventblau { margin-bottom:10px; padding:10px;}



.event, .eventblau, .specialevent  {background:#efefef url(basisdesign/bg-event.gif) repeat-x top; border:#CCCCCC 1px solid; padding: 10px;}
.event img, .eventblau img, .specialevent img  {margin:0 0 10px 0;}
.specialevent  {background:#efefef url(basisdesign/bg-event.gif) repeat-x top; border:#CCCCCC 1px solid; padding: 10px;}


 
#footer {color: #999999; font-size: 85%; text-align: center;  width:580px; float:right; background-color: #EBEBEB; padding:10px 0 1000px;}

/*Typo*/
h1 {font-size: 150%; font-weight: normal; padding-bottom: 0.5em; color: #CC0000;}
h2 {font-size: 110%; font-weight: bold; padding-bottom: 0.5em; color: #000000;}
h3 {font-size: 100%; font-weight: bold; padding-bottom: 0em; color: #000000;}
p {font-size: 100%; font-weight: normal; padding-bottom: 1em; line-height: 125%;}

#sidebar p {font-size: 100%; font-weight: normal; padding: 0 1.5em 1em 0; line-height: 125%;}
a {font-size: 100%; font-weight: normal; color: #666; text-decoration: underline; }
.pfeil {background-image:url(basisdesign/pfeilgelb.gif); background-repeat: no-repeat; background-position:left center; padding-left:12px;}
a:hover {color: #000; background-color: #eaff00;}

#branding a:hover {color: #000; background: url(basisdesign/logo-farbig.gif) no-repeat; }

.spitzmarke { background-color: #E4E4E4; color:#999;margin-bottom: 1em; padding: 2px 5px; margin-top:10px;}
#content li, #main-content-area li, #sidebar li {list-style: url(basisdesign/strich.gif); list-style-position: outside; margin-left: 1.2em  ! important;}
#service, #breadcrumb, #search {color: #666; font-size: 84%;}
#service a, #breadcrumb a, #search a {color: #999; text-decoration: none;}
.instrument a, .instrument-text a { line-height:150%;}

th, td {text-align:left; font-weight:normal; padding:5px; vertical-align:top; border:none;}
table {table-layout:auto; width:auto; margin-bottom: 10px;border:none; border-collapse:collapse;}


/*Tabelle main content-area*/
.tabelle table { background-color:#F5F5F5;}
.tabelle table, .tabelle td, .tabelle th {border: #e0e0e0 1px solid; border-collapse:collapse;}
.tabelle th {background: url(basisdesign/th.gif) repeat-x #efefef top;}

.content_elementbox{clear:both;}
.textpic-text {padding-bottom: 1em; clear:both;}
.content-image-left {float: left; margin-right: 7px;} 
.content-textpic-left {clear:both;float: left;} 
.content-image-legend {padding-bottom: .7em; padding-top: .25em; font-size: 85%; line-height: 120%; width: 170px;}
.category, .instrument-family {font-size: 100%; font-weight: bold; padding-bottom: 0.5em;padding-top: 1em;}


.content-imagetext-wrapper {clear: both;}
.content-image-right {float:right; padding-left:10px;}
.content-image-left {float:left; padding-right: 10px;}

/* instrumente*/
.instrument-text {width: 355px; float:left;}
.instrument-image {float:right; text-align:center;}
.content-image {background: #F6F6F6;}
.content-image img {}
.clear {clear:both;}

/* suche */
#searchform {width: 150px;}
#searchfield { width:140px;}
/*#searchbotton{}*/


.mailerror {color: red;}

/* Formular*/
.form-row {padding-top:5px;}
#main-content-area form {background-color:#F5F5F5; padding:5px;border: #e0e0e0 1px solid;}
#main-content-area input, #main-content-area textarea {background-color: #FFFFFF; border: solid 1px #e0e0e0;;}
#main-content-area label {}
#main-content-area .formheader {font-size: 110%; font-weight: bold; padding-bottom: 0.5em; color: #000000;}
#main-content-area hr {margin: 10px 0;}
#main-content-area input[type="submit"] { background-color: #CCCCCC ; border-bottom:#666666 1px solid ;border-right:#666666 1px solid; border-top:#fff 2px solid; border-left:#fff 2px solid ;}
#main-content-area input:focus, #main-content-area textarea:focus {border:1px solid #d6de16;}
#main-content-area textarea {font-family: helvetica, Arial, san-serif;}

/* Diverses*/
a[href^="http:"] {background: url(basisdesign/externallink.gif) no-repeat right top; padding-right: 10px; }
#main-content-area a[href^="javascript:linkTo_UnCryptMailto"] {background: url(basisdesign/mail.gif) no-repeat right top; padding-right: 14px;}

a[href$="pdf"] {background: url(basisdesign/pdf.gif) no-repeat right top; padding-right: 16px;font-weight: normal;}
a[href$="doc"] {background: url(basisdesign/doc.gif) no-repeat right top; padding-right: 10px;font-weight: normal;}

#breadcrumb, #breadcrumb a {color:#333333;}

/*Formular Konsi*/
.csc-mailform-field {padding: 8px 8px; display:block;}

tx-pupilmanager-pi1 {
	padding:0;
	margin:0;
}