@charset "UTF-8";
html, body {
                margin:0;
                padding:0;
                height:98%
            }
body{
	background-image:url(../Images/stripes2c.gif);
	background-color:#e9f0de;
	color:#333;
	font-size: 0.8em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	line-height: 1.3em;
}


.wrapper{
	bottom: 0px;
	min-height: 95%;
	height:auto;
	border-left: solid #00958D 1px;
	border-right: solid #00958D 1px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
	margin:0.5em auto;
	position: relative;
	background-color: #dfdfdf;
}


header{
	width:100%;
	float: left;
	position: relative;
	margin: 0;
	padding: 1% 0 3% 0;
}

.klein {
	font-size: 93%;
}
.copy {
	font-size: 85%;
}
.hervor {
	font-size: 1em;
	color: #00958D;
}

img, object, embed, video {
	max-width: 100%;
}

.fett  {
	font-weight: bold;	
}
hr{
	height:2px;
	width:100%;
	color:#00958D;
	margin:5px 0;
}
.clearfix {
	float: none;
	clear: both;
}
.clearfixHr {
	float: none;
	clear: both;
	height: 5px;
	background-image: url(../Images/hr.png);
}

.top{
	text-align: center;
	height: auto;
	position: relative;
	float: left;
	width: 98%;
	border-bottom: solid #00958D 1px;
	border-top: solid #00958D 1px;
	padding: 1%;
}


.content {
	margin-top:5px;
	width:98%;
	float:left;
	margin-bottom:5px;
	padding: 10px;
}

.content Img {
	margin: 0;
	float: right;
	padding: 0 0 10px 0;
}


.left{
	width:47%;
	float:left;
	margin-bottom:5px;
	padding: 0 10px;
	text-align: left;
}
.leftStart {
	width:47%;
	float:left;
	margin-bottom:5px;
	padding: 10px;
	text-align: left;
	background-color: #CCC;
	margin-top: 5px;
	height: auto;
	min-height: 405px;	
}
.content ul {
	list-style-type: none;
	padding: 0 0 0 40px;
}
.content ul li {
	padding: 10px 0;
	font-weight: 600;
	color: #666;
}
.content ul ul {
	list-style-type: none;
}
.content li {
	text-align: left;
	padding: 10px 0;
}
.content ul li ul li {
	padding: 0 0 0 30px;
	font-weight: normal;
}



.right{
	margin-top:10px;
	width:47%;
	float:right;
	padding: 0 10px;
	text-align: right;
}

.right-text{
	margin-top:0px;
	width:47%;
	float:right;
	padding: 10px;
	text-align: left;
}
.rightStart {
	margin-top:5px;
	width:47%;
	float:right;
	padding: 10px;
	text-align: right;
	background-color: #CCC;
	height: auto;
	min-height: 405px;	
	
}

.aktuell {
	margin-top:5px;
	width:98%;
	float:left;
	margin-bottom:5px;
	padding: 10px;
	font-size: 85%;
}
.footerleft{
	width:80%;
	float:left;
	margin-bottom:5px;
}
a:link , a:visited{
	color: #006666;
	text-decoration: none;
}
a:hover, a:active{
	color: #FF6633;
	text-decoration: none;
}



.footerright{
	width:47%;
	float:right;
	text-align: right;
	margin: 0;
	padding: 0;
}

#footer{
	clear: both;
	color: #006666;
	text-align: left;
	font-size: 80%;
	padding: 8px 20px 15px 10px;
	height: auto;
}
#footer a {
	text-decoration: none;
	color: #006666;
	text-transform: uppercase;
}
#footer a:hover {
	text-decoration: none;
	color: #FF6633;
	}
.icon{
	float:right;
	width:32px;
	margin:5px 0 2px 5px;
	opacity:0.85;
}

.icon:hover{
	opacity:1;
}


.social{
	width:47%;
	float:right;
	text-align: right;
	top: 0px;
}



