@charset "utf-8";
/* CSS Document */

* {
	border: none;
	padding:0px;
	margin:0px;
	outline:none;
}

html, body {
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size:1.5em;
    font-weight:bold;
}

h2 {
	font-size:1.4em;
    font-weight:bold;
}

ul {
	padding: 10px 0px 10px 15px;
}

#mycontent p {
	padding-bottom: 10px;
}
.clr {
        clear:both;
		height:0px;
		width:0px;
}

.csc-header, .rgaccord1-nest h3 {
	padding:2px 0 2px 25px;
	border-bottom:thin solid #000000;
	border-left:thick solid #FF0000;
	margin-bottom: 10px;
}
.csc-header {
	padding-left:10px;
}

.rgaccord1-nest h3 {
	background-image:url(../images/+.png);
	background-position:center left;
	background-repeat:no-repeat;
}
.rgaccord1-toggle {
	background-image:url(../images/+.png) ;	
}
.rgaccord1-toggle.act{
	background-image:url(../images/-.png) ;	
}

#sitetitle {
    top:300px;
	line-height:25px;
}

#breadcamp {
	background-color: #000000;
	background-image: url(../images/pontera3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 25px;
	line-height:25px;
	padding-left: 30px;
	color:#FFFFFF;
	font-size: 11px;
	font-style: italic;
}

#breadcamp a{
	color:#FFFFFF;
	text-decoration:none;

}
#breadcamp a:hover{
	font-size: 1.1em;
}
#breadcamp strong {
	font-weight: normal;
}

#topnav {
	background-image: url(../images/pontera7.jpg);
	background-repeat: no-repeat;
	height: 74px;
	background-color: #989898;
	position: absolute;
	width: 50%;
	right:0px;
	top: 190px;
}
#topnavcontainer {
	max-width: 700px;
}

#topnavcontainer ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	height:74px;
	width: 90%;
	max-width: 700px;
	display:table;
}

#topnavcontainer ul li {
	vertical-align: bottom;
	/*width:78px;*/
	display:table-cell;
}

#topnavcontainer ul li a{
	color:#000000;
	text-decoration:none;
	padding-top: 54px;
	text-align:center;
	height:20px;
	background-repeat:no-repeat;
	background-position:center top; 
	/*width:78px;*/
	display:block;
	font-size:0.8em;
}

#webdesign a{
	background-image:url(../images/icons/webdesign_icon.png);
}

#marketing a{
	background-image:url(../images/icons/marketing_icon.png);
}

#software a{
	background-image:url(../images/icons/softwaredevelopment_icon.png);
}

#print a{
	background-image:url(../images/icons/printdesign_icon.png);
}

#referenzen a{
	background-image:url(../images/icons/referenzen_icon.png);
}

#ueberuns a{
	background-image:url(../images/icons/ueberuns_icon.png);
}


#webdesign a:hover{
	background-position: center -74px;
}

#marketing a:hover{
	background-position: center -74px;
}

#software a:hover{
	background-position: center -74px;
}

#print a:hover{
	background-position: center -74px;
}

#referenzen a:hover{
	background-position: center -74px;
}

#ueberuns a:hover{
	background-position: center -74px;
}

#slogan {
	background-image: url(../images/lewij_kraj.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 165px;
	background-color:#114c91;
}

#logo {
	position: absolute;
	top: 114px;
	left:0px;
	width: 50%;
	text-align:center;
}

#show_drop {
		margin: auto;
}

#siteimage {
 	background-color:#114c91;
	height:165px;
	background-image: url(../images/bokowie_poloski.gif);
	background-repeat: repeat-y;
	background-position:right;
	width:100%;
}

#siteimage_content {
	background-image: url(../images/bokowie_poloski.gif);
	background-repeat: repeat-y;
	background-position:right;
	height:165px;
	width:100%;
}

#siteimage_content_inner {
	height:165px;
	max-width:545px;
	padding-right: 10px;
	background-image: url(../images/pontera_nabrosok_04.png);
	background-repeat: no-repeat;
}

#siteimage_content_inner a{
	float:right;
}

#content {
	width: 100%;
	padding-top: 264px;
	background-image: url(../images/bg2.png);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #000000;
}
#content_right , #content_left {
	padding: 10px 0;
}

#content_left {
	float:left;
	height:100%;
	width:48%;
	width:50%;
}

#content_right {
	float:right;
	width: 50%;
	height:100%;
}

#mycontent {
	max-width:650px;
	padding: 0 30px;
}

#footer {
	height: 48px;
	width: 100%;
}

#footer_left {
	float:left;
	background-color:#cccccc;
	width: 50%;
	background-image: url(../images/pontera8.jpg);
	background-position: right;
	background-repeat: no-repeat;
	height: 48px;
}

#footer_right {
	float:right;
	background-color:#818080;
	width: 50%;
	background-image: url(../images/category_farben/start.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 48px;
}

#content_top {
	width: 50%;
	left:0px;
	position: absolute;
	background-image: url(../images/titel_bg.jpg);
	background-position: right;
	background-repeat: repeat-x;
	height: 25px;
	text-align: right;
	background-color:#000000;
	z-index:8;
}

#sitetitle h2, #slogan h2 {
	color: #FFFFFF;
}
#sitetitle , #logo{
	background-image: url(../images/bokowie_poloski_l.gif);
	background-repeat: repeat-y;
	background-position:left;
}
#sitetitle h2 {
	font-size:1.1em;
	padding-right: 50px;
	background-image: url(../images/left_paloska.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height:25px;
}

#slogan h2 {
	font-size:1.5em;
	padding-top: 40px;
	text-align: right;
	padding-right: 110px;
}

