/* Gewerbliche Schule Backnang */
/* Sebastian Stuetz | Bieger & Funk */
/* --- */
/* 24 */

body {
	margin:0;
	padding:0;
	font-family:helvetica, arial, sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:#555;
	/*background:#9c9e9f url(../images/bg.jpg) 0 40px repeat-x;*/
	text-align:center;
	}

img {
    border:0;
    margin:0;
    padding:0;
    }

h1 {
	font-size:14px;
	color: #000;
	line-height:1.3em;
	margin:0 0 16px 0;
	font-weight:bold;
	}

h2 {
	font-size:16px;
	color: #aaa;
	line-height:1.3em;
	margin:0 0 12px 0;
	font-weight: bold;
	}

a {
    text-decoration:none;
    background-color:transparent;
    color:#810b27;
    }

a:hover {
    text-decoration:underline;
    background-color:transparent;
    color:#810b27;
    }

.aus {
    height:1px;
    overflow:hidden;
    clear:left;
    }

/* --- Layout --- */

#container {
    margin:0 auto;
    width:992px;
    text-align:left;
    }

    #header {
        white-space:nowrap;
		border-bottom:1px solid #000;
        height:107px;
        width:992px;
		margin:0;
        padding:0;
        }

    #stage_welcome {
        border-bottom:1px solid #000;
        height:352px;
        overflow:hidden;
        margin:0;
        padding:0;
        }

    #stage {
        border-bottom:1px solid #000;
        height:352px;
        overflow:hidden;
        margin:0;
        padding:0;
        background:#FFF;
        }

    #footer {
        border-top:1px solid #000;
        padding:8px 32px 32px 32px;
        }

        #footer a {
            text-decoration:underline;
            background-color:transparent;
            color:#555;
            }

        #footer a:hover {
            text-decoration:underline;
            background-color:transparent;
            color:#810b27;
            }


    #thumbnails {
        width:992px;
        margin:16px 0 16px 0;
        text-align:center;
        color:#000;
        background-color:transparent;
        }

        #thumbnails img {
            cursor:pointer;
            width: 100%;
            max-width: 100%;
            object-fit: contain;
            }

        #thumbnails a, #footer_links a {
            color:#810b27;
            background-color:transparent;
            text-decoration:none;
            }

        #thumbnails a:hover,  #footer_links a:hover {
            color:#810b27;
            background-color:transparent;
            text-decoration:underline;
            }

        .thumbnail_pkt {
            /*width:330px;*/
            width: 30%;
            border-right:1px solid #000;
            float:left;
            }

        .thumbnail_pkt_last {
            /*width:330px;*/
            width: 19%;
            float:left;
            }

        img.thumbnail {
            margin:0 0 8px 0;
            }

        .thumbnail_pkt:nth-child(4) {
            clear:both;
            }

        .thumbnail_pkt:nth-child(3) {
            border:none;
            }
        .thumbnail_pkt:nth-child(6) {
            border:none;
            }
        .thumbnail_pkt:nth-child(3)~div {
            padding-top:30px;
            }

/* --- Anfrageformular --- */

#anfrageformular {
    margin:64px 0 0 0;
    border:1px dotted #BBB;
    background:#ececed;
    padding:32px;
    }

#footer_anfrage {
    padding:8px 32px 32px 32px;
    }

    #footer_anfrage a {
        text-decoration:underline;
        background-color:transparent;
        color:#555;
        }

    #footer_anfrage a:hover {
        text-decoration:underline;
        background-color:transparent;
        color:#810b27;
        }

#anfrage_left {
    width:512px;
    float:left;
    }

    #formwrapper {
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        margin:8px 0 8px 0;
        padding:8px 0 8px 0;
        }

        .formwrapper_txt {
            margin:12px 0 12px 0;
            }

        #bez {
            width:300px;
            float:left;
            }

        #groesse {
            width:100px;
            float:left;
            }

        #anzahl {
            width:100px;
            float:left;
            }

        .formwrapper_txt input {
            width:40px;
            border:0;
            background-color:#FFF;
            color:#999;
            padding:1px;
            font-size:12px;
            text-align:right;
            }

