@charset "UTF-8";
/* CSS Document */


/* Default Einstellungen*/
* { padding: 0; margin: 0; outline: 0; }

html { overflow-y: scroll;}

body { height: 100%; background: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration:none; color: #000000; }

@font-face {
    font-family: 'BitterRegular';
    src: url('font/Bitter-Regular-webfont.eot');
    src: url('font/Bitter-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Bitter-Regular-webfont.woff') format('woff'),
         url('font/Bitter-Regular-webfont.ttf') format('truetype'),
         url('font/Bitter-Regular-webfont.svg#BitterRegular') format('svg');
    font-weight: normal;
    font-style: normal; }

h1 { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:20pt; color:#666666; line-height:25px; }
h2 { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:16pt; color:#666666; line-height:22px; }
h3 { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:14pt; color:#666666; line-height:19px; }
h4 { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:12pt; color:#666666; line-height:16px; }
h5 { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:12pt; color:#000; line-height:19px; }

a { color: #e2001a; text-decoration: none; cursor: pointer; }
a:hover { text-decoration:none; }
a img { border: 0; }

p { padding-bottom: 18px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; } 

#page { width: 1024px; margin: 0 auto;  min-height: 100%; height: auto; height: 100%; background: #ffffff; }

#top { background: url(images/header-bg.jpg); //background-repeat:no-repeat; width: 1024px; height: 161px;  }

#logo { padding-top: 10px; padding-left:24px; float: left; display: inline; width: 551px; }
#logo a { display: block; height: 92px; text-indent: -4000px; background: url(images/logo.png); }

#login { float: right; display: inline; width: 237px; height: 103px; background-image:url(images/loginfeld.png); background-repeat:no-repeat; padding-top: 6px; padding-left: 10px; padding-right: 14px;}
#login h3 { font-size: 14px; color: #666666; line-height:19px;}
#login h4 { font-size: 14px; color: #e2001a; line-height:19px;}
#account { float: right; display: inline; width: 237px; height: 103px; background-image:url(images/loginfeld.png); background-repeat:no-repeat; padding-top: 6px; padding-left: 10px; padding-right: 14px;}
#account h3 { font-size: 14px; color: #666666; line-height:19px; padding: 2px 0px 3px 0px;}
#account h4 { font-size: 14px; color: #e2001a; line-height:19px; padding: 2px 0px 3px 0px;}
#account a { font-size: 14px; color: #666666; line-height:19px; padding: 2px 0px 3px 0px; text-decoration: none; }
#account a:hover { color: #e2001a; }

#menu {	width: 900px; height: 39px; padding: 13px 24px 0px 0px; float: left;}
#menu ul { float: left; margin: 0px; padding: 0 0 0 23px; list-style: none; }
#menu ul li { display: inline;}
#menu ul li a {	float: left; padding: 12px 0; width: 125px; text-align: center; font-family: BitterRegular, arial, helvetica, sans-serif; font-size:12pt; color:#ffffff; text-decoration:none; }
#menu li a:hover {font-family: BitterRegular, arial, helvetica, sans-serif; font-size:12pt; color:#e2001a; text-decoration:none; background:url(images/navi-active.png) no-repeat; }
#menu li a.active {font-family: BitterRegular, arial, helvetica, sans-serif; font-size:12pt; color:#e2001a; text-decoration:none; background:url(images/navi-active.png) no-repeat; }

#stuff { padding: 24px 24px }

#slider { height: 277px; background: url(images/slider.png) no-repeat 0 0; position: relative; }
#slider .slider-nav a { display: block; width: 32px; height: 47px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 120px; }
#slider .slider-nav a.prev { left: 0; background: url(images/button-prev.png); }
#slider .slider-nav a.next { right: 0; background: url(images/button-next.png); }

#slider-holder { height: 277px; }
#slider-holder .jcarousel-clip { height: 277px; width: 1001px; position: relative; overflow: hidden; }
#slider-holder .slide-image { float: left; display: inline; }
#slider-holder ul { width: 1001px; height: 277px; position: relative; overflow: hidden; }
#slider-holder ul li { list-style-type: none; float: left; display: inline; height: 277px; width: 1001px; padding: 0px 50px 0px 0px; position: relative; overflow: hidden; }

h1.sliderhead { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:26pt; line-height:30px;color:#e2001a; padding-top: 50px; padding-right:25px;}
h2.slidersub { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; font-size:18pt; line-height:24px;color:#666666; padding-top: 15px; padding-right:25px;}

#sidebar { margin-left: -3px; height: auto; float: left; width: 278px; background-image:url(images/sidebar-bg.png); background-repeat: repeat-y; }
#sidebar p { font-family: BitterRegular, arial, helvetica, sans-serif; font-weight: normal; padding: 2px 0px 3px 0px; font-size: 14px; text-indent: 28px; line-height:18px; }
#sidebar a { color: #666666; text-decoration: none; }
#sidebar a:hover { color: #e2001a; }
#sidebar-menue { width: 278px; hight: auto; margin-top: 0px;}
#sidebar-menue a { width:278px; display:block; clear:both; padding: 6px 0; height:28px; font-family: BitterRegular, arial, helvetica, sans-serif; text-decoration:none; font-size:16px; background:url(images/sidebar-1.png); background-repeat:no-repeat; color:#ffffff; text-align:left; text-indent: 20px; }
#sidebar-menue a:hover { font-family: BitterRegular, arial, helvetica, sans-serif; text-decoration:none; color:#e2001a; font-size: 16px; background-image: url(images/sidebar-2.png);background-repeat:no-repeat; }
#sidebar-menue a.active { font-family: BitterRegular, arial, helvetica, sans-serif; text-decoration:none; color:#e2001a; font-size: 16px; background-image: url(images/sidebar-2.png);background-repeat:no-repeat; }

#sidebar-account { height: 410px; float: left; width: 278px; background-image:url(images/sidebar-block.png); background-repeat: repeat-y; }
#sidebar-account h2 { padding: 5px 10px 5px 0px; margin-bottom: 4px; font-size: 16px; color: #e2001a; text-indent: 20px; line-height:20px;}
#sidebar-account h3 { padding: 5px 10px 5px 0px; margin-bottom: 4px; font-size: 14px; color: #666666; text-indent: 20px; line-height:18px;}
#sidebar-account p { padding: 5px 10px 5px 0px; margin-bottom: 4px; text-indent: 20px; }
#action-button { padding: 5px 0px 5px 185px; margin-bottom: 4px; }

#main { margin-bottom: 6px; padding: 0 15px 0 15px; }

#teaser {float:left; width:270px; height: 208px; display: inline; background: url(images/teaser.jpg) no-repeat; padding: 10px 14px 5px 14px;}
#teaser p { padding: 12px 18px 5px 0px; }
#teaser a { color: #e2001a; text-decoration: none; font-size:11pt;}

#teaser2 {width:540px;height: 102px; border-radius:5px;background-image:url(images/box.png);}

#area { padding: 20px 24px 0px 24px; height: auto; width: auto; //float: left; }
#textleft { padding: 15px 24px 0px 0px; }
#image_wrapper { height:250px; display: inline-block; padding-right: 25px; margin-bottom: 10px; float: left;}
#textbox { background: url(images/box.png) no-repeat; height: 110px; width: 550px; padding: 10px; }
#textbox p { padding: 12px 18px 5px 24px; }


#footer { height: 50px; background: url(images/footer-bg.jpg) 0 0; font-family: BitterRegular, arial, helvetica, sans-serif; font-size:10pt; color:#666666; line-height:18px;}
#footer-icons { float:right; padding: 14px 18px 0px 0px; }
#footer p { padding: 16px 0px 10px 24px; }
#footer a { color: #666666; text-decoration: none; }
#footer a:hover { color: #e2001a; }
#footer span { margin: 0 6px; }

//#buttons { height: 60px; width: 60px; background: url(images/button.png) no-repeat 0 0; font-family: BitterRegular, arial, helvetica, sans-serif; font-size:10pt; color:white; text-align: center; display: table-cell; vertical-align: middle;}
.buttons { height: 120px; width: 120px; background-color: #dce9f9; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaaa8), to(#ff6969));
    background-image: -webkit-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:    -moz-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:     -ms-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:      -o-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:         linear-gradient(top, #ffaaa8, #ff6969);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
font-family: BitterRegular, arial, helvetica, sans-serif; font-size:10pt; color:white; text-align: center; display: table-cell; vertical-align: middle;
border-radius: 8px;
}


#konto table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 550px;
}


.uebersicht_index {
    border: dotted red 1px;
    border-radius: 3px;
    width: 400px;
}


.bordered {
    border: solid #ccc 1px;
    border-radius: 6px;
    box-shadow: 0 1px 1px #ccc;
}

.bordered a {color: black; text-decoration: none; cursor: pointer; }

.bordered tr:hover {
    background: #ececec;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaaa8), to(#ff6969));
    background-image: -webkit-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:    -moz-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:     -ms-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:      -o-linear-gradient(top, #ffaaa8, #ff6969);
    background-image:         linear-gradient(top, #ffaaa8, #ff6969);
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}



a.button{
        outline:none;
        color:white;
        height:35px;
        /*padding:10px;*/
        font-size:13px;
        font-weight:bold;
        background:#d40000;
        border:solid 1px white;
        border-radius: 5px;
        /*left: 50%;
        top: 50%;*/
    }
 input.button{
        outline:none;
        color:white;
        height:35px;
        font-size:14px;
        font-weight:bold;
        background:#d40000;
        border:solid 1px white;
        border-radius: 5px;
        /*left: 50%;
        top: 50%;*/
    }

    td.field input{
        /*width:50%;*/
        padding:10px;
        outline:none;
        height:15px;
        font-size:14px;
        font-weight:bold;
        background:#ececec;
        border:solid 1px white;
        /*border-radius: 5px;*/
        left: 50%;
        top: 50%;
}


    td.field select{
        /*width:80%;*/
        padding:5px;
        outline:none;
        height:30px;
        font-size:14px;
        font-weight:bold;
        background:#ececec;
        border:solid 1px white;
        /*border-radius: 5px;*/
        left: 50%;
        top: 50%;
    }


    td.field input.error{
        border:solid 2px red;
    }
    label.error {
	display: block;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error {
	border: 2px solid red;
}