/* varela-round-regular - latin-ext_latin */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('https://genital-chirurgie.de/fonts/varela-round-v19-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.genital-chirurgie.de/fonts/varela-round-v19-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.genital-chirurgie.de/fonts/varela-round-v19-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.genital-chirurgie.de/fonts/varela-round-v19-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.genital-chirurgie.de/fonts/varela-round-v19-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.genital-chirurgie.de/fonts/varela-round-v19-latin-ext_latin-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url("./images/filler.jpg") #0088ff repeat-y top center;
	color: #5F5F5F;
	font-family: Arial, sans-serif;
	font-size: 13px;
}

img {
	border: 0px;
}


h1, h2, h3, h4, h5 {
    font-family: 'Varela Round', Arial, Tahoma, sans-serif;
}

h1 {
	font-size: 26px;
	font-weight: bold;
	color: #0088ff;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	color: #0088ff;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	color: #0088ff;
}

strong {
	font-weight: bold;
	color: #5F5F5F;
}

.spazi {
	letter-spacing: 2px;
}

.orange {
	color: #0088ff;
}

.grau {
	color: #5F5F5F;
}

.unterstrich {
	border-bottom: 1px #0088ff solid;
}

#header {
	width: 770px;
	height: 110px; /* vorher height: 110px; */
	margin: auto;
	padding-top: 35px; /* vorher margin-top: 35px; */
	background: url("./images/header.jpg") #0088ff no-repeat top center;
}

#firmenbeschreibung {
	float: left;
	text-align: left;
	margin-top: 36px;
	margin-left: 40px;
	margin-bottom: -30px;
	width: 300px;
	height: 100px;
	font-size: 15px;
	line-height: 20px;
}

#firmenlogo {
	float: right;
	text-align: left;
	margin-top: 30px;
	margin-bottom: -30px;
	width: 380px;
	height: 100px;
}

#firmenslogan {
	margin-left: 5px;
	font-size: 13px;
}

#slideshow {
	clear: both;
	width: 770px;
	height: 150px;
	margin: auto;
	padding-top: 18px;
	padding-bottom: 12px;
}

#master0 {
	margin-left: 2px;
}

#container {
	width: 770px;
/*	height: 800px; */
	margin: auto;
}

/* Content */
#content {
	float: right;
	text-align: left;
	margin-right: 30px;
	width: 500px;
	padding: 10px;
	margin-left: 10px;
}

#content ul {
	border-bottom: 0px;
	margin-left: 15px;
	padding: 2px;
	list-style-type: none;
}

#content li {
	background-image: url("./images/li.jpg");
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-top: 4px;
	padding-left: 12px;;
}

#content a:link, #content a:visited, #content a:active {
	color: #0088ff;
	padding-left: 15px;
	background-image: url("./images/a-href.jpg");
	background-repeat: no-repeat;
	text-decoration: none;
}

#content a:hover {
	color: #5f5f5f;
	padding-left: 15px;
	background-image: url("./images/a-hover.jpg");
	background-repeat: no-repeat;
	color: #5f5f5f;
}

#content a.nodeco {
	background-image: none;
	padding-left: 0px;
}

/* Navigation */
#navigation {
	float: left;
	margin-top: 10px;
	text-align: left;
	width: 165px;
	color: #0088ff;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 36px;
	border-right: 1px #0088ff solid;
	padding-left: 20px;
}

#navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover {
	color: #5F5F5F;
	text-decoration: none;
}

#navigation a:hover {
	color: #5F5F5F;
	text-decoration: none;
	border-bottom: #0088ff 1px solid;
}

/* Imagemap */
#imagemap {
	position: relative;
	font-size: 75%;
	width: 300px;
	height: 405px;
	background-image: url("http://www.genital-chirurgie.de/media/imagemap/deutschland-imagemap.png");
	background-repeat: no-repeat;
	background-position: top;
	margin: 1em 0 1em 1em;
}

