/* ===================================================== */
/* = author: visionsactivemedia						   = */
/* = published: june 2006							   = */
/* = contact: http://www.visionsactivemedia.de		   = */
/* = e-mail: mail[at]visionsactivemedia[point]de	   = */
/* ===================================================== */		

* {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
p {
	margin-bottom: 15px;
	margin-top: 15px;
}
html, body {height: 100%;}
   
body {
	background-image: url(../images/sd_brammertz_07.gif);
	background-repeat: repeat-y;
	background-position: center;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color:#000;
}

h1 {
	font-size: 25px;
	line-height: 26px;
}

h2 {
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 15px;
}

h2 a:link{
	color: #000;
	text-decoration: none;
}

h2 a:hover, h2 a:focus {
	text-decoration: none;
}

h4 {
	font-size: 14px;
	padding-bottom: 8px;
}

a:link {text-decoration:none; color: #00A494;}
a:visited {text-decoration:none; color: #676767;}
a:hover, a:focus {text-decoration:underline; color:#00A494;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.clear {
	clear: both;
}

/* LAYOUT - BOXES
********************************************************/

#page {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-image: url(../images/sd_brammertz_02.gif);
	background-repeat: repeat-x;
}

* html #page {height: 100%;}

#pagewrapper {
	width: 955px;
	margin: 0px auto;
	background-image: url(../images/sd_brammertz_07.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#header {
	position:relative;
	height: 138px;
	background-color: #FFFFFF;
}

#leftcol {
	width: 140px;
	float: left;
	padding-left: 44px;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

#maincol {
	float: left;
	width: 475px;
	margin: 0 10px 25px 0;
	padding: 0 15px 25px 25px;
}
#maincol a{text-decoration:none; color: #00A494;}
#maincol a:visited {text-decoration:none; color: #999999;}
#maincol a:hover, #maincol a:focus {background: #00A494;color:#FFFFFF;}

#rightcol {
	float: left;
	width: 200px;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #BED8CF;
	height: 35px;
	clear: both;
}

* html #footer {bottom: -1px;} /* IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */ 

#footercontent {
	font-size: 11px;
	color: #FFFFFF;
	line-height: normal;
	width: 745px;
	margin: 0 auto;
	padding: 3px 0px 0px 210px;
}
#footercontent a {text-decoration:none; color:#FFFFFF;}
#footercontent a:hover, #footercontent a:focus {text-decoration:underline; color:#000000;}

.validate {
	margin-left: 8px;
}

/* HEADER BOXES
********************************************************/
#gradientbox {
	position:absolute;
	width:955px;
	height:65px;
	left:0px;
	top:40px;
	background-image: url(../images/sd_brammertz_01.gif);
	background-repeat: no-repeat;
}

#logobox {
	left: 44px;
	top: 38px;
	position: absolute;
}

#composingbox{
	position:absolute;
	left:700px;
	top:22px;
}

#printadress{
	position:absolute;
	left:549px;
	top:30px;
	width: 387px;
	height: 96px;
	display: none;
}
 
#printadress p {
	float:left;
	margin-right: 20px;
}

#subnavbox{
	position: absolute;
	left: 583px;
	top: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

#subnavbox a {text-decoration:none; color:#999999}
#subnavbox a:hover{text-decoration:underline; color:#000000;}

.english {
	background:url(../images/english_flag.gif) no-repeat 0 50%;
	padding-left: 17px;
}
.german {
	background:url(../images/german_flag.gif) no-repeat 0 50%;
	padding-left: 17px;
}


/* NAVIGATION
********************************************************/
#navlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: square;
	color: #666666;
	line-height:normal;
	margin: 25px 0px 0px 15px;
}

#navlist li{
	padding: 6px;
	padding-left: 0px;
}

#navlist a {
	text-decoration: none; 
	list-style-type:square;
	color: #006666;
}

#navlist a:hover, #navlist a:focus {
	text-decoration:underline;
	color: #000000;
}

#navlist li a.current {
	color: #000000;
	font-weight: bold;
}

#navlist ul.subnavlist{
	color:#666666;
	padding: 0px;
	margin-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#navlist ul.subnavlist li{
	padding: 1px;
	list-style-type: square;
	color: #666666;
	font-size: 12px;
}

#navlist ul.subnavlist li a.current {
	color: #000000;
	font-size: 12px;
}

#navlist ul.subnavlist a {
	color: #006666;
}

#navlist ul.subnavlist a:hover, #navlist ul.subnavlist a:focus {
	color: #000000;
}

