/* Commando Cannnstatt 1997 */

* html img { /* PNG-Fix fuer IE 6 fuer transparentes Logo */
behavior: url(grafiken/iepngfix/iepngfix.htc)
}

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


a[href^="http:"] {
  background: url(grafiken/layout/ex_link.gif) no-repeat right center;
  padding-right: 16px;
  }

  a:hover[href^="http:"] {
  background: url(grafiken/layout/ex_link_hov.gif) no-repeat right center;
  padding-right: 16px;
  }
  
li {
list-style:none;
}


#startseite {
        background-color:#000000;
        background-image: url(grafiken/layout/aussen.jpg);
        }

#wrapper {
        background-color:#000000;
        width: 880px;
        height: 600px;
        margin: auto;
        }

#header {
        background-color:#000000;
        width: 880px;
        height: 128px;
        background-color: #00FF00;
        background-image: url(grafiken/layout/header.jpg);
        margin: auto;
        }

#navigation {
        background-color:#000000;
        width: 880px;
        height: 22px;
        background-image: url(grafiken/layout/navi.jpg);
        }

#left {
        background-color:#000000;
        width: 80px;
        height: 380px;
        float: left;
        background-image: url(grafiken/layout/left.jpg);
        }

#content {
        background-color:#000000;
        width: 650px;
        height: 360px;
        float: left;
        overflow: auto;
        padding: 10px;
        background-image: url(grafiken/layout/content.jpg);

        }

#content ul {
margin-left: -3.4em;
}


#footer {
        background-color:#000000;
        width: 880px;
        height: 70px;
        float: left;
        background-image: url(grafiken/layout/footer.jpg);
        }


#tab_li {
        width: 315px;
        float: left;
        }

#tab_re {
        width: 315px;
        float: left;
        }


#bilder {
        width: 633px;
        float: right;
        margin-bottom: 10px;
        }


#right {
        width: 130px;
        height: 380px;
        float: left;
        background-image: url(grafiken/layout/right.jpg);
        }

.newseintrag {
        height: 100px;
        float: center;
        }

*>.newseintrag {
        min-height: 100px;
        height: auto;
        float: center;
        }


/*#newseintrag {
        height: 100px;
        float: center;
        }

*>#newseintrag {
        min-height: 100px;
        height: auto;
        float: center;
        } */

#fremdsprachen {
        width: 33em;
        margin: auto;
}

body {
        font-family: Arial, sans-serif;
        color: #FFFFFF;
        font-size: 0.75em;
        }

h1 {
        font-size: 1.2em;
        }

h2 {
        font-size: 1em;
        border-top: 1px dotted red;
        padding-top: 1em;
        }


.photo {
        margin: auto;
        display: block;
        border: 1px dotted red;
        }

.bildunterschrift {
        text-align: center;
        font-size: 0.73em;
        }

.aufzaehlung {
list-style:none;
}



/*#################################
Navigation Rechts
#################################*/



.navi_re
{
        width:112px;
        margin-top:1px;
        margin-left: 1px;
        background-color:#F80000;
        text-align: center;
        font-weight: bold;
        float: left;
}

.navi_re a {
        color:#FFFFFF;
        }



/*#################################
Hauptnavigation
#################################*/

#dropdownmenu {
        padding-right: 15px;
        padding-left: 1.7em;
        text-indent: 22px;
        }

#dropdownmenu a {
        color:#FFFFFF;
        font-weight: bold;
        }

ul.dropdown
{
    list-style: none;
    margin:0;
    padding: 4px 0 0 0;
    width:100%;
    z-index:99;
}

ul.dropdown * ul
{
    list-style: none;
    margin:0;
    padding: 0;
        display:none;
        position:absolute;
        z-index:99;
        width:13em;
        background-color:#F10000;
}

ul.dropdown li
{
    float:left;
}

ul.dropdown li * li
{
    border:0px solid #000;
        padding:4px 0 4px 0;
    float:none;
    position: relative;
}

ul.dropdown a
{
    display:block;
}

ul.dropdown ul * a
{
    height:100%;
}


ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul
{
    display:none;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display:block;
}


/*#################################
Lightbox
#################################*/

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(grafiken/lightbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(grafiken/lightbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(grafiken/lightbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(grafiken/lightbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


.thumb {
margin-right: 3px;
}

a.thumb img { filter:alpha(opacity=70);	-moz-opacity: 0.70;	opacity: 0.70; border: 1px dotted red;}
a.thumb:hover img {	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;	border: 1px dotted red; }