/* ----------------------------------------------------------------
	CSS: archprodesign	
	Version: 1.5
	Date: 16.04.2010
	www.florian-diederich.de
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { margin:0px; padding:0px; }
html * { font-size: 100.01% }

body {
	margin:0px; padding:0px;
	text-align:left;	
	color:#676763;
	font-size:101%;
	font-family:verdana,arial,Helvetica, sans-serif;
	background:#3d3d3b url("images/page-bg.gif")   0px -140px repeat-x;
}

/* global */

a {color:#b56618;text-decoration:none}
a:hover {text-decoration:underline}

p  {padding-bottom:1.0em; }

h1 {	color:#676763;
}

img {
	width:auto;
	height:auto;
}

/* positioning-layers */
#wrapper {
float:left;
	width: 1070px;
   	min-width:inherit;
	max-width:none;
overflow:auto;

}

#overall {
	 position:absolute;
/* wg Bildbeschreibung */
/* position:fixed; */
    	top:0;
    	left: 50%;
	margin-left: -535px;
	margin-top:60px;
	width: 1070px;
   	min-width:inherit;
	max-width:none;
}


#left {
	float:left;
	width:800px;
	height:800px;
	background:white url("images/left-bg.gif") top right no-repeat;
}

#right {
	float:left;
	width:246px;
	height:800px;
	background:white;
	margin-left:23px;
	background: white url("images/right-bg.gif") no-repeat;

}


#logo {
	float:right;
	width:765;
	height:72px;
}

#logo img {
	text-align:right;
	margin-right:35px;
}


#headerimage {
	height:138px;
	width:800px;
	float:left;
	border-top:1px solid #a6a088;
	border-bottom:1px solid #a6a088;
}


/* Navigation */

#nav {	
	height:119px; 
	float:left;
	border-bottom:1px solid #a6a088;
	background: transparent url("images/nav-bg.gif") no-repeat bottom left;
	width:810px;
}

#nav #hauptnav ul {
	z-index:2;
	position:relative;
	top:86px;
	float:left;
	list-style:none;
	margin-left:23px;

}

#nav #hauptnav ul li {
	text-transform:uppercase;
	padding-left:4px;
	padding-right:18px; 
	padding-top:6px;
	float:left;
	list-style:none;
}

/* IE8 Hack */
div#nav div#hauptnav ul li {padding-top /*\**/: 10px\9}

#nav #hauptnav ul li:hover {
	background: transparent url("images/nav-aktiv.gif") 0px 1px no-repeat;
}

#nav #hauptnav ul li.act {
	background: transparent url("images/nav-aktiv.gif") 0px 1px no-repeat;
}


#nav #hauptnav ul li a {
	color:#777777;
	font-size:11px;
	display:block;
	margin-top:-7px;
	padding-top:7px;
	padding-bottom:7px;
}

#nav #hauptnav ul li a:hover {
	text-decoration:none;
}

/* subnavigation */

#nav #hauptnav ul#submenu {
	width:auto;
	background: transparent url("images/subnav-bg2.gif") 0px 0px no-repeat; 
}

#nav #hauptnav li.sub, li.sub-act, li.sub:hover, li.sub-act:hover {
	list-style:none;
	display:block;
	width:100%;
	clear:both;
	display:inline;
	background: transparent url("images/blank.gif") ;
	padding:0px;
	margin:0px;
	text-transform:none;
	border-bottom:1px solid #ffffff;
}

#nav #hauptnav li.sub-act {
	list-style:none;
	clear:both;
	display:inline;
	background: transparent url("images/blank.gif") ;
	padding:0px;
	margin:0px;
	text-transform:none;

}

 #nav #hauptnav  li.sub  a {
	color:#777055;
	background:transparent;
	background-color:transparent;
	background-image:url("images/blank.gif") ; 
	background-position:-14px 0px;
	background-repeat:no-repeat;
	display:block;
	font-size:10px;
	margin:0px;
	padding:0px;
	padding-bottom:1px;
	padding-top:1px;
	padding-left:8px;
	padding-right:4px;
	text-decoration:none;
}

#nav #hauptnav  li.sub:hover {
	background-image:url("images/blank.gif"); 
}

#nav #hauptnav  li.sub-act:hover {
	background-image:url("images/blank.gif") ; 
}

#nav #hauptnav  li.sub a:hover {
	background-color:transparent;
	background-image:url("images/blank.gif") ; 
	background-position:-14px 0px;
	background-repeat:no-repeat;
	color:#000000;
	border:0px;
}

/* aktiv */
#nav #hauptnav  li.sub-act a {
	display:block;
	font-size:10px;
	margin:0px;
	padding:0px;
	padding-bottom:1px;
	padding-top:1px;
 	padding-left:8px;
	padding-right:4px;
	text-decoration:none;
	background-color:transparent;
	background-image:url("images/blank.gif") ; 
	background-position:-14px 0px;
	background-repeat:no-repeat;
	color:#000000;
}


