body {
	color: #000;
	font-family: Times;
    font-size: 16px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
}

b {font-family: Arial;}
h2 {font-family: Arial; line-height: 30px; font-weight: 700;}
h3 {font-family: Arial; font-size: 16px; font-weight: 700; margin-top: 0; margin-bottom: 0; padding-top: 40px; padding-bottom: 8px;}
h4 {font-family: Times; font-size: 16px; font-weight: 500; margin-top: 0;}

.row {width: 100%; clear: both;}
.col {float: left; padding-bottom: 10px;}
.col-8 {width: 60%;}
.col-4 {width: 40%;}

#header {width: 100%; border-bottom: 1px solid black; margin-bottom: 20px;}
#header .wrap {margin: auto; width: 750px; height: 135px;}
#header .logo {
	background-image: url('https://www.berner-aerzte.ch/fileadmin/img/logo.svg');
	background-size: 210px 115px;
	width: 210px;
	height: 115px;
	margin-top: 10px;
	float: left;
}

#header .langswitch {float: right; margin-top: 97px;}

#header .langswitch a {padding: 2px 5px;
	background-color: #dcdcdc;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}

#header .langswitch a.act {
	color: #fff;
	background-color: #000;
}

form {margin: auto; width: 750px;}

table td {
    font-size: 16px;
    padding-bottom: 8px;
}

table td:first-child {width: 500px; padding-right: 20px;}
table.checktable td:first-child {width: 20px; padding-right: 4px;}

table.wintable td:first-child {width: 200px; padding-right: 4px;}

table td.noborder {text-align: left:}

select {
	width: 200px;
	border: 1px solid #676767;
	margin-bottom: 4px;
}

select.small {
	width: 120px;
}

input.input_big {
	width: 360px;
}

input.input_lohn {
	width: 120px;
	border: 1px solid #676767;
}

input.input_submit {
	border: 0;
	background-color: #000;
	color: #fff;
	padding: 10px 0;
	font-weight: bold;
	font-size: 14px;
	Font-family: Arial;
	min-width: 140px;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

textarea.input_big {
	width: 100%;
	height: 120px;
}

table {margin:0px; padding:0px;}
table tr {margin-bottom: 3px;}

.hidden {display: none;}

@media only screen and (max-width: 600px) {
	body {width: 90%; padding-left: 5%;}
	#header .wrap {width: 100%;}
	form {width: 100%}
	
	h3 {padding-top: 15px;}
	h4 {margin-bottom: 18px;}
	
	.col {float: none; padding-bottom: 10px;}
	.col-8 {width: 100%;}
	.col-4 {width: 100%; padding-bottom: 30px;}
	
	select {height: 30px; width: 100%;}
	input.input_lohn {height: 30px; width: 100%;}
	input.input_big {height: 30px; width: 100%;}
	input.input_submit {height: 40px; width: 100%; margin-bottom: 30px;}
}