@charset "utf-8";

/* OTT BAUMANN GRIEDER BUGADA RECHTSANWÄLTE */

/* CSS by PAGE-style (C) 2010 */


body {
	background-color: #e1ddd9;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#000000;
	padding:0px;
	margin:0px;
	line-height:20px;
}

/* LINKS */

a {
	color: #000000;
}
a:visited {
	color:#000000;
}
a:hover {
	color: #000000;
}
a:active {
	color:#000000;
}

/* SCHRIFT */

h1 {
	font-size:24px;
	font-weight: normal;
	margin:0px;
	line-height: 40px;
	font-family: "Century Gothic";
	padding-bottom: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

h2 {
	font-size:17px;
	font-weight: normal;
	padding: 0px;
	margin:0px;
	line-height: 40px;
	font-family: Arial, Helvetica, Sans-Serif;
}

h3 {
	font-size:16px;
	font-weight: normal;
	padding: 0px;
	margin:0px;
	line-height: 40px;
	font-family: Arial, Helvetica, Sans-Serif;
}

h4 {
	font-size:24px;
	font-weight: normal;
	line-height: 40px;
	font-family: "Century Gothic";
	margin:0px;
	line-height: 35px;
	padding-bottom: 50px;
	}

h5 {
	font-size: 11px;
	background-color: #ededed;
	border-top:1px solid #666666;
	padding:5px 15px;
	margin:0px;
	line-height: 11px;
	font-weight: normal;
	}

h6 {
	font-size:16px;
	font-weight: normal;
	padding: 0px;
	margin:0px;
	line-height: 40px;
	font-family: Arial, Helvetica, Sans-Serif;}

/* LAYOUT */

#container {
	width: 1000px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 2px #a67d3c solid;
	margin-top: 20px;
	background-color: #FFFFFF;
	
}

/* HEADER */

#header {
	text-align: right;
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	background-image: url(images/pkt.png);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	background-color: #ccb083;
}

/* CONTENT */

#content {
	background-color: #ffffff;
	margin-left: 264px;
	margin-right: 0px;
	padding-right: 45px;
	padding-top: 30px;
	padding-bottom: 60px;
	padding-left: 60px;
}

p, pre{
	padding: 5px 10px;
	margin:0px;
}

#container #content p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}

/* NAVIGATION LEFT */

#left {
	float: left;
	left:25px;
	width:264px;
	background-color: #FFFFFF;
}

/* NAVIGATION */

#navigation {
	position:static
	list-style: none;
	margin:0;
	padding:0;
	}

#navigation a {
	line-height:1.5;
	padding: 15px 10px 15px 10px;
	background: #FFFFFF;
	display: block;
	text-decoration:none;
	}

#navigation a:link {
	color:#000000;
	} 
	
#navigation a:visited {
	color:#000000;
	} 

#navigation a:hover {
	color: #FFFFFF;
	background-color: #a67d3c;
	text-decoration: none;
	
	}
	 
#navigation li {
	list-style: none;
	margin:0;
	padding:0;
	border-bottom: 1px solid #000000;
	}
	
#navigation li.active a {
	color:#FFFFFF;
	background-color: #000000;
	text-decoration: none;
	font-weight: bold;
	} 
	
	#navigation li.active a:visited {
	color:#FFFFFF;
	} 

#navigation li.active a:hover {
	color:#FFFFFF;
	background-color: #a67d3c;
	} 
	
#navigation li.border a {
	border-bottom: 1px solid;
	}

	
/* NAVIGATION 2*/


#navigation ul {
	margin-left: 25px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding:0;
	position:static
	}
	
#navigation ul li {
	border: none;	
	}
	
#navigation ul li a {
	line-height: 1.5;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 12px;
	width:auto;
	width:130px;
	color:#000;
	display:block;
	}	
	
	#navigation ul li a:visited {
color: #000000;
	}	
	
#navigation ul li a:hover {
	color: #a67d3c;
	background: #FFFFFF;
	}
	
#navigation li.active ul li a {
	line-height: 1.5;
	background: #FFFFFF;
	padding: 2px 0px 2px 12px;
	width:auto;
	width:130px;
	color:#000000;
	display:block;
	font-weight: normal;
	border: none;
}

#navigation li.active ul li a:visited{
color: #000000;}

#navigation li.active ul li a:hover {
	color: #a67d3c;
	background: #FFFFFF;
	}

#navigation li.active ul li.active a {
	font-weight: bold;
	background-color: #FFFFFF;
	}
	
#navigation ul li.active a:hover {
	color: #a67d3c; 
	background-color: #FFFFFF;
	
	}
	
#navigation li.inactive ul li a {
	border: none;
}
	 

/* NAVIGATION 3*/

#navigation ul ul 
	{margin: 0 0 1em 13px;
	padding:0
	}


/* CONTACT */

#contact {
	text-align: right;
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	background: #ccb083;
	background-image: url(images/pkt.png);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-left: 0px;
	}
	
	
/* FOOTER */

#footer {
	clear: both;
	padding: 3px;
	text-align: center;
	background-color: #a67d3c;
	color: #FFFFFF;
	}

/* IMAGE */

.right {
	float:right;
	padding-left:10px;
	border: none;
}

.left {
	float:left;
	padding-right:10px;
	border: none;
}

/* TABLES */

.table
{
	margin-top: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
	border: 1px solid #FF0000;
	color: #000000;
	background: #FFFFFF;
	width: 590px
}

.table caption
{
  caption-side: bottom;
  text-align: left;
}

.table th, .table td
{
  border: 1px dotted #FF0000;
  padding: 5px;
  color: #000000;
}

.table th[scope=col]
{
  color: #000000;
  background-color: #CCCCCC;
  border-bottom: 2px solid #FF0000;
  border-right: 2px solid #FF0000;
}

.table th+th[scope=col]
{
  color: #FFFFFF;
  background-color: #999999;
  border-right: 1px dotted #FF0000;
}

.table th[scope=row]
{
  color: #FFFFFF;
  background-color: #999999;
  border-right: 2px solid #FF0000;
}

.table tr.alt th, .table tr.alt td
{
  color: #FF0000;
}

.table tr:hover th[scope=row], .table tr:hover td
{
  background-color: #FF0000;
  color: #FFFFFF;
}

/* FORMULAR */

form { 
	margin: 25px 0 0 29px; 
	width: 450px; 
	padding-bottom: 30px; 
	}

fieldset {
	margin: 0 0 22px 0;
	border: 1px solid #FF0000;
	padding: 12px 17px;
	background-color: #FFE5E5;
}

legend {
	font-size:;
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 8px;
}

label.float {
	float: left;
	display: block;
	width: 150px;
	margin: 4px 0 0 0;
}

label { 
	display: block; 
	width: auto;
	margin: 0 0 10px 0; 
	}
	
label.spam-protection { 
	display: inline; 
	width: auto;
	margin: 0; 
	}

input.inp-text {
	width: 250px;
	margin: 0 0 8px 0;
	border: 1px solid #909090;
	padding: 3px;
	}
	
textarea { 
	width: 400px; 
	height: 150px; 
	margin: 0 0 12px 0; 
	display: block;
	border: 1px solid #909090; 
	padding: 3px; 
	}

input.choose { 
	margin: 0 2px 0 0;
	border: 1px solid #909090; 
	padding: 3px;
	}
input.answer { 
	width: 40px;
	margin: 0 0 0 10px; 
	border: 1px solid #909090; 
	padding: 3px;
	}
input.submit-button {
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

form br { 
	display: none; 
	}