#content {
	float:left;
	margin:0px;
	margin-top:18px;
	margin-right:54px;
	height:412px;
	width:746px;
	font-size:12px;
	line-height:18px;
}


#content img {
	float:left;
	margin-right:54px;
	margin-left:0px;
	margin-top:-28px;
/* geht nicht anders */
}

#content .csc-textpic  img {
	float:left;
	margin:0px;
	margin-top:-28px;
	margin-left:0px;
}

#content h1, h2 {
	font-family:verdana;
	width:auto;
	border:0px solid green;
	font-size:14px;
	line-height:18px;
	margin:0px;
	margin-bottom:16px;
	margin-top:16px;
	color:#676763;
}

#content ul {margin-left:0px;border:0px solid green;display:outline;}
#content ul li {margin-left:0px;list-style-type:square;padding-left:0px;position:relative;left:15px;}
#content ul li a, a:link, a:active, a:visited, a:hover {color:#676763;;text-decoration:none}

#content ul#liste-right {margin-left:25px;}
#content ul#liste-right li a:hover {font-weight:bold;color:#676763}

#content li a.internal-link {color:#6a9fd0}
#content a:link {color:#6a9fd0}
#content li a:link {color:#6a9fd0}
#content b a,a:link {color:#6a9fd0}
#content li b a,a:link {color:#6a9fd0}

#content table img {
	margin:0px;
	float:left;
	padding-right:5px;
}

#content table td {
	vertical-align: top;font-size:10px;
	line-height:16px;
	padding-bottom:10px;
	padding-right:5px
}

#content .small {font-size:11px;line-height:16px;}
#content table.small td {font-size:9px;line-height:10px}


/* Textpic */
#content .csc-textpic {float:left;}

#content dl.csc-textpic-image {}

#content  .csc-textpic  h1, h2 {
	font-family:verdana;
	width:auto;
	font-size:14px;
	line-height:18px;
	margin:0px;
	margin-bottom:16px;
	margin-top:16px;
}

/* im Text rechts */
#content  .csc-textpic-intext-right .csc-textpic-imagewrap {padding-left:0px;float:right}
#content  .csc-textpic-intext-right .csc-textpic-imagewrap dt img {}
#content  .csc-textpic-intext-right .csc-textpic-text  {float:right;border:0px solid blue;width:390px}


/* im text links */
#content  .csc-textpic-intext-left .csc-textpic-imagewrap {padding-right:0px;float:left}
#content  .csc-textpic-intext-left .csc-textpic-imagewrap dt img {}
#content  .csc-textpic-intext-left .csc-textpic-text  {float:left;border:0px solid blue;width:390px}

/* Sitemap */
#content ul.csc-menu  {float:right;list-style:none;border:0px solid green;}
#content ul.csc-menu  li {float:left;background:#f5eede;border:1px solid #a6a086;margin-left:7px;list-style-type:none}
#content ul.csc-menu  li:hover {float:left;background:#bdb7ab;border:1px solid #a6a086;margin-left:7px;}
#content ul.csc-menu  li a {color:#676763;padding: 3px 5px 3px 5px}
#content ul.csc-menu  li a:hover {color:#676763;padding: 3px 5px 3px 5px}

#content .csc-textpic-caption {padding-left:28px}

/* Formulare */

#content form {clear:both}

#content .csc-mailform {
	border:0px;
	font-size:12px;
	width:350px;
	position:absolute;
	top:430px;
	left:300px;
	color:#676763;
}

#content .csc-mailform-field {border:1px solid white}
#content .csc-mailform-field label {
	float:left;
	width:80px;
}

#content .csc-mailform-field input, textarea {
	border:0px;
	margin-top:5px;
	border:1px solid #676763;
}

#content .csc-mailform-field input#mailform {width:160px;}
#content .csc-mailform-field textarea {width:225px;}
#content .csc-mailform-field input#mailformformtype_mail {margin-left:80px;}


/* rechte Spalte */

#horizontal_slide {
	float:left;
}

#top-right {
	float:left;
	width:246px;
	height:72px;
}


#spacer-right {
	height:34px;
	float:left;
	width:246px;
	text-align:center;
}


#image-right {
	float:left;
	width:246px;
	height:138px;
	border-top:1px solid #a6a088;
	border-bottom:1px solid #a6a088;
}


#image-right img {
	width:246px;
	height:138px;
}

#image-right h1 {display:none}

#content-right {
	float:left;
	width:246px;
	 background: transparent url("images/caption-bg.gif") no-repeat 0px 40px; 

/* Hintergrundbild einbinden! */
}


#content-right  #content-trenner {}


#content-right h1 {
	float:left;
	height:32px;
	width:246px;
	text-align:center;
/*	padding-right:30px; */
	line-height:16px;
	color:#7777777;
	font-size:17px;
	font-weight:normal;	
	font-familiy: verdana, arial,helvetica, sans-serif;
	margin-bottom:0px;
	padding-bottom:20px;
	border-bottom:1px solid #a6a088;

}


