/* html, body */
HTML, BODY
				{
				margin:0;
				padding:0;
				background: #000;
				height: 101%;
				}

/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Exo', sans-serif, Georgia, Times New Roman, Tahoma, Arial, Verdana;
				-webkit-font-smoothing: subpixel-antialiased;
				font-weight: 400;
				font-size:100%;
				color:#FFF;
				font-weight:normal;
				text-decoration:none;   
				}

a
				{
				color:#FFF;
				outline: none;
				}

a:Hover
				{
				text-decoration:none;
				}

b,
strong
				{
				font-weight:bold;
				}

img
				{
				border:0px;
				}

/*
h1
				{
				font-size:2.8em;
				font-weight: 700;
				color: #fe5400;
				margin-bottom:10px;
				}
*/

h1,
h2
				{
				font-size:1.8em;
				font-weight: 700;
				color: #fe5400;
				margin-bottom:10px;
				}
				
				
h3
				{
				font-weight: 600;
				font-size:1.4em;
				margin-bottom:15px;
				}
				
h4
				{
				font-weight: 600;
				font-size:1.4em;
				margin-bottom:15px;
				color: #e8561f;
				}
				
p
				{
				font-size:1em;
				line-height: 1.4;
				margin-bottom: 20px;
				}

ul,
ol
				{
				margin: 0 0 15px 30px;
				}

.error label
				{
				color: #db0e0e;
				font-weight: 700;
				}

.alert-info,
.alert,
.alert-info *,
.alert *
				{
				color: #db0e0e;
				}

.alert-success,
.alert-success *
				{
				color: #078d20!important;
				}

.alert-info strong,
.alert-success strong,
.alert-info * strong,
.alert-success * strong
				{
				color: #078d20!important;
				}



/* ------------------------------------------------------------------------------------------------------------ */

#id_top,
#id_bottom
				{
				position: fixed;
				z-index: 990;
				width: 100%;
				height: 6px;
				background: #e8561f;
				z-index: 999;
				}

#id_top
				{
				border-bottom:1px solid #FFF;
				}

#id_bottom
				{
				bottom: 0px;
				border-top:1px solid #FFF;
				}

#id_bg
				{
				position:fixed; 
				top:-50%; 
				left:-50%; 
				width:200%; 
				height:200%;
				}
				
#id_bg img
				{
				position:absolute; 
				top:0; 
				left:0; 
				right:0; 
				bottom:0; 
				margin:auto; 
				min-width:50%;
				min-height:50%;
				}
			
/* ------------------------------------------------------------------------------------------------------------ */

#id_main
				{
				position: relative;
				z-index: 995;
				padding-top: 80px;
				text-align: center;
				}

#id_main *
				{
				text-align: center;
				}


/* ------------------------------------------------------------------------------------------------------------ */

#id_head
				{
				margin: auto;
				}

#id_head #id_ci a
				{
				display: block;
				width:240px;
				height: 120px;
				background: url(../img/doublecoup.png) 0px 0px no-repeat;
				margin: auto;
				margin-bottom: 15px;
				}

#id_head #id_ci span
				{
				display: none;
				}

#id_head p
				{
				font-size: 1.8em;
				margin-bottom: 25px;
				}

#id_head a
				{
				font-size: 1em;
				text-decoration: underline;
				}

#id_head a:Hover
				{
				text-decoration: none;
				}

/* ------------------------------------------------------------------------------------------------------------ */

#id_content
				{
				margin: auto;
				margin-top: 80px;
				margin-bottom: 80px;
				}

.box
				{
				color: #000000;
				margin: auto;
    			border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				/*background: #e7e7e7;*/
				background: url(../img/alpha80.png);
				border: 1px solid #CCC;
				/*width: 420px;*/
				width: 600px;
				padding: 20px;
				}

.box *
				{
				text-align: left!important;
				}

.box_double
				{
				width: 600px;
				}

#id_box_left
				{
				float: left;
				width: 290px;
				}

#id_box_right
				{
				float: right;
				width: 290px;
				}

.box h3,
.box h5,
.box p,
.box label,
.box li,
.box strong
				{
				color: #000;
				}

.box a
				{
				color:#e8561f;
				}

.box a:Hover
				{
				color:#000;
				}


.field
                {
			    border: 1px solid #CCC;
			    height: 30px;
			    padding: 0px 0px 0px 4px;
				border-radius: 10px ;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			    color: #000;
			    width:100%;
			    float: left;
			   	margin-bottom:15px;
				background: #FFF;
                }

.error .field
				{
				border: 1px solid #FF0000!important;
				}

.field-sumbit
                {
				background: #FFF url(../img/pfeil-schwarz.png) right 4px no-repeat;
                }

.submit-hidden
				{
				position: absolute;
				z-index: 10;
				width: 20px!important;
				height: 22px;
				margin-left: -20px;
				background: none;
				border: none;
				cursor: pointer;
				}

.submit-hidden-pin
				{
				position: absolute;
				z-index: 10;
				width: 20px!important;
				height: 22px;
				margin-left: -20px;
				background: none;
				border: none;
				cursor: pointer;
				}

.btn
				{
				border-radius: 10px ;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				color: #FFF!important;
				text-align: center;
				background: #e8561f;
				padding: 4px 10px 4px 10px;
				border: none;
				float: right;
				cursor: pointer;
				}

.btn_left
				{
				float: left;
				margin-bottom: 10px;
				}

.btn:Hover
				{
				background: #000;
				}

/* ------------------------------------------------------------------------------------------------------------ */
				
@media screen and (max-width: 990px) {

*
				{
				max-width: 100%;
				height: auto;
				}

#id_main
				{
				padding-top: 20px;
				}

#id_head #id_ci a
				{
				width:160px;
				height: 80px;
				background-size: 100%;
				}

#id_head p
				{
				font-size:1.4em;
				}

#id_content
				{
				margin-top: 20px;
				}

h1,
h2
				{
				font-size:1.2em;
				}

.box,
.box_double
				{
				width: 99%;
				border-radius: 0px ;
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px;
				padding: 0;
				}

.box_inner
				{
				margin: 20px;
				}

#id_box_left
				{
				float: none;
				margin-bottom: 40px;
				}

#id_box_right
				{
				float: none;
				}

#id_bg
				{
				top:0px; 
				left:0px; 
				width:100%; 
				height:100%;
				max-width: none;
				}
				
#id_bg img
				{
				top:0px; 
				min-width:100%;
				min-height:auto;
				margin: inherit;
				}

}

/* ------------------------------------------------------------------------------------------------------------ */

#id_footer
				{
				padding-bottom: 5px;
        margin-top:40px;
				}

#id_footer *
				{
				text-align: center;
				}

#id_footer a
				{
				font-size: 0.8em;
				color: #848484;
				padding: 0 2px 0 2px;
				}

#id_footer a:Hover
				{
				color: #ffffff;
				}

.blacktext
        {
        color:#000000;
        }
        
.alert-error
        {
        color:red;
        margin-bottom:10px;
        }
.alert-success
        {
        color:green;
        margin-bottom:10px;
        }         
        
 /* ------------------------------------------------------------------------------------------------------------ */