* { font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; }
body { color: #000; background: #dddddd; padding: 0; margin: 0; font-size: 0.9em;  } 


#background {
    height: 400px; width: 100%;
    background-image: url(../images/verlauf_back.png);
    position: absolute; top: 0px; left: 0px; z-index: -1;
}

#center {
    width: 850px; height: 830px;
    margin: 0px auto;
     
    background: url(../images/background.png);
    background-repeat: no-repeat;  
}

#beispielcoupons_text {
    width: 805px;
    height: 10px;
    font-weight: bold;    
    position: relative; top: -290px; left: 245px; z-index: 2;     
    font-size: 0.75em;     
} 

#navigation {
    width: 805px;
    height: 20px;
    font-weight: bold;
    position: relative; top: 216px; left: 0px; z-index: 2;
}



#headline {
    text-align: center;
    width: 850px;
    height: 40px;
    font-weight: bold;
    position: relative; top: 270px; left: 0px; z-index: 2;
}

#kreis {
    width: 600px;
    height: 400px;
    position: relative; top: 320px; left: 120px; z-index: 2;
    text-align: center;
}

#footer {
    width: 805px;
    height: 20px; 
    position: relative; top: 334px; left: 0px; z-index: 2;
    font-size: 0.8em;
}

#trennstrich {
    margin: 0 10px;
}

#active {
    padding-right: 10px;
}

/* ----- Kontaktform ----- */
#kontakt_div {
    width: 754px;
    height: 400px;  /* 398 */
    position: relative; top: 220px; left: 50px; z-index: 2;
}

#kontakt_form {    
    width: 754px;
    height: 488px;  /* 488 */
    position: relative; top: -20px; left: 0px; z-index: 3;
   /*  background: grey; 
    
    border: 1px solid #aaa; */
}

#kontakt_header {
    
    /*background: #205740;*/ color: #fff; 
	border: 1px solid #000;
	font-weight: bold;
    padding: 10px;
    font-size: 1.2em;
    border: none;
}

#kontakt_tabelle {
    /*background: blue;*/
    margin-left: -10px;
} 
#kontakt_tabelle td {
    vertical-align: bottom;
    height: 30px;
}

.hoehe {
    height: 60px; 
    padding-top: 20px;
}


label.left_kontakt, label.left_kontakt_fehler{
	float: left;
	text-align: right;
	width: 85px;
	margin-right: 10px;
	font-size: 0.8em;
	/*background:red;*/
}
label.left_kontakt_fehler {
    color:red;
	font-weight:bold;
}

label.left_kontakt_fehler_agb {
    color:red;
	font-weight:bold;
}

.rahmen, .rahmen_fehler {
	border: none;
	background: #fff;
    border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 200px;
	font-size: 0.8em;
}
.rahmen_fehler {
	border-right: 2px solid red;
	border-bottom: 2px solid red;
}
.rahmen_fehler_agb {
    border: 1px solid red;
}

input[type=text], input[type=file], input[type=submit] {
	float: left;
}
/*form br { clear: both; }  */

input[type=submit].right {
	margin: 10px 0 10px 95px;
}

.flagge {
    margin: 0 50px 0 0;
}


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


/* ----- Popup ----- */
.overlay_dialog {
    background: url('../images/overlay.png') repeat;
    position: fixed;  /* absolute */
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}



.dialogbox {
    background-color: #fff;
    /*background-image: url(../images/verlauf_back.png);*/
    padding: 5px;

    position: absolute;
    top: 50%; left: 50%;
	margin: auto;
	overflow: auto;
	margin-left: -250px;			/* von Links proportional gerechnet */
	margin-top: -230px;				/* von Oben proportional gerechnet */
	width: 500px; height: 460px;	/* Breite und Höhe des gesamten Fensters */
	z-index: 151;
	border: 1px solid #000;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
html>body .dialogbox {  /* nur fuer moderne Browser! */
    position: fixed;
}

#dialog_innen {    
    padding: 1px;
    height: 450px;
}

#dialog_innen p {     
    margin: 10px;
    font-size: 0.9em;
}

#dialog_innen h1, .dialog_button {
    margin: 0;     
    height: 30px; 
    border: 1px solid #aaaaaa; 
    background: #cccccc url(../images/button.png) 50% 50% repeat-x; 
    color: #222222; 
    font-weight: bold; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.dialog_button {
    font-weight: normal;
    height: 40px;
    
    margin-right: 80px;margin-top: -20px;
}

#dialog_innen h2 {
    font-size: 1em; 
    font-weight: bold;
    color: #fff;
    background: #003e24;
    margin-bottom: 10px; padding: 3px 15px;
}

.close_button {
    margin: 6px 10px;
    padding: 3px;
    float: right;
    height: 11px; width: 11px;
    border: 1px solid #aaaaaa;
    background: #cccccc url(../images/close.png) 50% 50% no-repeat;
    color: #222222;
    font-weight: bold;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;    
}

.dialog_headline {
    margin: 6px 10px;
    float: left;
}

.overlay_dialog_form {
    background: url('../images/overlay.png') repeat;
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.dialogbox_form {
    background-color: #fff;
    /*background-image: url(../images/verlauf_back.png);*/
    padding: 5px;

    position: absolute;
    top: 50%; left: 50%;
	margin: auto;
	overflow: auto;
	margin-left: -250px;			/* von Links proportional gerechnet */
	margin-top: -230px;				/* von Oben proportional gerechnet */
	width: 500px; height: 460px;	/* Breite und Höhe des gesamten Fensters */
	z-index: 201;
	border: 1px solid #000;
	-moz-border-radius: 4px; -webkit-border-radius: 4px;
}
/* --------------- */


#navigation a:link, #navigation a:visited { text-decoration: none; color: #666; padding: 0 10px; border-left: 1px solid #000; }
#navigation a:hover { text-decoration: none; color: #000; }

#footer a:link, #footer a:visited { text-decoration: none; color: #666; padding: 0 10px; border-left: 1px solid #000; float: left; }
#footer a:hover { text-decoration: none; color: #000; }

img {
    border: none;
}