#header {
	position: absolute;
	height: 264px;
	width: 100%;
	top: 0px;
	z-index:6;
}

#header_left {
	float:left;
	width: 50%;
	height: 239px;
	padding-top: 25px;
}
#header_right {
	float:right;
	width: 50%;
	height: 264px;
}
#content_bottom {
	min-height: 100%;
	height:auto;
}

#inhalt {
    margin-left: 30px;
}

#siteimage_left, #siteimage_left a {
	color:#FFFFFF;
	text-decoration: none;
}

#leftmenu {
    padding-right: 80px;
    width: 600px;
}

/* Lightbox */
.white_content {
	top:0;
	left:0;
	width: 48%;
	height: 180px;
	position:absolute;
	overflow:hidden;
	z-index:1;
}

/* Ende Lightbox */

#frleft {
	padding-left:22px;
	padding-top:16px;
	font-weight: bold;
	color: #FFFFFF;
	float:left;
}

#frright {
	float:right;
	text-align:right;
	height:48px;
	background-image: url(../images/bokowie_poloski.gif);
	background-repeat: repeat-y;
	background-position:right;
}

#frright p{
	float:right;
	padding-right:5px;
}

#flleft {
	padding-top:5px;
	height:43px;
	font-weight: bold;
	color: #FFFFFF;
	float:left;
	padding-left: 20px;
	background-image: url(../images/bokowie_poloski_l.gif);
	background-repeat: repeat-y;
	background-position:left;
}

#flright {
	float:right;
	text-align:right;
	padding-right:25px;
}

/* sub menu */
#submenu {
	width: 382px;
	margin:auto;
	padding-bottom: 68px;
	background-color:#eaeaea;
	background:url(../images/menu_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:50px;
	font-size:0.8em;
}

#submenu h6 {
	width:100%;
	font-size:1.5em;
	color:#FFFFFF;
	background-color:#114C91;
	text-align:center;
}

#nllevel1,#nllevel2,#nllevel3 {
	list-style:none;
}

#nllevel1 li,#nllevel2 li,#nllevel3 li {

}

#nllevel1 li a,#nllevel2 li a,#nllevel3 li a {
	color:#333333;
	line-height:140%;
	text-decoration:none;
	border-bottom-color: #e1e1e1;
	border-bottom-width:1px;
	width:100%;
	display:block;
}

#nllevel1 {
	background:url(../images/left_menu_bg.png);
	background-repeat:repeat-y;
	padding:0px 15px 15px 10px;
}

#nllevel1 li a {
	border-bottom-style:solid;
}

#nllevel2 li a {
	border-bottom-style:dashed;
}
#nllevel3 li a {
	border-bottom-style:dotted;
}

#nllevel2 {
}

#nllevel3 {
}

#nllevel1 li{
	font-size:1.1em;
}

#nllevel2 li {
	font-size:1em;
}

#nllevel3 li {
	font-size:1em;
}

.aktiv {
	border-bottom-color:#114C91 !important;
	font-weight:bold;
}

.borderright {
	background-image: url(../images/bokowie_poloski.gif);
	background-repeat: repeat-y;
	background-position:right;
	height: 100%;
}

.borderleft{
	background-image: url(../images/bokowie_poloski_l.gif);
	background-repeat: repeat-y;
	background-position:left;
	height: 100%;
}

/***************************
*  Default styles for the
*        EXT rgtabs
* by Ringer Georg (just2b)
***************************/  

/* wraps the hole tab */
.rgtabs-wrapper {
  padding:1em 1.5em;
  border: 1px solid #ccc;
  overflow:auto;
  height: 330px;
  clear:both;
}

/* add a loading icon */
.rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  /*background:url(spinner2.gif) no-repeat center;*/
}

/* Tab-Menu ul */
.rgtabs-menu  {
  margin: 0;
  padding: 0 0 0 6px;
  height: 26px;
  width: auto;
  background: url(tab-bkg.gif) bottom left repeat-x;
  list-style:none;
}

/* Tab-Menu li */
.rgtabs-menu  li, #left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  background: url(tab-on-l.gif) top left no-repeat;
  float: left;
  margin: 0 5px 0 0 !important;
  padding: 0 0 0 14px !important;
  cursor: pointer;
}	

/* Tab-Menu li.a */
.rgtabs-menu  li a, #left .rgtabs-menu  li a {
  background: url(tab-on-r.gif) top right no-repeat;
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  color: #545454;
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 12px 0 0;
  text-decoration: none;
  outline:0;
}

/* Selected Tab */
#left .rgtabs-menu  li.rgtabs-selected, .rgtabs-menu  li.rgtabs-selected {
    background: url(tab-off-l.gif) top left no-repeat;
}	

#left .rgtabs-menu  li.rgtabs-selected a, .rgtabs-menu  li.rgtabs-selected a {
  background: url(tab-off-r.gif) top right no-repeat;
  color: #333;
}

#lang {
	margin:auto auto 20px;
	width:382px;
	text-align:center;
}

#lang a{
	color: #fff;
	margin: 0px 10px;
}

.align-right {
	text-align:right;
}

.name-of-person {
	font-style: italic;
	text-transform: uppercase;	
}

.important {
	font-style: italic;
	font-weight: bold;
}
.csc-mailform-field {
	clear:both;
	padding: 5px;
}

.csc-mailform-field label {
	width: 200px;
	display:block;
	float:left;
}
.csc-mailform-field input, .csc-mailform-field textarea , .csc-mailform-field select{
	float:left;
	border:solid 1px;
}

#left_fce {
	float:left;
}
#right_fce {
	float:right;
}

.tx-gsipagenav-pi1 img{
	margin:7px;
}
#myfr {
	height:0px;
	width:0px;
	overflow:hidden;
}