/* ############ allgemeine Formatierungen ##################  */
html {
height:100% 
}
body {
background-color: #000;
font-size: 12px;
font-family:helvetica,arial,sans-serif;
letter-spacing: 1px;
line-height: 160%;
color: #ccc;
min-height:101%;
margin: 30px auto;
}
ul {
padding-left:17px;
list-style-type:circle;
}
img {
border: none;
}

/* ####### IE Bug ####### */
br {
/* clear: left; */
letter-spacing:normal;
}
/* ### Ende  IE Bug ####### */

/* ############ Textarea ##################  */
.specTextarea {
font-size:12px;
letter-spacing:1px;
line-height:19px;
color:#ccc;
background-color: #222;
font-family:helvetica,arial,sans-serif;
}
.specTextarea a {
color: #cc9933 ! important;
text-decoration: none ! important;
background-color: #222;
}
.orange14 {
font-size:14px;
color: #cd5524;
}
.orange12 {
font-size:12px;
color: #cd5524;
}

/* ############ cont_col.tmpl ##################  */
.bildlinks {
margin: 6px 20px 0 0;
float:left;
}

/* ############ cont_2col.tmpl für unterricht/kinderkurse/ und buch/ ##################  */
#content_2col_left, #content_2col_left2 {
float: left;
width:200px;
}
#content_2col_right, #content_2col_right2 {
margin-left:230px;
width:365px;
}
#content_2col_right {
margin-top: -5px;
}
#content_2col_left2 {
margin-top:30px;
}
#content_2col_right2 {
margin-top:25px;
}

/* ############ cont_foto.tmpl für fotos/ ##################  */
.fPlusIWrapOdd, .fPlusIWrapEven {
width: 280px;
height:260px;
float:left;
margin-right: 20px;
margin-bottom: 5px;
position:relative;
}
.fPlusIWrapEven {
margin-right:0px;
}
.fPlusI {
position:absolute;
bottom:0px;
}
.cl {
clear: left;
}

/* ############ IDs für alle Dokumente ##################  */
#main{
width: 840px;
margin: 0px auto;
background-color: #222;
color: #ccc;
}
#header {
border-bottom: 1px solid #000;
height: 130px;
}
#sidebar {
width: 220px;
float: left;
min-height: 300px;
margin: 18px 0px 0 0px;
}
#content {
margin: 17px 0 10px 230px;
width: 600px;
min-height: 350px;
}
#footer {
clear: both;
height: 25px;
border-top: 1px solid #000;
padding-top: 6px;
}

/* ############ Impressum und Kontakt im footer ##################  */
.pad22 {
padding-left: 22px;
padding-right: 10px;
}
.pad10 {
padding-left: 10px;
}
.specLink {
color:#ccc;
}
a.specLink:hover {
color:#fff;
}
/* ############ Links im sidebarContainer ##################  */
a {
color: #cc9933;
text-decoration: none;
}
#sidebar a{
display: block;
padding-left: 10px;
height: 22px;
}
#sidebar ul {
list-style-type: none;
padding-left: 0px;
margin: 0 15px 0 20px;
}
#sidebar li {
border-bottom: 1px dotted #000;
}

.navigationFirst {
border-top: 1px dotted #000;
}

#sidebar li:hover {
border-bottom: 1px dotted #fff;
}
#sidebar a:hover {
color: #fff;
}
.aktiv {
color: #fff;
}
#sidebar ul ul {
margin-left:15px;

}

/* ############ Formular ##################  */
label {
float:left;
width:100px;
}
input {
width:200px;
}
.subm {
width: 100px;
margin-left:100px;
}
form div {
margin-top:10px;
}