body {
background-color:#003366;
text-align:center;
font-family:verdana, arial, geneva, sans_serif;
font-size:1em;
color:#000066;
margin-top:1.5em;
scrollbar-base-color:#ffffff;
scrollbar-highlight-color:#eeeeee;
}

/***************************************************************************************** allgemein */

::-moz-selection {
background:#FFAA00;
color:#000033;
}

::selection {
background:#FFAA00;
color:#000033;
}


.blend {
display:none;
}

.clear {
clear:both;
height:5px;
}

.fett {
font-weight:bold;
}

/* special for ie */

*html .clear {
clear:both;
height:0.1em;
}

a.text:link, a.text:visited {
font-weight:bold;
color:#ff9900;
text-decoration:none;
}

a.text:hover, a.text:active {
text-decoration:underline;
}

h1 {
font-size:1.1em;
color:#000066;
}

h2.st {
font-size:1.1em;
color:#ff9900;
}

/* special for ie */

*html h1 {
font-size:1.3em;
color:#000066;
margin-bottom:0.9em;
}

h2 {
font-size:1em;
color:#000066;
}

h3 {
font-size:0.9em;
color:#000066;
}

/* special for ie */

*html h3 {
font-size:1.1em;
color:#000066;
margin-bottom:0.9em;
}

.kategorie {
width:142px;
height:15px;
font-size:12px;
border:1px solid #CCFF00;
-moz-border-radius:4px;
padding:5px;
color:#ff9900;
font-weight:bold;/**/
margin-right:5px;
float:right;
text-align:right;
/*font-variant:small-caps;*/
}

.contentinnen {
margin:10px 10px 10px 10px;
}

.small {
font-size:0.8em;
}

.rechts {
text-align:right;
width:100%;
margin: 30px 20px 20px 0;
}

/***************************************************************************************** container */

#containerstart {
width:755px;
height:560px;
margin:0px auto;
padding:0px 20px;
text-align:left;
background: url(../bilder/koordinante_background_start_ganzneu2.gif) top left no-repeat;
}

#container {
width:755px;
height:560px;
margin:0px auto;
padding:0px 20px;
text-align:left;
background: url(../bilder/koordinante_background_start_ganzneu2.gif) top left no-repeat;
}

/***************************************************************************************** header */

#header {
width:755px;
height:80px;
/*-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;*/
/*background-color:#dfdfdf;*/
}

/***************************************************************************************** content */

#content {
float:left;
width:618px;
height:455px;
overflow:auto;
/*background-color:#336699;*/
}

.contentbg {
width:618px;
height:455px;
background: url(../bilder/start5_neu.gif) top left no-repeat;/**/
/*background-color:#990000;*/
}

/***************************************************************************************** sidebar */

#sidebarleer {
width:10px;
height:60px;
/*background-color:#00ff00;*/
}

#sidebar {
float:right;
width:124px;
/*background-color:#ff0000;*/
}

.navi {
margin: 0 0 7px 5px;
}

#sidebar a:link, #sidebar a:visited {
font-size:14px;
/*letter-spacing:1px;*/
font-weight:bold;
color:#ffffff;
font-variant:small-caps;/**/
text-decoration:none;
}

#sidebar a:hover, #sidebar a:active {
color:#CCFF00;
}

.aktiv {
font-size:14px;
font-weight:bold;
color:#CCFF00;
font-variant:small-caps;/**/
text-decoration:none;
}

/***************************************************************************************** EXTRAS STARTSEITE */

#raum {
position:relative;
top:150px;
left:115px;
width:300px;
font-family:arial, sans_serif;
font-size:23px;
color:#FF9900;
/*background-color:#990000;*/
}/**/


#zeit {
position:relative;
top:160px;
left:225px;
width:300px;
font-family:arial, sans_serif;
font-size:19px;
color:#003366;
}/**/


#platz {
position:relative;
top:170px;
left:250px;
width:300px;
font-family:arial, sans_serif;
font-size:19px;
color:#006699;
} /* */


#space {
position:relative;
top:180px;
left:230px;
width:300px;
font-family:arial, sans_serif;
font-size:20px;
color:#000033;
} /**/


#workshops {
position:relative;
top:200px;
left:280px;
width:300px;
font-family:arial, sans_serif;
font-size:20px;
color:#000033;
} /**/

a.rot:link, a.rot:visited {
color:#DB5505;
}

a.rot:link, a.rot:visited {
text-decoration:none;
}

/***************************************************************************************** EXTRAS WEBDESIGN */

#webdesign {
margin:10px;
}

