* {
    margin:             0;
    padding:            0;
    font-family:        Arial,sans-serif;
}

body {
    background-color:   #FFFFFF;
}
.hotspot, #header h1 span { cursor:pointer; }
.to_highlights,.to_offering,.to_home,.to_hq { margin-left:250px; }
.to_home,.to_hq { display:block;margin-top:20px;width:35px; }
.to_hq { margin-top:39px; }
.firstline { padding-top:20px; }

#container {
    width:              780px;
    margin:             auto;
}

#header {
    width:              100%;
    height:             70px;
    overflow:           hidden;
    background:         url(../images/redbar.png) bottom left repeat-x;
    border-bottom:      1px solid #FFFFFF;
}

#header h1, #header h3 {
    float:              left;
    position:           relative;
    top:                7px;
    left:               0;
    width:              330px;
    height:             50px;
    overflow:           hidden;
}

#header h1 span, #header h3 span {
    display:            block;
    position:           absolute;
    top:                0;
    left:               0;
    width:              330px;
    height:             50px;
    background:         url(../images/felix_logo.png);
}

#header h3 {
    float:              right;
    top:                40px;
    width:              380px;
    height:             20px;
}

#header h3 span {
    width:              380px;
    height:             20px;
    background:         url(../images/slogan.png);
}

#footer {
    clear:              both;
    background:         url(../images/redbar.png) top left repeat-x;
    height:             30px;
    font-size:          70%;
}

#footer ul { list-style-type:none;padding-top:12px; }

#footer ul li {
    float:              left;
    display:            block;
    width:              170px;
}
#footer ul li.strasse { width:268px; }
#footer ul li.telefon { text-align:right; }
#footer ul li.fax { text-align:center; }

#webdesign {
    border-top:         1px solid #CC3333;
    font-size:          small;
    font-size:          70%;
    line-height:        250%;
}
#webdesign a {
    text-decoration:    none;
    color:              #CC3333;
}
#webdesign a:hover { text-decoration:underline; }
#webdesign a img { border:none;float:left;padding-right:5px; }

#main {
    border-bottom:      1px solid #FFFFFF;
    height:             460px;
}

#navigation {
    height:             460px;
    width:              267px;
    border-right:       1px solid #FFFFFF;
    background:         url(../images/lightredbar.png) bottom left repeat-x;
    float:              left;
}

#navigation ul {
    list-style-type:    none;
    height:             155px;
    background:         url(../images/bg_nav_ul.png) no-repeat;
}

#navigation ul li a {
    border-bottom:      1px solid #FFFFFF;
    width:              267px;
    height:             24px;
    display:            block;
    line-height:        180%;
    color:              #2D3584;
    font-size:          x-small;
}

#navigation ul li a.nav_home {
    background:         url(../images/nav_home_0.png);
}
#navigation ul li a.nav_zentrale {
    background:         url(../images/nav_zentrale_0.png);
}
#navigation ul li a.nav_aktuell {
    background:         url(../images/nav_aktuell_0.png);
}
#navigation ul li a.nav_kontakt {
    background:         url(../images/nav_kontakt_0.png);
}
#navigation ul li a.nav_sensoren {
    background:         url(../images/nav_sensoren_0.png);
}
#navigation ul li a.nav_video {
    background:         url(../images/nav_video_0.png);
}

#navigation ul li a:hover { color:#C61A1F; }

#navigation ul li a.nav_home:hover {
    background:         url(../images/nav_home_1.png);
}
#navigation ul li a.nav_zentrale:hover {
    background:         url(../images/nav_zentrale_1.png);
}
#navigation ul li a.nav_aktuell:hover {
    background:         url(../images/nav_aktuell_1.png);
}
#navigation ul li a.nav_kontakt:hover {
    background:         url(../images/nav_kontakt_1.png);
}
#navigation ul li a.nav_sensoren:hover {
    background:         url(../images/nav_sensoren_1.png);
}
#navigation ul li a.nav_video:hover {
    background:         url(../images/nav_video_1.png);
}
#navigation img { border-bottom:1px solid #FFFFFF; }

#content {
    float:              left;
    width:              512px;
    color:              #333399;
    height:             460px;
    background:         url(../images/bg_content.png) bottom left no-repeat;
    overflow:           hidden;
}

#content h3, #content h5, #content p, #content ul {
    padding-left:       30px;
    width:              450px;
}

#content h3 { font-size:small;padding-top:20px; }
#content h5 { font-size:small;font-style:italic; }

#content p, #content ul li {
    font-size:          70%;
    line-height:        140%;
    margin-bottom:      10px;
}

#content ul {
    list-style-image:   url(../images/bullet.png);
    margin-left:        25px;
}
#content ul li { margin-bottom:5px; }

#content a { 
    text-decoration:    none;
    color:              #333399;
    background:         url(../images/bg_a.png) repeat-x;
}
#content a:hover { background-color:#FFFF00; }

#powermax {
    background:         url(../images/bg_zentrale.jpg) bottom left no-repeat;
    height:             100%;
}
#powermax .noleadingp { padding-top:10px; }

#powermax ul li { margin-bottom:1px; }

#powermax_vorteile { 
    color:              #006633; 
    background:         url(../images/bg_vorteile.png) top left no-repeat;
    padding-bottom:     30px;
}

#powermax_vorteile li {
    display:            inline;
    margin-right:       10px;
}

#link_to_nextpage, #link_to_prevpage { 
    font-size:12px; 
}

#zentrale_details {
    margin-top:         40px;
    padding-left:       50px;
    background:         url(../images/bg_details.png) no-repeat;
    height:             230px;
}

#zentrale_details ul {
    list-style-type:    none;
    list-style-image:   none;
    width:              400px;
    padding-bottom:      15px;
}

