* {margin: 0; padding: 0;}
img {border: 0;}
p {padding: 0 0 10px 0;}

html, body {background: #fff; color: #000000; text-decoration: none; font-weight: normal; font-size: 12px; font-family: Arial, Verdana, Helvetica, Lucida;}

.content {position: relative;	overflow: hidden; margin: 15px auto 15px auto; padding: 0 10px 10px 10px; min-width: 800px; max-width: 1000px;}

.head {overflow: hidden; border-bottom: 5px solid #006ea8;}

.head > p {float: left; margin-top: 28px; font-size: .8em;}
.logo {float: left; display: block; margin: 15px 15px 0 0;}

/* beginn der klassen fuer die navi oben rechts */
.topnavi {float: right; margin-top: 21px;	height: 49px;}
.topnavi ul {padding: 4px 0 0 0; color: #a6a6a6; list-style-type: none;	font-weight: bold;}
.topnavi ul li {display: inline; margin-left: 6px;}
.topnavi ul li a:link, .topnavi ul li a:visited {padding: 3px 5px; background-color: #ffffff; color: #000000; text-decoration: none; font-weight: normal; font-family: Verdana, Arial; line-height: 1.7em;}
.topnavi ul li a:hover, .topnavi ul li a.act:link, .topnavi ul li a.act:visited {background-color: #ffffff; color: #0075B1;}

/* last li should be in line with border-bottom  of head */
.topnavi ul li:last-child a:link, .topnavi ul li:last-child a:visited {padding-right: 0;}

.header {padding: 25px 15px; font-size: 1.2em;}
.header h1 {padding-bottom: 20px; color: #006ea8; font-size: 1.8em; font-family: 'Arial Narrow', Arial, Sans-serif;}


/* beginn der horizontalen navigation  */
// .mainnavi {margin: 0 0 20px 0; background: url(mainmenue_index_bg.gif) #9ac9e0 top left repeat; overflow: hidden;}
.mainnavi {margin: 0 0 20px 0; overflow: hidden;}
.mainnavi ul {padding: 0; color: #ffffff; list-style-type: none; text-align: center; font-weight: bold;}
.mainnavi ul li {float: left; font-weight: normal; font-size: 12px; font-family: Verdana, Arial; line-height: 33px;}
.mainnavi ul li a {display: block; padding: 0 10px; min-width: 140px; max-width: 220px; background: url(mainmenue_bg.gif) #5fa9ce repeat-x; color: #effeff;	text-align: center; text-decoration: none; letter-spacing: 1px;}
.mainnavi ul li a:hover, .mainnavi ul li a.act:link, .mainnavi ul li a.act:visited {color: #ffffff;}

/* content boxes */
.box_container {position: relative; overflow: hidden;}
.box {width: 260px;}
.box.left {position: absolute; left: 0; top: 0;}
.box.right {position: absolute; right: 0; top: 0;}
.box.middle {margin: 0 auto;}
.box h2 {font-size: 1em; color: #fff; background: #006ea8; text-align: center; padding: 5px 0; margin-bottom: 1px; border-radius: 10px 10px 0 0; position: relative;}
.box h2 a {color: #fff; text-decoration: none; display: block;}
.box h2 a:before, .box h2 span:before {content: ""; height: 12px; width: 12px; display: block; position: absolute; left: 10px; top: 6px; background: url(double-arrow-white.gif) center center no-repeat;}
.box h2 a:hover, .box h2 a:visited {color: #fff; text-decoration: none;}
.box .border {border: 1px solid #707277; padding: 20px 10px 15px 10px; line-height: 1.4em; min-height: 220px;}
.border.thumb-up {background: url(bg-thumb-up.gif) center center no-repeat;}
.border.at {background: url(bg-at.gif) center center no-repeat;}
.border.phone {background: url(bg-phone.gif) center center no-repeat;}
.border ul {color: #0075b1; list-style-type: square; font-size: 1.5em; line-height: .8em; margin-bottom: 5px; margin-left: 18px}
.border li span {color: #000; font-size: .66em;}
.color1 {color: #0075b1;}
.bold {font-weight: bold;}

/* for phones */
@media only screen
and (min-device-width : 320px)
and (orientation : portrait)
{
  body {font-size: 20px;}
  .content {padding: 0; min-width: 100%;}
  .logo {height: 76px; width: 410px;}
  .topnavi {clear: left; float: none; margin: 100px 0 50px 0;	height: auto; font-size: 1.5em; text-align: center;}
  .topnavi ul li {padding: 20px;}
  .mainnavi {margin: 0 0 20px 0; background: #fff; overflow: hidden;}
  .mainnavi ul li {float: none; font-size: 2em; width: 100%; line-height: 2.5em; border-bottom: 1px solid #fff;}
  .mainnavi ul li a {display: block; padding: 0 10px; min-width: 100%; max-width: 100%; background: #5fa9ce; color: #fff;}
  .box {width: 98%; margin: 20px 1%;}
  .box.left {position: relative;}
  .box.right {position: relative;}
  .box.middle {margin: relative;}
  .box h2 {font-size: 1.5em; color: #fff; background: #006ea8; padding: 10px 0; margin-bottom: 5px; border-radius: 10px 10px 0 0; position: relative;}
  .box h2 a:before, .box h2 span:before {content: ""; height: 0; width: 0; left: 0; top: 0; background: none;}
  .box .border {padding: 30px; line-height: 1.6em; min-height: auto; font-size: 1.4em;}
  .border.thumb-up, .border.at, .border.phone  {background-size: 25%;}
  .border ul {line-height: 1em; margin-left: 1em}
}