#imagemap a:link, #imagemap a:visited, #imagemap a:hover, #imagemap a:active, #imagemap a:focus {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	color: #4F4F4F;
	padding-left: 0px;
	background: none;
}

#imagemap a:hover, #imagemap a:active, #imagemap a:focus {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px;
	color: #FF5600;
	padding-left: 0px;
	background: none;
}
/* Ende Imagemap */


#clearer {
	clear: both;
}

#footer {
	margin: auto;
	width: 770px;
	text-align: center;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
	color: #0088ff;
	text-decoration: none;
}

/* Kontakt-Formular */
.required {
	color: #0088ff;
}

.field_title {
	font-size: 13px;
	width: 150px;
	vertical-align: top;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}

.textfield {
	font-size: 13px;
	width: 200px;
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #fff;
	border: 1px solid #0088ff;
}

.textarea {
	font-size: 13px;
	width: 90%;
	height: 100px;
	padding: 2px;
	margin-top: 4px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #0088ff;
}

.field_heading {
	font-size: 13px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 2px;
	padding-top: 10px;
	margin-bottom: 4px;
	color: #666666;
}

.field_checkbox {
	font-size: 13px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #0088ff;
}

.select {
	font-size: 12px;
}

.checkbox_label {
	font-size: 11px;
}

.radio_label {
	font-size: 11px;
}

.email {
	font-size: 13px;
	width: 200px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #0088ff;
}

.sender {
	padding: 5px;
}

.button {
	background-color: #0088ff;
	color: #ffffff;
	width: 100px;
	border: 1px solid #5F5F5F;
}

.captcha {
	width: 40px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #0088ff;
}

/* Form */
.frm-field_table { width :100%; vertical-align :middle; table-layout :auto; border-collapse :separate; border :none; }
.frm-field_table tbody { font-size :100%; padding :0.4em 0.2em; }
.frm-field_table tbody td { border :none; }
.frm-field_table tbody td.field_heading,
.frm-field_table tbody td.frm-field_heading { border-bottom :2px solid #666666; color :#666666; font-weight :bold; padding-top :0.5em; }
.frm-formular { float: none; }
.frm-required { color :#FF0000; }
.frm-field_title { width :25%; vertical-align :top; white-space :nowrap; text-align :right; }
.frm-textfield { width :90%; }
.frm-textarea { width :100%; height :100px; }
.frm-select { width :50%; }
.frm-select option { width :95%; }
.frm-field_checkbox { cursor :pointer; width :2em; vertical-align :middle; }
.frm-checkbox_label { cursor :pointer; vertical-align :middle; }
.frm-radio_label { cursor :pointer; }
.frm-email { width :90%; }
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier,
.frm-nixhier { display :none; }
.frm-submission { margin :0 auto; position :relative; width :auto; }
.print-email { font-size :0.8em; color :#000000; margin :10px auto; }
.frm-warning { background :#FFEEEE; border :0.1em #884444 solid; color :#E10000; margin-bottom :1em; padding :0.5em 2.8em; font-size :96.5%; font-weight :normal; }
.frm-note { background :#EEFFEE; border :0.2em #448844 solid; color :#004400; margin-bottom :1em; padding :0.8em; font-size :1.2em; font-weight :bold; }
.previewprinttop { text-align :right; }
.previewprinttop img { padding-left :1em; }
.frm-thankyou { }
.frm-tbody { }
.frm-warning h3 { font-size :120%; line-height :1.3em; margin :0.1em; padding :0.1em; }
 .frm-warning ol { color :#333333; margin :0.1em; }
.frm-field_table input[type="submit"] { padding :0.1em 0.8em; }
 .frm-warning a, 
 p.frm-warning a { background :transparent; padding-left :0; }
fieldset.frm-fieldset { border :none; margin :0%; padding :0%; }
.frm-warning-success-email { display :block; }
.previewPrintTop { float :right; }
.previewPrintTop span { display : none; }