@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);


* {
	margin:		0;
	padding:	0;
}

html {
	height:		100%;
	position:	relative;
}

b { font-weight: 700; }

.unterschrift {
  font-family:'Alex Brush', Sans-serif;
  font-size:24px;
  color:#0847a6;
  line-height:34px; 
}

body {
	background:		#e4e4e4;
	color:			#666;
  font-family: 'Droid Sans', sans-serif;
  font-size: 14px;
  line-height:20px;
  font-weight:400;
	text-rendering: optimizeLegibility;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: justify;	
}

.clearfix, .clear, .clearer {
  line-height:0px;
  height:0px;
  clear:both;   
  display:block;
}
         
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }


a, a:link, a:active, a:visited { color: #173e77; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; color: #173e77; }


img {
  outline:none;
  border: 0px;
}

.wrap {
  width:1000px;
  margin: 30px auto;
  min-height:500px;
  background: #fff;
  overflow:hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

.header {
  background: #15386c url(../img/bg_header.png) repeat-x;
  height:auto;
  padding:10px 10px 10px 10px;
}
.logo {
  width:39.4%
}
.logo img {
  width:100%;
  height:auto;
}

.navigation_bar {
  background: #646464;
  border-top: 1px solid #fff;
  height:42px;
}
.navigation {
  position:relative;
  background: #646464;
  padding: 0px 15px;  
}
.navigation li {
  list-style-type:none;
  float:left;
  color:#fff;
}
.navigation li a {
  display:block;
  font-size:16px;
  color:#fff;
  line-height:42px;
  margin: 0px 25px 0px 0px;
  padding-left:20px;
  background: transparent url(../img/bg_navlist.png) 0px 13px no-repeat;
}
.navigation li a:hover {
  background: transparent url(../img/bg_navlist.png) 0px -74px no-repeat;
  text-decoration:none;
}
.navigation li a.selected {
  background: transparent url(../img/bg_navlist.png) 0px -74px no-repeat;
  text-decoration:none;
}

.slide-trigger {
  display: none; /* need this */
  background: #646464;
  cursor: pointer;
  font-size:16px;
  color:#fff;
  line-height:42px;
  padding:0px 15px;
}
.slide-trigger span {
  background-image: url(../img/dropdown-arrows.png);
  background-position: 10px -14px;
  display: block;
  float: right;
  margin-top: 16px;
  height: 14px;
  width: 32px;
}

.content {
  padding: 0px 0px 40px 0px;
  min-height:250px;
}

.twoColums {
  float:left;
  width:50%;
  margin: 0px;
}
.tc_first {
  padding: 10px 35px 0px 35px;
}
.tc_second {
  padding: 10px 35px 0px 35px;
}

.oneColums {
  padding: 10px 35px 0px 35px;
}

h1 { 
  font-size: 22px;
  line-height: 26px; 
  font-weight: 400; 
  color: #666; 
  margin: 40px 35px 0px 35px;
  padding: 0px 0px 3px 0px;
  border-bottom: 1px dotted #ddd;
  display:block;
  text-align:left;
}
h1.home { 
  margin: 20px 0px 0px 0px;
}


h2 { 
  font-size: 16px;
  line-height: 20px; 
  font-weight: 400; 
  color: #444; 
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 3px 0px;
  border-bottom: 1px dotted #ddd;
  display:block;
  text-align:left;
}




p {
  margin: 10px 0px;  
  text-align:justify;  
}

.contentimage {
  margin: 15px 0px;
  border: 3px solid #fff;  
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);  
}
.contentimage img {
  float:left;
  width:100%;
  height:auto;
}  

.footer {
  background: #ccc;
  color:#666;
  font-size:14px;
  line-height:22px;
  padding: 8px 15px;
}
.footer1 {
  float:left;
  display:inline-block;
}
.footer2 {
  float:right;
  display:inline-block;
}
.footer a {
  color:#444;
  text-decoration:none;
}
.footer a:hover {
  color:#173e77;
  text-decoration:none;
}

.vita_row {
  margin-top:15px;
  text-align:justify;  
}

.vita_numer {
  float:left;
  display:inline-block;
  width:40px;
}
.vita_text {
  display:block;
  margin: 0 0 0 40px;
}
.vita_jahr {
  float:left;
  display:inline-block;
  width:70px;
}
.vita_desc {
  display:block;
  margin: 0 0 0 70px;
}


strong {
  font-weight:700;
}


.logo_row {
  margin-top:15px;
}

.logo_image {
  float:left;
  display:inline-block;
  width:140px;
  text-align:right;
  padding:2px 0 0 0;
}

.logo_text {
  display:block;
  margin: 0 0 0 160px;
}


.seitenanfang {
  display:none;
}






            



@media only screen and (min-width: 760px) and (max-width: 1000px) {
  .wrap { width:auto; margin: 10px; }

}

@media only screen and (min-width: 300px)  and (max-width: 759px) {
  .wrap { width:auto; margin: 10px; }
  .logo { width:60% }
  .slide-trigger { display: block; }
  .no-js .slide-trigger { display: none; }
  .navigation { display: none; }
  .no-js .navigation { display: block; }
  .navigation { margin: 0px 0px 8px 0px; background:#646464;position:relative; }
  .navigation li { float: none; }
  .navigation li a { border-bottom: 1px dotted #ccc; margin:0px; }
  .twoColums { float:none; width:100%; }
  .tc_first { padding: 10px 15px 0px 15px; }
  .tc_second { padding: 10px 15px 0px 15px; }
  h1 { margin: 40px 15px 0px 15px; }

}

@media screen and (max-width: 600px) {
  .logo { width:70% }
  .footer1 { float:none; display:block; margin-bottom:10px; }
  .footer2 { float:none; display:block; }
  .phone {display:block;}
  .trenner {display:none;}
  .seitenanfang { display:block; padding: 0px 0px 20px 20px; }  

}

@media screen and (max-width: 500px) {
  .logo { width:90% }
  .logo_image { width:87px; }
  .logo_image img { height:30px;; }
  .logo_text { margin: 0 0 0 105px; }

}