#anfrage_right {
    width:382px;
    float:left;
    padding:108px 0 0 32px;
    }

    #anfrage_right label {
        width:140px;
        float:left;
        }

    input.anfrageright {
        width:220px;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        margin:0 0 16px 0;
        }

    input.anfragerighthalb {
        width:105px;
        margin:0 5px 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

    input.anfragerighthalb2 {
        width:110px;
        margin:0 0 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

    input.anfragerightstr {
        width:189px;
        margin:0 5px 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

    input.anfragerightnr {
        width:24px;
        margin:0 0 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

    input.anfragerightplz {
        width:54px;
        margin:0 5px 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

    input.anfragerightort {
        width:159px;
        margin:0 0 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

    .submitsend {
        border:0;
        background-color:#CCC;
        color:#555;
        padding:1px;
        font-size:12px;
        text-align:center;
        width:220px;
        margin:16px 0 0 0;
        }

    .submitsend:hover {
        border:0;
        background-color:#999;
        color:#333;
        padding:1px;
        font-size:12px;
        text-align:center;
        width:220px;
        margin:16px 0 0 0;
        }

    textarea {
        width:220px;
        height:60px;
        margin:0 0 16px 0;
        float:left;
        border:0;
        background-color:#FFF;
        color:#999;
        padding:1px;
        font-size:12px;
        }

/* --- Impressum --- */

#text_content {
    padding:32px;
    }


/*
 * jquery.popeye.css 2.0
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */

.ppy-outer {
    display:                none;
}
.ppy-active .ppy-outer {
    display:                block;
}
.ppy-stage {
    background-repeat:      no-repeat !important;
    background-position:    center center !important;
    position:               relative;
}

.ppy-placeholder {
    position:               relative;
}

.ppy-caption,
.ppy-captionwrap {
    overflow:               hidden;
}

.ppy-hidden {
    display:                none !important;
}

.ppy-imglist {
    width:          100%;
    display:        block;
    overflow:       hidden;

}
.ppy-imglist li {
    padding:        10px;
    border:         1px solid #f0f0f0;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
    background:     #fff;
    list-style:     none;
    float:          left;
    display:        block;
    margin:         0 10px 10px 0;
}
.ppy-imglist li a img {
    display:        block;
    border:         0;
}


/* popeye example 3 */
#ppy3.ppy-active {
    width:          240px;
    float:          left;
    margin:         0 20px 10px 0;
}

#ppy3 .ppy-outer {
}

#ppy3 .ppy-stage {
    width:          992px;
    height:         352px;
    overflow:       hidden;
}

#ppy3 .ppy-stagewrap {
    background:     #FFF;
}

#ppy3 .ppy-caption {
    margin:         10px 0 0 0;
    padding:        0 5px 3px 0;
    font-size:      0.9em;
    line-height:    1.3em;
    color:          #555;
    height:         60px;
    overflow:       auto;
    border-bottom:  1px solid #ddd;
}

#ppy3.ppy-expanded .ppy-caption {
    margin:         0;
    padding:        10px;
    color:          #fff;
    border-bottom:  1px solid #333;
    background:     #555;
}

#ppy3 .ppy-counter {
    background:     #333;
    color:          #fff;
    padding:        0 5px;
    font-size:      0.8em;
    position:       absolute;
    bottom:         0;
    left:           0;
    opacity:        0.7;
}

#ppy3 .ppy-loading {
    background:     #333 url(../images/loading1.gif) no-repeat center !important;
}

#ppy3 .ppy-nav {    width:          100%;
    height:         100%;
    text-align:     center;
}
#ppy3 .nav-wrap {
    width:          104px;
    height:         32px;
    padding:        30% 0 0 0;
    margin:         0 auto 0 auto;
}
#ppy3 .ppy-nav a {
    display:        block;
    overflow:       hidden;
    text-indent:    -900em;
    height:         22px;
    float:          left;
    padding:        5px;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
}

#ppy3 .ppy-prev {
    width:          22px;
    background:     url(../images/prev1.png) no-repeat center;
}

#ppy3 .ppy-next {
    width:          22px;
    background:     url(../images/next1.png) no-repeat center;
}

#ppy3 .ppy-switch-enlarge {
    width:          30px;
    background:     url(../images/enlarge3.png) no-repeat center;
}

#ppy3 .ppy-switch-compact {
    width:          30px;
    background:     url(../images/compact3.png) no-repeat center;
}

#ppy3 .ppy-nav a:hover {
    cursor:         pointer;
}


#cookiebar {
    position: fixed;
    bottom: 0;
    padding: 15px;
    left: 0;
    right: 0;
    text-align: center;
    background: #810c28;
    color: #FFF;
    line-height: 1.25em;
    z-index: 200;
}

#cookiebar a {
    color: #FFF;
    text-decoration: underline;
}

#cookiebar button {
    background: none;
    border: 1px solid #FFF;
    border-radius: 3px;
    color: #FFF;
    margin-left: 5px;
    padding: 2px 10px;
}

#cookiebar button:hover {
    color: #810c28;
    background: #FFF;
}

#cookiebar_text {
    display: inline;
}