<!--
/* -------------------------------------------------------------- */
/* ############################################################## */
/* #                                                            # */
/* #  scripted by Daniel Scholz (http://www.daniel-scholz.com)  # */
/* #                                                            # */
/* #       (c) 2013 mediabang.de - ALL RIGHTS RESERVED!         # */
/* #                                                            # */
/* ############################################################## */
/* -------------------------------------------------------------- */


/* -------------------------------------------------------------- */
/* ############################################################## */
/* TEXT DEFINES */
/* ############################################################## */
/* -------------------------------------------------------------- */


a               {text-decoration: none;color: #3492b9;text-decoration: none;font-weight: normal;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
a:visited       {text-decoration: none;color: #3492b9;text-decoration: none;font-weight: normal;}
a:active        {text-decoration: none;color: #3492b9;text-decoration: none;font-weight: normal;}
a:hover         {text-decoration: none;color: #263745;text-decoration: underline;font-weight: normal;}


.txt_logo       {font-family:mediabang_font_bold;font-size:100px;color:#000000;font-weight:normal;letter-spacing: 0.02em;text-shadow: 0 0 4px rgba(0,0,0, .6);-webkit-text-shadow: 0 0 4px rgba(0,0,0, .6);-moz-text-shadow: 0 0 4px rgba(0,0,0, .6);}
.txt_logo_tld   {font-family:mediabang_font_regular;font-size:30px;color:#aaaaaa;font-weight:normal;letter-spacing: 0.05em;}


.txt_boxtitle   {font-family:mediabang_font_bold;font-size:40px;color:#fff;font-weight:normal;letter-spacing: 0.0em;text-align:left;}
.txt_boxsub     {font-family:mediabang_font_regular;font-size:18px;color:#ccc;font-weight:normal;letter-spacing: 0.03em;text-align:right;}


.txt14          {font-family:mediabang_font_regular;font-size:14px;color:#696969;font-weight:normal;letter-spacing: 0.05em;}
.txt12          {font-family:mediabang_font_regular;font-size:12px;color:#696969;font-weight:normal;letter-spacing: 0.06em;}


/* -------------------------------------------------------------- */
/* ############################################################## */
/* BOXES */
/* ############################################################## */
/* -------------------------------------------------------------- */

html, body {
    width:100%;
    height:100%;
    text-align:center;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 100%;
    background:url('/images/bg.jpg') top left repeat-x #C9C9C9;
}

#main {
    width:980px;
    margin: 0 auto;
    min-height:100%;

}

#foot {
    width:100%;
    height:40px;
    margin: 0 auto;
    margin-top:-41px;
    padding: 0;
    background: #aaaaaa;
    border-top: 1px solid #000;
    box-shadow:
        0 0 3px 0 rgba(125,125,125,0.3),
        inset 0 0 0 1px #ddd;
    -webkit-box-shadow:
        0 0 3px 0 rgba(125,125,125,0.3),
        inset 0 0 0 1px #ccc;
    -moz-box-shadow:
        0 0 3px 0 rgba(125,125,125,0.3),
        inset 0 0 0 1px #ccc;
    -ms-box-shadow:
        0 0 3px 0 rgba(125,125,125,0.3),
        inset 0 0 0 1px #ccc;
}

#foot_imp {
    width:100%;
    height:15px;
    margin: 0 auto;
    margin-top:-56px;
    padding: 0;
    background: #dfdfdf;
}

#foot_icons {
    width:100%;
    height:40px;
    margin: 0 auto;
    margin-top:-56px;
    padding: 0;
}

h1 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 12px;
    display: table-cell;
    vertical-align: middle;
}

h2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 12px;
    display: table-cell;
    vertical-align: middle;
}

h3 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 20px;
    display: table-cell;
    vertical-align: middle;
}


span {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

#box_logo {
	top:0px;
	width:100%;
	height:315px;
        margin: 0 auto;
        padding: 0;

}

#box_slider {
	top:0px;
	width:612px;
	height:185px;

}

.box_space30 {
	width:100%;
	height:30px;
        margin: 0 auto;
        padding: 0;
}

.box_space100 {

	height:100px;
        margin: 0 auto;
        padding: 0;
}


.boxwrapper{
    width:612px;
    margin: 0 auto;
    padding: 0;

/*
    height:350px;
    margin-bottom: 68px;
*/

/*    margin-left: 1px; */
/*    margin-right: 1px; */
/*    float: left; */

}

.div_table{
    width:100%;
    height:100%;
    margin: 0 auto;
    padding: 0;
    display: table;
}

.boxtitle {

    height:40px;

    margin: 0 auto;
    padding: 0;

    background: #a9a9a9;

    /* border-radius:10px 10px 0 0; */
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    border-top:1px solid #808080;
    border-left:1px solid #808080;
    border-right:1px solid #808080;

    box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);
    -webkit-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);
    -ms-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);

    background:-moz-linear-gradient(bottom,#909090,#a9a9a9);
    background:-webkit-gradient(linear,left top,left bottom,from(#909090),to(#a9a9a9));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090',endColorstr='#a9a9a9');

    opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}

.boxsub {

    height:26px;

    margin: 0 auto;
    padding: 0;

    background: #808080;

    border-left:1px solid #808080;
    border-right:1px solid #808080;

    box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);
    -webkit-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);
    -ms-box-shadow: 0 0 3px 0 rgba(125,125,125,0.5);

    background:-moz-linear-gradient(bottom,#707070,#808080);
    background:-webkit-gradient(linear,left top,left bottom,from(#707070),to(#808080));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#707070',endColorstr='#808080');
}

.boxcontent {

    height: 100%;
    margin: 0 auto;
    padding: 0;

    background: #f9f9f9;

    background:-moz-linear-gradient(bottom,#e0e0e0,#ffffff);
    background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#ffffff));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0',endColorstr='#ffffff');

    /* border-radius:0 0 10px 10px; */

    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;


    border-left:1px solid #808080;
    border-right:1px solid #808080;
    border-bottom:1px solid #808080;

    box-shadow:
        0 0 3px 0 rgba(125,125,125,0.5),
        inset 0 0 0 12px #ddd;
    -webkit-box-shadow:
        0 0 3px 0 rgba(125,125,125,0.5),
        inset 0 0 0 12px #ccc;
    -moz-box-shadow:
        0 0 3px 0 rgba(125,125,125,0.5),
        inset 0 0 0 12px #ccc;
    -ms-box-shadow:
        0 0 3px 0 rgba(125,125,125,0.5),
        inset 0 0 0 12px #ccc;
    filter:
        drop-shadow(0 0 3px 0 rgba(125,125,125,0.5)),
        drop-shadow(inset 0 0 0 12px #ddd);

    opacity: 1.0;
    -moz-opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}


/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
    background-color: #C9C9C9;
    padding: 6px;
    padding: 0.428571429rem;
    font-family: inherit;
    border: 1px solid #263745;
    border-radius: 5px;
}


.speech-bubble {
position: relative;
float: left;
width: 7em;
padding: 1em;
border: .4em dotted;
border-bottom-style: solid;
margin: 1em;
background-clip: padding-box;
color: white;
font: bold 200% sans-serif;
box-shadow: .05em .05em .3em rgba(0,0,0,.6);
}
 
.speech-bubble + .speech-bubble {
box-shadow: none;
-webkit-filter: drop-shadow(.05em .05em .3em rgba(0,0,0,.6));
filter: drop-shadow(.05em .05em .3em rgba(0,0,0,.6));
 
}
 
.speech-bubble:after {
content: '';
position: absolute;
bottom: -2em;
left: 50%;
margin-left: -.5em;
border: 1em solid transparent;
border-top-color: inherit;
}


-->