/* LINK EXTERN
********************************************************/
.link_extern {
	background:url(../images/link_extern.gif) no-repeat 0 50%;
	padding-left: 12px;
}


/* CONTENT QUICKLINKBOX */
.content_ql {
	margin-right:40px;
	float:left;
	list-style-type: none;
	margin-bottom: 20px;
}

.content_ql li{
	background:url(../images/arrow.gif) no-repeat 0 50%;
	padding-left: 12px;
}


.content_ql li a{
	color:#006666;
	text-decoration:none;
}

.content_ql li a:hover, .content_ql li a:focus {
	color:#666666;
	text-decoration:underline;
}

.content_list {
	list-style-type: square;
	margin-left: 15px;
	margin-bottom: 15px;
}

.sitemap_list {
	list-style-type: square;
	margin-left: 15px;
}

/* IMGAGE FLOATS */

.float_left {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	margin-top: 6px;
}

.float_left label {
	color: #666;
}

/* GALERY THUMBS */
.thumb {
	border: 1px solid #FFF;
	float:left;
	margin-right:15px;
	margin-bottom:30px;
}
a .thumb  {border: 1px solid #006666;}
a:hover .thumb, a:focus .thumb {border: 1px solid #000;}

.thumbbox p{
	clear:both;
	font-size: 10px;
	color: #999;
}

.thumbbox img {
	float: left;
	margin-right: 15px;
	border: 1px solid #ccc;}
	
small {
	font-size: 10px;
	color: #999;
}
.fleftwm{
	float:left;
	margin-bottom:15px;
	margin-top: 8px;
}
fieldset {
	clear: both;
	border: none;
	margin-bottom: 10px;
}
fieldset div {
	float: left;
	padding: 15px;
	margin-right: 10px;
}
fieldset p {
	margin: 10px 0px;
}
legend {
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}
label {
	display: block;
	color: #666;
	margin: 0;
}
.contactfield {
	margin: 5px;
	width: 150px;
	border: 1px solid #006666;
	height: 20px;
	margin-top: 0px;
	margin-left: 0px;
}
.info input {
	margin: 0px 3px 0px 0px;
}
.info label {
	display: inline;
	color: #000000;
}
input:focus, textarea:focus {
	background: #D4D4D4;
}
textarea {
	width: 400px;
	height: 200px;
	border: 1px solid #006666;
	overflow: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom: 15px;
	margin-top: 15px;
	
}

.hl {
	display: block;
	font-size: 20px;
	line-height: 26px;
	color: #999999;
	margin-bottom: 15px;
}

.line {
	border:solid #999999 1px;
	height:1px;
	clear: both;
	color: #999999;
	margin-bottom: 15px;
	margin-top: 15px;
}
.adress_img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border: 2px solid #666;
	margin-top: 4px;
}

.presse_img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	padding: 4px;
	border: 1px solid #cccccc;}

.contact_box {
	float:left;
	width: 230px;
}

a.contact_box {
	text-decoration: none;
	color: #000000;
}
.submit_button {
	margin: 3px;
	border: 1px solid #006666;
	padding: 3px;
	margin-left: 0px;
}
/* QUICKLINKS */
#rightcol h4 {
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

#rightcol img {
	float:left;
	margin-top: 4px;
	margin-right: 10px;
	border:1px solid #ccc;
	margin-bottom: 15px;
}
.quicklink {
	display: block;
}

a.quicklink  {color:#000;text-decoration:none;}
a.quicklink:hover {color:#000; text-decoration:underline;}

.flash {}

.fl_l {
	float: left;
}

.thumbhalf {
	margin-bottom:10px;
}

.thumbhalf p.img{
	float: left;
	width: 250px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.thumbhalf p.text {
	float: left;
	width: 225px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.thumbhalf span{
	clear:both;
	display:block;
	font-size: 10px;
	color: #999;
}

.thumbhalf img {
	float: left;
	margin-right: 15px;
	border: 1px solid #ccc;}

.thumbhalf img.bdr {
	float: left;
	margin-right: 15px;
	border: 0px solid #ccc;}

.mg_tb {
	margin-bottom:25px;
padding-top:15px;
}

.lob_box {
	margin-bottom:40px;
	margin-top:10px;
}

.lob_box p {
	margin-bottom:5px;
margin-top:10px;
}

blockquote {
	font-style:italic;
	padding: 10px;
	background-color: #dfece7;
	margin: 10px 0;
	background-image: url(../images/openquote.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
}
.lob_box blockquote p {
     display: block;
     background-image: url(../images/closequote.gif);
     background-repeat: no-repeat;
     background-position: bottom right;
	margin: 0;
	padding: 0;
}