<style type="text/css">
        
    /*Pseudeklassen, die für CSS festgelegt wurden - betreffen hier Links, die unterschiedlich formatiert werden*/

    /*
    Farben:
    dunkelgrün: #086655
    hellgrün: #93B14D
    */

    a:link {color:#000000; text-decoration: underline;}
    a:visited {color:#000000; text-decoration: underline;}
    a:hover {color:#000000; text-decoration: underline;}
    a:active {color:#000000; text-decoration: underline;}


    /*Univeralselektor => Festlegung von Formatierungen für das gesamte Dokument => Kennzeichnung mit "*" */
    * {
    font: 16px verdana, sans-serif;
    text-decoration: none;
    text-align: left}
    /*Typ-Selektor => Festlegung von Formatierungen für bestimmten Tag => Kennzeichnung mit "Tagbezeichnung" */    

    /*Klasse (class-selector) - Selektor mit beliebiger Bezeichnung bezogen auf alle Tags*/  
    .einfachertext {border:1px solid #008000; font-size:10px;}

    /*ID-Selektoren verknüpfen Elemente über das ID-Attribut mit einer Formatierung*/
    div {background-color:#efefef;border:0px solid #aaaaaa;}

#ueberschrift
    {
    font-size:30px;
    color:#000000;
    text-align: center;
    position:relative;
    width:92%; height:100%px;
    min-width:300px;
    padding:10px 10px 10px 10px;
    margin:20px 15px 15px 15px;
    border-color:#000000;
    border-width:3px;
    border-radius: 10px;

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }

#anleitung
    {
    font-size:16px;
    color:#ff0000;
    text-align: left;
    position:relative;
    width:92%; height:100%px;
    min-width:300px;
    padding:10px 10px 10px 10px;
    margin:20px 15px 15px 15px;
    border-color:#ff0000;
    border-width:3px;
    border-radius: 10px;

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }

#inhalt_bs1
    {
    background-color:#006494;
    color:#ffffff;
    text-align: left;
    width:28%; height:100%;
    min-width:300px;
    border-color:#003566;
    border-width:3px;
    border-radius: 10px;
    padding: 10px 10px 10px 10px; /*Innenabstand*/
    margin: 15px 15px 15px 15px; /*Außenabstand*/
    float: left;
    }

#ueberschrift_bs1ab
    {
    font-size: 20px;
    font-weight: bold;    
    background-color:#ffffff; 
    color:#003566;
    padding:5px;
    margin:5px 0px 10px 20px;
    text-align:center;
    border-color:#003566;
    border-width:3px;
    width:85%; 

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }

#icon_website_bs1
    {
    position:relative;
    text-align:center;
    border-color:#003566;
    border-width:3px;
    left:35%;
    width:100px; height:100px;

/*runde Ecken*/
    webkit-border-radius: 10px;
    moz-border-radius: 10px;
    border-radius: 10px;
    }


.imgLink_website_bs1
    {
	display:block;
	width:100px;
	height:100px;
	background-image:url('logo_bs1ab_100x100.jpg');

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }
.imgLink_website_bs1:hover
    {
	background-image:url('logo_bs1ab_100x100_hover.jpg');

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }

#link_bs1ab
    {
    font-size: 30px;
    font-weight: bold;    
    background-color:#ffffff; 
    color:#003566;
    padding:5px;
    margin:5px 0px 10px 20px;
    text-align:center;
    border-color:#003566;
    border-width:3px;
    width:85%; 

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }

#inhalt_bs2
    {
    background-color:#93B14D;
    color:#ffffff;
    width:28%; height:100%;
    min-width:300px;
    border-color:#086655;
    border-width:3px;
    border-radius: 10px;
    padding: 10px 10px 10px 10px; /*Innenabstand*/
    margin: 15px 15px 15px 15px; /*Außenabstand*/
    float: left;
    }

#ueberschrift_bs2ab
    {
    font-size: 20px;
    font-weight: bold;    
    background-color:#ffffff; 
    color:#086655;
    padding:5px;
    margin:5px 0px 10px 20px;
    text-align:center;
    border-color:#086655;
    border-width:3px;
    width:85%;

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }


#inhalt_bs3
    {
    background-color:#e71d36;
    color:#ffffff;
    width:28%; height:100%;
    min-width:300px;
    border-color:#9d0208;
    border-width:3px;
    border-radius: 10px;
    padding: 10px 10px 10px 10px; /*Innenabstand*/
    margin: 15px 15px 15px 15px; /*Außenabstand*/
    float: left;
    }

#icon_website_bs2
    {
    position:relative;
    text-align:center;
    border-color:#086655;
    border-width:3px;
    left:35%;
    width:100px; height:100px;

/*runde Ecken*/
    webkit-border-radius: 10px;
    moz-border-radius: 10px;
    border-radius: 10px;
    }


.imgLink_website_bs2
    {
	display:block;
	width:100px;
	height:100px;
	background-image:url('logo_bs2ab_100x100.jpg');

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }
.imgLink_website_bs2:hover
    {
	background-image:url('logo_bs2ab_100x100_hover.jpg');

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }


#ueberschrift_bs3ab
    {
    font-size: 20px;
    font-weight: bold;    
    background-color:#ffffff; 
    color:#9d0208;
    padding:5px;
    margin:5px 0px 10px 20px;
    text-align:center;
    border-color:#9d0208;
    border-width:3px;
    width:85%;

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }


#icon_website_bs3
    {
    position:relative;
    text-align:center;
    border-color:#9d0208;
    border-width:3px;
    left:35%;
    width:100px; height:100px;

/*runde Ecken*/
    webkit-border-radius: 10px;
    moz-border-radius: 10px;
    border-radius: 10px;
    }


.imgLink_website_bs3
    {
	display:block;
	width:100px;
	height:100px;
	background-image:url('logo_bs3ab_100x100.jpg');

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }
.imgLink_website_bs3:hover
    {
	background-image:url('logo_bs3ab_100x100_hover.jpg');

/*runde Ecken*/
    webkit-border-radius: 7px;
    moz-border-radius: 7px;
    border-radius: 7px;
    }
    </style>