/* Generell styling 2016-10-21 */

*		{box-sizing:border-box;}
body		{background-color:#f1f1f1; margin:0px;}

a:link		{text-decoration:none; color:#000000;}
a:visited		{text-decoration:none; color:#2198c0;}
a:active		{text-decoration:none; color:#df0023;}
a:hover		{text-decoration:none; color:#df0023;}

table		{max-width:900px; position:relative; margin:auto; spacing:2px;}
td		{padding:7px;}
p		{text-indent:0px; font-family:palatino linotype; font-size:16px; color:#000000;}
ul, ol		{font-family:arial; font-size:12px; color:#000000;}
hr		{border:solid 2px #2198c0;}

.hrub		{font-family:arial; font-size:25px; font-weight:bold;}
.rub		{font-family:palatino linotype; font-size:20px; font-weight:bold; color:#df0023;}
.srub		{font-family:arial;font-size:16px; font-weight:bold;}
.bildtxt		{font-family:arial; font-size:12px; font-weight:bold;}
.special		{background-color:#2198c0;color:#ffffff;font-family:arial;font-size:25px;}

#rcorners1		{border-radius: 15px;padding: 15px;}
#rcorners2		{border-radius: 10px;padding: 10px;}

img, iframe 	{width:100%;height:auto;border:0px;margin-top:5px;}


[class*="col-"] {float: left;}

/* For mobile phones: */
[class*="col-"] {width: 100%;}

@media only screen and (min-width: 700px)
	{/* For desktop: */
.col-1 	{width: 8.33%;}
.col-2 	{width: 16.66%;}
.col-3 	{width: 25%;}
.col-4 	{width: 33.33%;}
.col-5 	{width: 41.66%;}
.col-6 	{width: 50%;}
.col-7 	{width: 58.33%;}
.col-8 	{width: 66.66%;}
.col-9 	{width: 75%;}
.col-10 	{width: 83.33%;}
.col-11 	{width: 91.66%;}
.col-12 	{width: 100%;}
}