#zentrale_details ul li {
    background:         url(../images/bg_detail_li_0.png) no-repeat;
    width:              95px;
    height:             58px;
    float:              left;
    margin-right:       5px;
    margin-top:         3px;
    margin-bottom:      20px;
    overflow:           hidden;
}

#zentrale_details ul li img { border:none; }
#zentrale_details ul li a:hover { 
    background:         url(../images/bg_detail_li_1.png); 
}

#home, #angebot { 
    background:         url(../images/bg_home.png) no-repeat;
    height:             100%; 
    overflow:           hidden;
}
#home h3 {
    position:           relative;
    top:                37px;
    left:               30px;
    width:              330px;
    height:             100px;
    margin:             0;
    padding:            0;
}
#home h3 span {
    display:            block;
    position:           absolute;
    top:                0;
    left:               0;
    width:              330px;
    height:             100px;
    background:         url(../images/h3_home.png);
}
#home p {
    margin-top:         70px;
    width:              375px;
}

#angebot, #impressum, #kontakt, #aktuell, #video { 
    background:         url(../images/bg_content.png) bottom left no-repeat; 
    height:             100%;
}
#aktuell {
    background:         url(../images/bg_aktuell.png) top left no-repeat;
}

#impressum .tel, #impressum .fax, #impressum .mobil,
#impressum .email, #impressum .web {
    width:              50px;
    display:            block;
    float:              left;
}

#kontakt form { 
    padding-top:        20px;
    float:              right;
    width:              310px;
    overflow:           hidden;
}
#kontakt form ul {
    list-style-image:   none;
    list-style-type:    none;
}
#kontakt form ul li {clear:both;}
#kontakt form ul li label { 
    cursor:             pointer;
    width:              80px;
    display:            block;
    float:              left;
    text-align:         right;
    line-height:        250%;
}
#kontakt form ul li input {
    padding:            3px;
    padding-left:       13px;
    border:             1px solid #333399;
    border-left:        1px solid #6666CC;
    border-bottom:      1px solid #6666CC;
    background:         url(../images/bg_input.png) no-repeat;
    width:              150px;
}
#kontakt form ul li.wichtig input,
#kontakt form ul li.wichtig label,
#kontakt form ul li.wichtig textarea {
    color:              #CC3333;
    font-weight:        bold;
}
#kontakt form ul li.wichtig input,
#kontakt form ul li.wichtig textarea {
    border:             1px solid #993333;
    border-left:        2px solid #CC6666;
    border-bottom:      2px solid #CC6666;
}
#kontakt form ul li.wichtig textarea {
    padding:            3px;
    padding-left:       13px;
    width:              150px;
    background:         url(../images/bg_input.png) no-repeat;
}

#kontakt form ul li input.button {
    background-color:   #CCCCCC;
    border:             1px solid #FFFFFF;
    border-bottom:      1px solid #000000;
    border-right:       1px solid #000000;
    padding:            0;
    background-image:   none;
    margin-left:        80px;
    margin-top:         15px;
    width:              80px;
}

#kontakt p { width:162px; }

#detailpic h5 {
    margin-top:         5px;
    text-align:         center;
    color:              #CC3333;
}

#alarm_alt {
    float:              right;
    font-size:          70%;
    line-height:        250%;
    width:              170px;
}
#alarm_alt a { text-decoration:none;color:#000000; }
#alarm_alt a:hover { text-decoration:underline; }

#aktuell ul {
    list-style-image:   url(../images/bullet2.png);
}
#aktuell ul li label {
    color:              #006633; 
    font-weight:        bold;
}
#aktuell .preis {
    font-weight:        bold;
    margin-left:        25px;
    margin-top:         5px;
    font-size:          90%;
}
#aktuell .kleingedrucktes {
    text-align:         center;
    color:              #000000;
    width:              300px;
    margin-left:        55px;
}
#aktuell h5 {
    position:           relative;
    top:                0;
    left:               30px;
    width:              350px;
    height:             20px;
    overflow:           hidden;
    margin-bottom:      10px;
    margin-top:         25px;
}
#aktuell h5 span {
    position:           absolute;
    top:                0;
    left:               0;
    width:              350px;
    height:             20px;
    overflow:           hidden;
    background:         url(../images/h5_aktuell.png);
}

#aktuell .foerderung {
	color:				#FF0000;
    font-weight:        bold;
    text-align:         center;
    margin-top:         5px;
    font-size:          90%;
}


/*
 * VIDEO
 */
#video {
}

h3#ausstattung, h3#kameras {
    margin-top:     20px;
    margin-left:    8px;
    width:          505px;
    height:         114px;
    background:     url(../images/h3_ausstattung.png) no-repeat;
}
h3#kameras { 
    margin-top:     10px;
    background:     url(../images/h3_kameras.png) no-repeat; 
}

h3#ausstattung span, h3#kameras span {
    color:          #FFFFFF;
    padding-left:   100px;
}

#video ul {
    list-style-type:none;
    list-style-image:none;
    margin-left:    70px;
    margin-top:     -142px;
}

#video ul li {
    background:         url(../images/bg_detail_li_0.png) no-repeat;
    width:              95px;
    height:             58px;
    float:              left;
    margin-right:       5px;
    margin-top:         3px;
    margin-bottom:      5px;
    overflow:           hidden;
}

#video ul li.newline { width:100%; }

#video ul li img { border:none; }
#video ul li a:hover { 
    background:         url(../images/bg_detail_li_1.png); 
}

ul#videoueberwachung {
    clear:              both;
    margin:             0;
    margin-left:        8px;
    padding:            0;
    margin-top:         5px;
    width:              505px;
}
ul#videoueberwachung li {
    padding:            0;
    margin:             0;
    float:              left;
    height:             124px;
    width:              auto;
}