#containerleft {
float:left;
padding-left:0px;
width:270px;/**/
/*background-color:#cc0000;*/
}

#containerleft ul {
margin-left:10px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;
}

#containerleft ul li {
margin-bottom:5px;
}

#containerright {
float:right;
width:270px;/**/
/*background-color:#990000;*/
}

#containerright ul {
margin-left:10px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;
}

#containerright ul li {
margin-bottom:5px;
}

br.abst {
line-height:0px;
}

/***************************************************************************************** EXTRAS SCHULUNGEN */

#schulungen {
margin:10px;
}

#schulungen ul {
margin-left:20px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/punkt.gif);
list-style-position: outside;
}

#schulungen ul li {
line-height:15px;
margin-bottom:5px;
}


/***************************************************************************************** EXTRAS PROJKOORD */

#projkoord {
margin:10px;
}

#projkoordleft {
float:left;
width:190px;
margin: 5px 10px 5px 0px;
}

#projkoordleft ul {
margin-left:10px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;
}

#projkoordleft ul li {
margin-bottom:5px;
}

.bereiche {
font-weight:bold;
color:#ff9900;
}

/***************************************************************************************** EXTRAS REFERENZEN */

#projekte {
margin:10px;
}

.img {
float:left;
margin-right:10px;
}

/***************************************************************************************** EXTRAS WEBLOG */


#weblog {
margin:10px;
}

p.einzug {
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
}

#weblog ul {
margin-left:10px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;

}

#weblog ul li {
margin-bottom:5px;
}

/***************************************************************************************** EXTRAS LINKS */

#links {
margin:10px;
}

/***************************************************************************************** EXTRAS AGB */

#agb {
margin:10px;
}

.abs {
color:#FF9900;
margin-right:10px;
}

.floatagb {
float:right;
font-size:0.9em;
}

*html  .floatagb {
float:right;
font-size:1em;
}

/***************************************************************************************** EXTRAS IMPRESSUM */

#impressum {
margin:10px;
}

#impressumbild {
float:left;
width:265px;
height:323px;
margin-left:50px;
margin-top:13px;
text-align:right;
}

#bild {
width:265px;
height:323px;
background:url(../bilder/3_72.jpg) top left no-repeat;
}


#impressumleft {
float:left;
width:250px;
}

#impressumleft ul {
margin-left:20px;
margin-bottom:22px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;
}

#impressumleft ul li {
margin-bottom:5px;
}

.mail {
color:#ff9900;
font-weight:bold;
}

/***************************************************************************************** EXTRAS VITA */


#vita {
margin:10px;
}

#vita ul {
margin-left:5px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;
}

#vita ul li {
margin-bottom:5px;
}

#vitaleft {
float:left;
width:250px;
margin: 0px 10px 10px 20px;
text-align:justify;
/*background-color:#990000; */
}

#vitaright {
float:right;
width:250px;
margin: 0px 10px 10px 10px;
/*background-color:#990000; */
}

#vitaright ul {
margin-left:5px;
padding-left:1em;
list-style-type: square;
list-style-image: url(../bilder/eck2.gif);
list-style-position: outside;
}

#vitaright ul li {
margin-bottom:5px;
}

a.vita:link, a.vita:visited {
font-weight:normal;
color:#000066;
text-decoration:none;
}

a.vita:hover, a.vita:active {
text-decoration:underline;
}


h2.vita {
font-size:1em;
font-weight:bold;
color:#ff9900;
}

/***************************************************************************************** EXTRAS 403 U. 404 */

#fehler {
position:relative;
top:130px;
left:105px;
width:500px;
font-family:arial, sans_serif;
font-size:23px;
color:#FF9900;
}/**/


#nonexistant {
position:relative;
top:150px;
left:105px;
width:500px;
font-family:arial, sans_serif;
font-size:19px;
color:#003366;
}/**/


#websiteverweis {
position:relative;
top:170px;
left:105px;
width:500px;
font-family:arial, sans_serif;
font-size:19px;
color:#006699;
} /* */


/***************************************************************************************** EXTRAS BARRIEREFREIHEIT */

#barrierefreiheit {
margin:10px;
}

a.oben:link, a.oben:visited {
font-size:10px;
color:#ff9900;
text-decoration:none;
float:right;
}

a.oben:hover, a.oben:active {
text-decoration:underline;
}
/***************************************************************************************** RAND */

#webdesign, #schulungen, #projkoord, #projekte, #weblog, #links, #agb, #impressum, #vita, #barrierefreiheit {
margin:10px 20px;
}