/* -- Make the highlight colours pretty -- */
::selection      { background:#f38094; color:#FFF;}
::-moz-selection  { background:#f38094; color:#FFF;}

h1 {
	font-family: Arial;
	color: #00958D;
	text-decoration: none;
	font-size: 190%;
	font-weight: normal;
	line-height: 20pt;
	margin: 0;
	letter-spacing: 0px;
	text-align: right;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #FF6633;
	text-transform: uppercase;
	margin: 0;
	padding: 40px 0 0px 10px;
}
h3 {
	font-family: Arial;
	font-size: 150%;
	color: #666666;
	margin-bottom: 0px;
	font-weight: 400;
	text-align: right;
	line-height: 0pt;
}
h4 {
	font-family: Arial;
	font-size: 145%;
	color: #00958D;
	font-weight: 400;
	line-height: 1.1em;
}
h5 {
	font-family: Arial;
	font-size: 120%;
	color: #666;
	margin: -17px 0 0 0;
	text-transform: uppercase;
	font-weight: normal;
}
h6 {
	font-size: 120%;
	font-weight: bold;
	color: #FF6633;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 20px;
}
.Namen {
	font-size: 11px;
	font-weight: bold;
	color: #00958D;
	text-decoration: none;
	text-transform: uppercase;
}
.Fachanwalt {
	
	padding: 0 0 0 27px;
}
#php {
	padding: 0px 0 10px 10px;
}
#php hr {
	margin-top: 10px;
}
#php  strong {
	line-height: 30px;
	color: #666666;
}
#php li {
	color: #333333;
	list-style-image: url(Images/wurfel6.gif);
	margin-left: 10px;
	line-height: 16px;
}

/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */


@media only screen and (max-width: 2579px) {
	.wrapper{
	width:60%;
	padding: 2%;
	min-height: 96%;
	height:auto;
	}
	
	.rightStart img{
	height: 10em;
}
.rightStart{
		min-height: 510px;	
}

.leftStart{
	min-height: 405px;
	
}
}
@media only screen and (max-width: 1959px) {
	.wrapper{
	min-height: 96%;
	height:auto;	
	width:70%;
	}
	.rightStart img{
	height: 5em;
	
}
.rightStart{
		min-height: 405px;	
}

.leftStart{
	min-height: 405px !important;
	
}
}
@media only screen and (max-width: 1609px) {
	.wrapper{
	min-height: 97%;
	height:auto;	
	width:70%;
	}
	
}
@media only screen and (max-width: 1259px) {
	.wrapper{
	min-height: 98%;
	height:auto;	
	width:80%;
	}
	
	.rightStart{
		min-height: 420px;	
}

.leftStart{
	min-height: 420px;
	
}

}

@media only screen and (max-width: 1023px) {
	
	.wrapper{
		width:92%;
	min-height: 99%;
	height:auto;
	}
	.left{
	width:46%;
	text-align: left;
	float: left;
}
.right{
	width:46%;
	
}
.right-text{
	width:46%;
	
}
.rightStart{
		min-height: 410px;
		width:46%;	
}

.leftStart{
	min-height: 410px;
	width:46%;
	
}
.rightStart img{
		height: 3em;	
}	
.footerleft{
	width:80%;	
}
.footerright{
	width:47%;
	
}
}

@media only screen and ( max-width: 835px ) {
	.wrapper{
	min-height: 99%;
	height:auto;
	width:93%;
	
	}
	.top{
	width:98%;
	height: 25px;
}
	
.content {
	
	width:96%;
	
}	
	.left{
	width:96%;
	
}
.leftStart{
	width:97%;
	height: auto;
	min-height: 0;
	
}
.right{
	width:96%;
	float: left;	
}
.right-text{
	width:96%;
	float: left;	
}
.rightStart{
	width:97%;
	float: left;
	height: auto;
	min-height: 0px;
}

#footer{
		
}	
	.footerleft{
	width:96%;
	
}
.footerright{
	width:96%;
	float: left;	
}
.icon{
	float:left;
	
}

}
@media only screen and ( max-width: 789px)  { 	

.leftStart{
	width:97%;
	
	
}
.rightStart{
	width:97%;
	
	
}
}

@media only screen and ( max-width: 479px)  { 
	
	
.wrapper{
	min-height: 150%;
	height:auto;
	width:93%;
	padding: 2%;
	}
.content {
	width:95%;
	}
.left{
	width:95%;
	}
.right{
	width:95%;
	float: left;	
}
.right-text{
	width:96%;
	float: left;	
}
.leftStart {
	width:100%;
	float:left;
	margin-bottom:5px;
	padding: 0px;
	text-align: left;
	background-color: #CCC;
	margin-top: 5px;
	height: auto;
	max-height: 195px !important;	}
.rightStart{
	width:95%;
	height:auto;

}
	.footerleft{
	width:95%;
	
}
.footerright{
	width:95%;
	float: left;	
}
.content p img {
	width:25px;
	height:25px;	
}

.content {
	clear:both;
}

.content h1 {
	font-size: 15px !important;
	margin-top: 0px !important;
	color:#858f8a!important; 
	padding-left: 0px;
}
.content h3 {
	clear: both; 
	font-size: 15px !important;
	margin-top: 0px !important;
	color:#858f8a!important; 
	padding-left: 0px !important;
	line-height:15px !important;
	clear: left;
}

}