#content-right p {
	padding:0px;
	padding-left:9px;	
}



#content-right img {
	border:1px solid #a6a088;
	margin-bottom:0px;
	width:207px;
	height:106px;
}

/* IE8 Hack */
div#content-right img {margin-bottom /*\**/: 0px\9}


#cover {
	border:0px solid green;
	width:246px;
	height:43px;
	position:absolute;
	top:298px;
	left:823px;
	z-index:3000;
	background: transparent url("images/cover.gif") ;
	display:none;
}

/* Mouseover effekt trotz customscrollbar */

#content-right #mycustomscroll #imagewrap:hover .csc-textpic .csc-textpic-imagewrap dl dd.csc-textpic-caption {
	position:fixed;
	top:363px;
	left:50%;
	padding-left:298px;
}

#content-right #mycustomscroll #imagewrap:hover .csc-textpic .csc-textpic-imagewrap dd.csc-textpic-caption {
	z-index:18000;  	
	display:block;
	margin-left: 0px;
	margin-top: 0px;
	width: 238px;
   	min-width:inherit;
	max-width:none;
	font-size:10px;
}


#content-right #mycustomscroll #imagewrap .csc-textpic .csc-textpic-imagewrap dd.csc-textpic-caption {
	display:none;
}

#content-right .csc-textpic {
	margin:0px;
	margin-left:9px;
	padding:0px;
	width:207px;
	height:106px;
}


/* IE7 Hack Bildabstände rechte spalte */

*+html #content-right .csc-textpic {
margin-bottom:8px; 
}


#content-right .csc-textpic img {
	width:207px;
	height:106px;
	clear:both;
}

#mycustomscroll .csc-textpic-clear {
	display:none;
}



/* Scroolbar rechts */
#content-right #mycustomscroll h1 {display:none}

/* Scroll Bar Master Styling Starts Here */
#mycustomscroll {
	margin-top:42px;
	width: 237px;
	height: 450px;
	float:left;
	font-size:12px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
/*
margin-bottom:100px;
border:1px solid blue; */
}


.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
	visibility: visible !important;
	margin-top:0px,
	background:transparent
}

/* fleXcroll adapts to this CSS setting and sets positions correctly */
/* And style your scrollbar like you normally do */
.vscrollerbase {
	width: 10px;
	background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
	background: #D7EBDF url(scrollbarbase.png) 0px 0px repeat-y;
}
.vscrollerbar {
	width: 10px;
	background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
	padding: 0px;
	z-index: 2;
}

.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat; 
/*background: url(basebarcaps_verticalbarbody.png) 0px -30px no-repeat; */
	width: 10px;
	height: 15px !important;
}

.vscrollerbarend {
	background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
	width: 10px;
	height: 15px;
}

.scrollerjogbox {
	width: 10px;
	height: 15px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}

.vscrollerbasebeg {
	background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat; 
	width: 10px;
	height: 15px !important;
}

.vscrollerbaseend {
	background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
	height: 15px;
	width: 10px;
}

.scrollerjogbox:hover {
	background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}

/* Scroll Bar Master Styling Ends Here */




/* Scrollbar Content-Bereich */

#content #overflow {
	float:left;
	width:445px;
	height:330px;
}


#content #overflow #mycustomscroll {
	margin-top:0px;
	width: 435px;
	height: 330px;
	float:left;
	font-size:12px;
	overflow: auto;
padding-right:10px;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}


#overflow #mycustomscroll .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
#content #overflow #mycustomscroll .vscrollerbase {
	visibility: visible !important;
	margin-top:0px,
	background:transparent
}

/* fleXcroll adapts to this CSS setting and sets positions correctly */
/* And style your scrollbar like you normally do */

#content #overflow #mycustomscroll .vscrollerbase {
	width: 10px;
	background: #D7EBDF url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
	background: #D7EBDF url(scrollbarbase.png) 0px 0px repeat-y;
}

#content #overflow #mycustomscroll.vscrollerbar {
	width: 10px;
	background: #99CBCB url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

#content #overflow #mycustomscroll .vscrollerbar, .hscrollerbar {
	padding: 0px;
	z-index: 2;
}

#content #overflow #mycustomscroll.vscrollerbarbeg {
	background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat; 
	width: 10px;
	height: 15px !important;
}

#content #overflow #mycustomscroll .vscrollerbarend {
	background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
	width: 10px;
	height: 15px;
}

#content #overflow #mycustomscroll .scrollerjogbox {
	width: 10px;
	height: 15px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}

#content #overflow #mycustomscroll .vscrollerbasebeg {
	background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat; 
	width: 10px;
	height: 15px !important;
}

#content #overflow #mycustomscroll .vscrollerbaseend {
	background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
	height: 15px;
	width: 10px;
}

#content #overflow #mycustomscroll .scrollerjogbox:hover {
	background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */


/* Videos FLV-Player */

.rgmediaimages-player {float:left;margin-top:-28px;border:0px solid blue;}