@CHARSET "UTF-8";

div.abstand20 {
    min-height: 20px;
}

div.activation {
    margin-bottom: 20px;
}

div.activation > p.ueber {
    font-size: 18px;
}

div.activation > p.cont {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

div.startseite_links {
    float: left;
    width: 612px;
    margin-top: 10px;
    margin-left: 19px;
    margin-right: 20px;
    min-height: 200px;
}

div.startseite_rechts {
    float: left;
    width: 290px;
    margin-top: 10px;
}

div.start_box {
    width: 288px;
}

/* Überschriften */
div.start_box {
    box-shadow: 0px 2px 2px 0px #888;
    -moz-box-shadow: 0px 2px 2px 0px #888;
    -webkit-box-shadow: 0px 2px 2px 0px #888;
}

/** Für alle Gültig **/
div.start_box > div.ueber {
    min-height: 25px;
}

div.start_box > div.ueber {
    height: 20px;
    padding-top: 3px;
    padding-left: 9px;
}

div.start_box > div.ueber img {
    border: 0px solid red;
}

/* Content */
div.start_box > div.cont {
    padding: 20px 9px;
    font-size: 12px;
}

div.start_box > div > p.ueber {
    float: left;
    font-size: 16px;
    margin-left: 6px;
    font-weight: bold;
}

div.start_box > div > p.ueber1 {
    float: left;
    margin-top: 0px;
}

div.start_box > div.cont ul,
div.start_box > div.cont ul {
    padding: 9px 9px 9px 12px;
}

div.start_box > div.cont ul li,
div.start_box > div.cont ul li {
    padding: 1px 0px;
}

div.start_topbanner {
    width: 612px;
    height: 100%;
    margin-bottom: 20px;
}

div.start_topbanner a,
div.start_topbanner a > img {
    border: 0px solid #ccc;
    max-width: 612px;
}

/******************************************************/
/***************** Slideshowcontainer *****************/
/*#slideshow_topbanner {
	width:			612px;	/**Breite der Bilder um 170px addieren**
	margin:			0 auto;
	position:		relative;
	background:		none;
	margin-bottom:	20px;
}
*/
#slideshow_topbanner #slidesContainer_topbanner {
    margin: 0 auto;
    position: relative;
    background: url(../images/schwarz15.png) repeat;
    -moz-box-shadow: black 0px 0px 15px;
}

#slideshow_topbanner, #slidesContainer_topbanner {
    width: 612px;
}

#slideshow_topbanner #slidesContainer_topbanner:hover {
    cursor: pointer;
}

div.slide_topbanner > a > img {
    float: left;
    max-width: 612px;
    border: 1px solid #ccc;
}


#slideshow {
    width: 612px; /**Breite der Bilder um 170px addieren**/
    height: 116px;
    margin: 0 auto;
    position: relative;
    background: none;
    margin-bottom: 20px;
}

/**Height und Width müssen gleichgroß wie die Bilder sein**/
#slideshow #slidesContainer {
    height: 116px; /**Höhe der Bilder**/
    margin: 0 auto;
    position: relative;
    background: url(../images/schwarz15.png) repeat;
    -moz-box-shadow: black 0px 0px 15px;
}

#slideshow {
    width: 612px;
}

#slidesContainer {
    width: 544px;
}

#slideshow #slidesContainer:hover {
    cursor: pointer;
}

div.slide > a > img {
    float: left;
    width: 181px;
    height: 112px;
    border: 1px solid #ccc;
    margin-top: 1px;
}

/******************Arrows******************/
.control {
    width: 20px;
    height: 71px;
    cursor: pointer;
    display: block;
    position: absolute;
    text-indent: -10000px;
}

#leftControl {
    top: 20px;
    left: 0;
    width: 20px;
    height: 71px;
    background: transparent url(../images/control_left.png) no-repeat 0 0;
}

#leftControl:hover {
    top: 20px;
    left: 0;
    width: 20px;
    height: 71px;
    background: transparent url(../images/control_left.png) no-repeat 0 0;
    background-position: 0 -71px;
}

#rightControl {
    top: 20px;
    right: 0;
    width: 20px;
    height: 71px;
    background: transparent url(../images/control_right.png) no-repeat 0 0;
}

#rightControl:hover {
    top: 20px;
    right: 0;
    width: 20px;
    height: 71px;
    background: transparent url(../images/control_right.png) no-repeat 0 0;
    background-position: 0 -71px;
}

/******************Linkstyle******************/
:focus {
    outline: 0;
}