/*------- GENERAL -------*/ 


/* FONT IMPORT team-seite */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700');
@import url('https://fonts.googleapis.com/css?family=Courgette');



i.fa {margin-right:10px;color:#9D312E !important;}



.angestellte .one_half {width:48%; padding:10px; border:1px solid #ddd; margin-bottom:20px; height:180px;}
.angestellte img {float:left; width:110px; height:auto; margin-right:10px; padding-bottom:20px;}
.angestellte a {color:#9D312E;}
i, .fa-phone-square {color:#9D312E !important;}

html, body{margin:0; padding:0; font-size:13px; font-family: "Open Sans"; line-height:21px; color:#555; overflow-x:hidden; background:#9d312f url('../img/bg_1.jpg') no-repeat center top;}

div {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;}

.clear, .clr{clear:both;}
#wrapper{width:980px; margin:0px auto; margin-top:20px;}
.resize{width:980px;  margin:0px auto;}

a{color:#9D312E; text-decoration:none; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
a:hover{text-decoration:underline;}
a.weiterlesen{float:right; padding:5px 15px; background:#b40000; color:#fff; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
a:hover.weiterlesen{background:#eee;color:#b40000;}

h1,h2,h3,h4,h5,h6 {font-weight: 500;	padding: 0;	margin-bottom:15px; margin-top:0;	color:#9d312f; font-family: "Open Sans";}
h1 {font-weight:500;	font-size: 26px;	line-height: 30px; color:#555;}
h2 {font-size: 18px;	line-height: 22px;}
h3 {font-size: 16px;	line-height: 20px;}
h4 {font-size: 14px;	line-height: 18px}
h5 {font-size: 12px;	line-height: 18px;}
h6 {font-size: 10px;	line-height: 16px;}

/*------- PRELOADER -------*/ 
#preloader {	position:absolute;	top:0;	left:0;	right:0;	bottom:0;	background-color:#fff; z-index:1500; }
#status	{	position: absolute;	left: 50%;		top: 50%;		width: 65px;		height: 65px;		margin-top: -32px;		margin-left: -32px;	}

/*------- HEADER -------*/ 
.top-bottom-line{height:5px; width:100%;}

.header{background:#ffffff; padding:0 20px 20px 20px; height:80px; position:fixed; width:100%; z-index:200; border-bottom:0px solid #eee; box-shadow: 0px 5px 5px #333;}
.shade{box-shadow:0 0 15px #000;}
#logo{width:245px; float:right; position:relative; margin-top:80px; box-shadow: 0px 5px 5px #999; -moz-border-radius: 15px;
border-radius: 15px; height:160px; background:#fff; }
#logo img{width:245px; float:left; position:relative; z-index:999;  }

/*------- NAVIGATION -------*/ 
.desktop-nav ul { list-style: none; float: right; font-size:14px; font-family: "Open Sans"; margin-top:40px; position:absolute;}
.desktop-nav li {display:inline;}
.desktop-nav ul li a { color:#555; padding:2px; padding-left:12px; padding-right:12px; }
.desktop-nav ul li a.active, .desktop-nav ul li a:hover{ color:#9d312e; text-decoration:none;}
.desktop-nav ul li.active a { color:#9d312e;}

/*------ SLIDER ------*/
#slider_area{height:420px; border-bottom:none;}

#slideshow-index{margin:0px auto; max-width:980px; padding-top:80px; padding:0;}
#slideshow-index ul{ position:relative; width:980px; height:340px;  padding:0; margin:0; list-style:none; z-index:15; top:80px; background:#fff;}
#slideshow-index ul li{ width:980px; height:340px; position:relative; }
#slideshow-index ul li img{ position:absolute; top:0; left:0; z-index:20; width:980px;}

#slideshow-index ul li .slidetext{ 
position:absolute; 
bottom:0px; 
right:0px; 
z-index:25; 
overflow:hidden; 
padding:20px 20px; 
width:25%; 
height:280px; 
min-height:35px; 
background:#fff; }

.slidetext h2{ color:#9d312e; padding-top: 160px; font-size:16px; padding-left:12px;}
.slidetext h3{ color:#fff; }
.slidetext p{ color:#fff; margin-bottom:0; }								  
.slidetext a{ color:#0a7297; text-decoration:underline; }	
#index-slideshow-pager{  text-align:left; z-index:999; position:relative; left:20px; top:50px;  }
.ie7 #index-slideshow-pager{ bottom:35px; }								  
#index-slideshow-pager a{ text-align:left; background:url(../img/bg-pager.png) no-repeat 0 0; display:inline-block; width:14px; height:14px; margin-left:1px; margin-right:5px; outline-style:none; text-indent:-9999px; }
#index-slideshow-pager .activeSlide{ background:url(../img/bg-pager.png) no-repeat 0 -64px; }

iframe {font-family: "Open Sans";} 


			/* =side-nav
			-----------------------------------------------------------------------------------------------*/
			
			.side-nav{ /*list-style-type:none;*/ list-style-position:outside; border-top:1px solid #efefef; }
			.side-nav li{ border-bottom:1px solid #efefef; }
			.side-nav li a:hover{ }
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(../img/bg-sidenav.gif) no-repeat 10px 12px; }
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }
			
			.col-180 strong { font-size:14px; padding:0px 0 5px 25px; height:25px; display:block; }

/*------- CONTENT -------*/
#content{background:#fff; padding:10px 0;}
p{text-align:justify; margin-bottom:15px; margin-top:0;}
b{font-weight:450}

ul.vita {list-style-type:square;}
ul.vita li {margin-left:175px;color:#9d312f;}
ul.vita li span {color:#555;}

.one_full{width:100%;  padding:25px; float:left;}

.one_half{float:left; width:48%; margin-right:4%;}
.last{margin-right:0; float:right;}
.box-team {height:220px;}

.one_third{width:33.66666%; padding:25px; float:left;}
.two_third{width:66.333%; padding:25px; float:left;}

.one_fourth{width:25%; padding:25px; float:left;}
.three_fourth{width:75%; padding:25px; float:left; padding-left:0px;}

.last{float:right; margin:0;}

.border{
border:1px solid #ccc; 
margin-bottom:25px; 
transition:all 0.3s ease-in-out; 
-webkit-transition:all 0.3s ease-in-out; 
-o-transition:all 0.3s ease-in-out; 
-moz-transition:all 0.3s ease-in-out;
-moz-border-radius: 15px;
border-radius: 15px;
}
.border:hover{border-color:#9D312E;}

#sidebar{float:right; width:22%; margin-top:25px; margin-right:12px;}

ul.aktuelles {list-style-type:none; padding:0; margin:0;}
ul.aktuelles li {border-bottom:1px solid #ccc;padding:5px;padding-left:0px;}
ul.aktuelles li a{display:block; margin-bottom:5px;color:#9d312f;}
ul.aktuelles li a:hover{text-decoration:none; color:#555;}

ul.aktuelles li a.thema{color:#555;}
ul.aktuelles li a.thema:hover{color:#9D312E;}

/* Internet-Service */
ul.is {list-style-type:square; padding:20px; padding-left:35px; background:#fafafa;}
ul.is li {padding:5px 0 0px 10px; color:#9d312f;}
ul.is li a {color:#555;}


table{width:100%; border-spacing:0; border-collapse:collapse; border:1px solid #eee;}
table tr:nth-child(odd){background:#fff;}
table tr:nth-child(even){background:#eee;}
table td {padding:5px;}
table h3{padding-top:5px;}

a {position:relative; display:inline-block;}
a[data-tooltip]:before {position: absolute;    left: 0;    top: -40px;    background-color: #b40000;    color: #ffffff; height: 30px;    line-height: 30px;    border-radius: 5px;    padding: 0 15px;    content: attr(data-tooltip);    white-space: nowrap;    display: none;}
a[data-tooltip]:after {  position: absolute; left: 15px; top: -10px; border-top: 7px solid #b40000; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: none;}		
a[data-tooltip]:hover:after, [data-tooltip]:hover:before {display: block;}

#mitgliedschaften{padding:25px; background:url(../img/pattern.png); text-align:center;}
img.mitglied{padding:4px; margin-right:30px; border:1px solid #eee;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; -webkit-filter: grayscale(100%); height:47px; width:auto;}

a img.mitglied:hover{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);}


/*------- TILES -------*/
.tile-25 { float:left;	 width:25%; padding:5px; height:200px;}
.tile-33 { float:left;	 width:33.333%; padding:5px; height:200px;}
.tile-50 { float:left;	 width:50%; padding:5px;}

.tile-25 a, .tile-33 a, .tile-50{-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;	display: block; height:100%;	padding: 30px;	padding-left: 30px;	background-color: transparent;	font: 200 25px/1.5 'Open Sans';	color: #b40000;	-moz-transition: background-color 1s;	-webkit-transition: background-color 1s;	-o-transition: background-color 1s;	transition: background-color 1s;}
.tile-25 a:hover, .tile-33 a:hover, .tile-50 a:hover{color:#fff; background-color: #161616;	background-color: rgba(0, 0, 0, .65);}

.tile-25 a, .tile-33 a, .tile-50 a{position:relative; z-index:2; top:0;}

.tile-25 .headline, .tile-33 .headline, .tile-50 .headline{display: block;	padding-bottom: 3px;}
.tile-25 .descr, .tile-33 .descr ,.tile-50 .descr{text-align:justify; color:#333 -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto;	display: block;	margin-top: 5px;	font: 300 14px/1.5em 'Open Sans';}

/* ACCORDION */
#accordion {margin-bottom:55px;}
#accordion h4 {	padding: 7px 15px;	font-size: 16px;	cursor: pointer; color:#9D312F;	background:#ddd url('../img/plus.png') no-repeat right;margin-top:10px; margin-bottom:0;	transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
#accordion h4.current {	background:#9D312F url('../img/minus.png') no-repeat right; color:#fff;}
#accordion h4:hover {background-color:#9D312F; color:#fff;}

#accordion div.pane {	display: none;	height: auto;	padding: 15px;margin-top:0;}
#accordion div.pane ul, #accordion div.pane p {margin-top: 15px;	}
#accordion div.pane *:first-child {	margin-top: 0px;}
#accordion div.pane ul li {list-style-type:square;}
#accordion div.pane li a {color:#333;}
#accordion div.pane li a:hover{}
#accordion div.pane a {}w
#accordion div.pane img{max-width:100%; height:auto;}

#accordion div.pane h3 {/*font-weight:normal;	margin:0 0 -5px 0;	font-size:16px;	color:#999;*/}
a:active {  	outline:none;}
:focus {  	-moz-outline-style:none;}	

/*------- FOOTER -------*/
#footer{float:left; width:100%;  background:#555; color:#ddd;}
#footer h3{color:#ddd; font-weight:400;}
#footer a{color:#ddd;}
#footer a:hover{color:#aaa;}

/*------- COPYRIGHT-------*/ 
#copyright{padding:7px 20px; color:#fff; background:url(../img/pattern_dark.png);}
#copyright a {color:#fff;}
#copyright a:hover {text-decoration:underline;}

/*------- ANIMATION -------*/
.csstransitions .animated {visibility: hidden;}
.csstransitions .animated.visible {  visibility: visible;}
.no-js .animated {visibility: visible;}
.csstransitions span.animated,.csstransitions .inline.animated,.csstransitions a.animated{    display: inline-block;}


/* kanzlei-team */

.boxgrid h3{ margin: 10px 8px 5px 5px; color:#fff; font:12pt Arial, sans-serif; letter-spacing:0px; font-weight: normal;  }
			
			.boxgrid{ 
				width: 200px; 
				height: 260px; 
				margin-left:0px;
				margin-right:35px;
				margin-bottom:35px;
				float:left; 
				background:#fff; 
				border: solid 1px #ccc; 
				overflow: hidden; 
				position: relative; 
			}
			.boxgrid .last { 
				margin-right:0px;
			}			
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding-left:5px; 
					color:#ffffff; 
					font-weight:normal; 
					line-height:2.0em;
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				.boxgrid a{ 
					color:#fff; 
				}				
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #CD0013; 
				height: 260px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				.captionfull .boxcaption {
 					top: 220px;
 					left: 0;
 				}