/*-----
CSS für den Mozilla Firefox und nicht eigeloggten Zustand
Inhaltsverzeichnis (Zum Springen: kopieren und suchen)

1 Cooliris-Walll
2 Allgemeine Definitionen
3 Allgemeine Textpositionierung
4 Hyperlinks - Allgemein (Auch für die Navigation)
5 Hyperlinks - Im Fließtext
6 Objektüberschriften
7 Content
8 Content Links
9 Typo3 Content
10 Banner
11 Login/Logout
12 Navigation
13 Footer
14 Adminbereich - Top Navigation - Schriften
15 Adminbereich - Top Navigation - Buttons
16 Subnavigation : Umfrage
17 Sprachmenü
18 e-Mail Formulare allgemein
19 Kontakt Formular Salesreps
20 Kontaktieren Sie uns Formular
21 Kontakt Formular Interessenten
23 Public Viewer
24 Gallery
25 Gallery Links
26 Adminbereich - (NACH REDESIGN VERALTET)
27 Admin Navigation
28 Definition: Recently snapt -- ALT
29 Definition Kommentarfunktion (Nur noch Adminbereich)
30 Linke Navigation
31 Contentbereich
32 Kiwi-Slider-Konfiguration
33 Floatbox Konfiguration
34 Admininterace Konfiguration
35 Upload-Form (snapt_erp_upload.php)
36 ERP-Design

-----*/

/*---------------------------------------------------------
1 Cooliris-Wall
---------------------------------------------------------*/
  .playButton {
  down-icon: Embed(source="assets/player_pause.png");
  over-icon: Embed(source="assets/player_pause.png");
  up-icon: Embed(source="assets/player_pause.png");

  selected-disabled-icon: Embed(source="assets/player_play.png");
  selected-over-icon: Embed(source="assets/player_play.png");
  selected-up-icon: Embed(source="assets/player_play.png");
  }
  .scrollBar {
    thumb-icon: Embed(source="assets/circle.png");
    thumb-up-skin: Embed(source="assets/circle.png");
    thumb-down-skin: Embed(source="assets/circle.png");
    thumb-over-skin: Embed(source="assets/circle.png");
  }    
        ToolTip {
            backgroundAlpha: 1.0;
            backgroundColor: haloBlue;
            fontWeight: bold;
            color: white;
        }
        @font-face {
            src: local("Arial");
            font-weight: normal;
            fontFamily: ArialEmbedded;
        }         
        .arial16E {
            fontFamily: "ArialEmbedded";
            fontSize: 16;
        }
        .arial14E {
            fontFamily: "ArialEmbedded";
            fontSize: 14;
        }        
        .arial12E {
            fontFamily: "ArialEmbedded";
            fontSize: 12;
        }
        .arial10E {
            fontFamily: "ArialEmbedded";
            fontSize: 10;
        }                
  ToolTip {
              fontFamily: ArialEmbedded;
              font-size:13;
        }

/*---------------------------------------------------------
2 Allgemeine Definitionen
---------------------------------------------------------*/

 * {
  margin:0;
  padding:0;
  font-family:helvetica;
}

p.bodytext {
  font-family: helvetica;
  font-size: 12px;
  color: black;
  text-decoration: none;
}
  
p {
  font-family: helvetica;
  font-size: 12px;
  font-weight: none;  
  color: black;
  text-decoration: none;
  line-height: 1.3;  
}


h1 {
  font-family: helvetica;
  font-size: 14px;
  font-weight: bold;  
  color: black;
  text-decoration: underline;
  line-height: 2;
  margin: 5px;
}

h2 {
  font-family: helvetica;
  font-size: 13px;
  font-weight: bold;  
  color: #008CEE;
  text-decoration: none;
  line-height: 2;
  margin: 5px;
  border-bottom-style: 2px dotted grey;
}

.cust-bullets-dark h2 {
  font-family: helvetica;
  font-size: 13px;
  font-weight: bold;  
  color: #db0000;
  text-decoration: none;
  line-height: 2;
  margin: 5px;
  border-bottom-style: 2px dotted grey;
}

h3 {
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;  
  color: black;
  text-decoration: underline;
  line-height: 2;
}  


td {
  padding-top: 2px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 2px;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;  
  color: black;
  text-decoration: none;
  line-height: 1.3;
  }
  
/*---------------------------------------------------------
3 Allgemeine Textpositionierung
---------------------------------------------------------*/

p .align-left {
  text-align: left;
}

p .align-right {
  text-align: right;
}

p .align-center {
  text-align: center;
}

p .align-justify {
  text-align: justify;
}

/*---------------------------------------------------------
4 Hyperlinks - Allgemein (Auch für die Navigation)
---------------------------------------------------------*/
  
a, a:link, a:visited, a:focus, a:active {
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: none;
  color: black;
  text-decoration: none;
}  

a:hover {
  color: #5a5a5a;
}

/*---------------------------------------------------------
5 Hyperlinks - Im Fließtext
---------------------------------------------------------*/

mp.bodytext a:link {
  font-weight: none;
  color:  #F69338;
  text-decoration: none;
  font-size: 11px;
}

p.bodytext a:visited {
  font-weight: none;
  text-decoration: none;
  font-size: 11px;
  color:  black;
}

p.bodytext a:focus {
  font-weight: none;
  color:  black;
  text-decoration: none;
  font-size: 11px;
}
p.bodytext a:hover {
  font-weight: none;
  color:  black;
  text-decoration: none;
  font-size: 11px;
}
p.bodytext a:active {
  font-weight: none;
  color:  black;
  text-decoration: none;
  font-size: 11px;
}
/*---------------------------------------------------------
6 Objektüberschriften
---------------------------------------------------------*/

.csc-header h1{
  font-family: helvetica;
  color: black;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

.csc-form-label-req {
  font-size: 15px;
}

.csc-loginform {
  margin-left: 79px;
  margin-top: 6px;
}

.body{
   background: url("/fileadmin/public/images/verlauf.png") repeat-x scroll 0 0 #848484;
}

.main {
  width: 950px;
  margin: auto;
  position: relative;
}
.left_adv {
  float: left;
  width: 165px;
  height: 795px;
  ackground: red;
  padding-top: 6px;
  background: #440044;
  }
.right_adv {
  float: right;
  height: 795px;
  width: 165px;
  background: pink;
  padding-top: 6px;
  ackground: #440044;
  }
.banner_adv {
  float: left;
  width: 680px;
  height: 100px;
  ackground: white;
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/01_ADMIN_SNAPT_HEADER3.png) no-repeat;
  }
.header {
  height: 26px;
  float: left;
  width: 620px;
  background: url(/fileadmin/pictures/redesign/Headers/09_HEADER_SPACER.png);
  }  
.searchbar {
  float: right;
  margin-left: 10px;
  width: 200px;
  height: 32px;
  right: 140px;
  top: 53px;
  }

#searchbutton{
  text-align: center;
  width: 47px;
}

#text {
  margin-left: 1px;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  width: 155px;
}

/*---------------------------------------------------------
7 Content
---------------------------------------------------------*/

.content_php {
  width: 910px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
  margin-top: -1px;
  background-color: #eaeaea;
  float:left;
  min-height: 384px;
  height:auto !important;  /* fuer moderne Browser */
  height:384px;  /*fuer den IE */
  }
.content_php ul {
  font-weight: none;
  color: black;
  text-decoration: none;
  font-size: 20px;
  overflow: hidden;
  list-style-image: none;
}
.content_php ul li {
  font-weight: none;
  color: black;
  text-decoration: none;
  font-size: 20px;
  overflow: hidden;
  list-style-image: none;
}
.content_php ul li a {
  font-weight: none;
  color: black;
  text-decoration: none;
  font-size: 16px;
  overflow: hidden;
  list-style-image: none;
  text-align: left;
}

/*---------------------------------------------------------
8 Content Links
---------------------------------------------------------*/

.content_php ul li a:link{
  font-weight: none;
  color: #F69338;
  text-decoration: none;
  font-size: 11px;
  overflow: hidden;
  list-style-image: none;
  text-align: left;
}
.content_php ul li a:visited{
  font-weight: none;
  color: #F69338;
  text-decoration: none;
  font-size: 11px;
  overflow: hidden;
  list-style-image: none;
  text-align: left;
}
.content_php ul li a:focus{
  font-weight: none;
  color: #F69338;
  text-decoration: none;
  font-size: 11px;
  overflow: hidden;
  list-style-image: none;
  text-align: left;
}
.content_php ul li a:hover{
  font-weight: none;
  color: white;
  text-decoration: none;
  font-size: 11px;
  overflow: hidden;
  list-style-image: none;
  text-align: left;
}
.content_php ul li a:active{
  font-weight: none;
  color: white;
  text-decoration: none;
  font-size: 11px;
  overflow: hidden;
  list-style-image: none;
  text-align: left;
}

.content_php a{
  font-family: helvetica;
  color:black;
  font-size:12px;
  text-decoration:none;
  font-weight: bold;
}

.content_php a:hover{
  font-family: helvetica;
  color:black;
  font-size:12px;
  text-decoration:none;
}

.tx-lumophpinclude-pi1{
  color:black;
  font-size:11px;
  text-decoration:none;
}

input[type="submit"] {
	/*Liquid Center*/
	margin: 0px auto;
	width: 95%;
	height: auto;
	/*Background*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff/*Color-Top*/), color-stop(1, #d4d4d4/*Color-Bottom*/) );
	background:-moz-linear-gradient( center top, #fff/*Color-Top*/ 5%, #d4d4d4/*Color-Bottom*/ 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff'/*Color-Top*/, endColorstr='#d4d4d4'/*Color-Bottom*/);
	background-color:#d4d4d4;

	/*Display*/
	display:inline-block;
	
	/*Border*/
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border: 2px solid #b8b8b8;
		
	/*Shadow FX*/
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	/*Text Style*/
	padding-top: auto;
	padding-bottom: auto;
	padding-left: 0.25em;
	padding-right: 0.25em;
	color:#545454;
	font: 0.8em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	text-decoration:none;
	text-align: center;
	line-height: 1.5;
	
	/*Text FX*/
	text-shadow:1px 1px 0px #ffffff;
	}

input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff/*Color-Top*/), color-stop(1, #a9e8ff/*Color-Bottom*/) );
	background:-moz-linear-gradient( center top, #fff/*Color-Top*/ 5%, #a9e8ff/*Color-Bottom*/ 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff'/*Color-Top*/, endColorstr='#a9e8ff'/*Color-Bottom*/);
	background-color:#a9e8ff;
	
	/*Text Style*/
	color:#343434;
	
	/*Text FX*/
	text-shadow:1px 1px 0px #ffffff;
	}
	
input[type="submit"]:active {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a9e8ff/*Color-Top*/), color-stop(1, #1ec7ff/*Color-Bottom*/) );
	background:-moz-linear-gradient( center top, #a9e8ff/*Color-Top*/ 5%, #1ec7ff/*Color-Bottom*/ 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9e8ff'/*Color-Top*/, endColorstr='#1ec7ff'/*Color-Bottom*/);
	background-color:#a9e8ff;
	
	/*Text Style*/
	color:#ffffff;
	
	/*Text FX*/
	text-shadow:1px 1px 0px #000000;	
	}
	
/* select {
  	-webkit-user-select: none;
   	margin: 0px auto;
  	width: 95%;
  	height: auto;
  	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff/*Color-Top*/), color-stop(1, #d4d4d4/*Color-Bottom*/) );
	background:-moz-linear-gradient( center top, #fff/*Color-Top*/ 5%, #d4d4d4/*Color-Bottom*/ 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff'/*Color-Top*/, endColorstr='#d4d4d4'/*Color-Bottom*/);
	background-color:#efefef; */

/*Text Style*/
	padding-top: auto;
	padding-bottom: auto;
	padding-left: 0.25em;
	padding-right: 0.25em;
	color:#545454;
	font: 0.8em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	text-decoration:none;
	text-align: center;
	
	/*Display*/
	display:inline-block;
	
	/*Border*/
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	border: 2px solid #b8b8b8;
		
	/*Shadow FX*/
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
  	overflow: hidden;
  	text-overflow: ellipsis;
 	white-space: nowrap;
  }
  
/*
.nav_where {
  margin-left:260px;
  list-style-type: none;
}
*/

.isharelogos {
  border: 0;
  }
/*
.recently {
  float: left;
  height: 93px;
  width: 636px;
  margin-left: 12px;
  margin-top: 3px;
}
*/

/*---------------------------------------------------------
9 Typo3 Content
---------------------------------------------------------*/


.csc-textpic-imagewrap {
  margin-left: -1px;
  }
.csc-mailform {
  border: 0;
  margin-left: 133px;
  }
.tx-cccbrowse-pi1-browsebox   {
  clear:both;
  float: left;
  position: absolute;
  left: 557px;
  top: 619px;
}
.tx-cccbrowse-pi1-browsebox table  {
  border:none;
  background:transparent;
  order-style:dotted;
  order-width:1px;
  order-color:#FFFFFF;
  border-collapse:collapse;
  margin-top:15px;
  margin-left:auto;
  margin-right:10px;
  text-align:right;
}
.tx-cccbrowse-pi1-browsebox table td {
  border: none;
  text-align:center;
  margin:2px;
  padding-bottom:2px;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
  background: transparent;

}
.tx-cccbrowse-pi1-browsebox table td p a  {
  text-decoration:none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size:11px;
  color: black;
}
.tx-cccbrowse-pi1-browsebox-SCell p a {
  color: #F69338;
  text-decoration:none;
  font-face: bold;
}  

/*---------------------------------------------------------
10 Banner
---------------------------------------------------------*/

.spacer{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/01_ADMIN_SNAPT_HEADER.png) no-repeat;
  height: 20px;
}

.spacer2{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/01_ADMIN_SNAPT_HEADER4.png) no-repeat;
  height: 20px;
  float:left;
  width:950px;
}

.spacer3{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/01_ADMIN_SNAPT_HEADER2.png) no-repeat;
  height: 16px;
}

/*---------------------------------------------------------
11 Login/Logout
---------------------------------------------------------*/


.login {
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/01_ADMIN_SNAPT_HEADER5.png) no-repeat;
  padding-left: 20px;
  width: 250px;
  height: 100px;
  float:left;
  }
  
#c196{
  margin-top:22px;
}

#c240{
	margin-top: 22px;
	margin-right: 20px;
}

#user {
  margin-left: 1px;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  width: 155px;
}
#pass {
  margin-left: 0px;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  width: 155px;
}
#loginbutton{
  margin-left: -4px;

  width: 43px;
  text-align: center;
}
.logout {
  float: right;
  margin-top: 22px;
  
  font-size: 11px; 
  font-family: helvetica;
  color: white;
}

.tx-felogin-pi1{
  margin-top: 22px;
}

font.felogin {
	font-size: 11px; 
	font-family: helvetica;
	color: white;
}
  
/*---------------------------------------------------------
12 Navigation
---------------------------------------------------------*/

.top_nav {
  float: left;
  margin-left: 10px;
  width: 376px;
  height: 30px;
  ackground:blue;  
  }
.top_nav ul li {
  ackground-color:transparent;
  display:inline;
  }
li.Home {
  background: url(/fileadmin/pictures/nav_link_and_visited_03_75x18px.png) no-repeat;
  float: left;
  width: 51px;
  }
li.Gallery {
  background: url(/fileadmin/pictures/nav_link_and_visited_04_75x18px.png) no-repeat;
  float: left;
  width: 86px;
  }
li.About{
  background: url(/fileadmin/pictures/nav_link_and_visited_05_75x18px.png) no-repeat;
  float: left;
  width: 70px;
  }

li.Contact{
  background: url(/fileadmin/pictures/nav_link_and_visited_06_75x18px.png) no-repeat;
  float: left;
  width: 75px;
  }
li.Where{
  background: url(/fileadmin/pictures/button_where_link.png) no-repeat;
  float: left;
  width: 75px;
  }  
li.HomeACT {
  background: url(/fileadmin/pictures/nav_hover_and_active_03_75x18px.png) no-repeat;
  float: left;
  width: 51px;
  }
li.GalleryACT {
  background: url(/fileadmin/pictures/nav_hover_and_active_04_75x18px.png) no-repeat;
  float: left;
  width: 86px;
  }
li.AboutACT {
  background: url(/fileadmin/pictures/nav_hover_and_active_05_75x18px.png) no-repeat;
  float: left;
  width: 70px;
  }
li.ContactACT {
  background: url(/fileadmin/pictures/nav_hover_and_active_06_75x18px.png) no-repeat;
  float: left;
  width: 75px;
  }
li.WhereACT{
  background: url(/fileadmin/pictures/button_where_hover.png) no-repeat;
  float: left;
  width: 75px;
  }

/*---------------------------------------------------------
13 Footer
---------------------------------------------------------*/

.footer {
    background-image: url("/fileadmin/public/images/footer.png");
    float: left;
    height: 20px;
    margin-right: -190px;
    width: 950px;
  }
.footer ul {
  text-align: center;
}
.footer ul li {
  display:inline;
  color: transparent;
  text-decoration: none;
  font-size: 14px;
  margin-left: 20px;
  }
.liNOFooter a{
  color: #EFEFEF;
  font-size: 10px;
}
.liACTFooter a{
  color: #EFEFEF;
  font-size: 10px;
}

.liROFooter a{
  font-size: 10px;
  color: #efefef;
}

/* ----------------------------------------------------------------------------------------------------
14 Adminbereich - Top Navigation - Schriften
-----------------------------------------------------------------------------------------------------*/

.liNOAdmin a {
  font-family: helvetica;
  font-weight: normal;
  text-decoration: none;
  color: black;
  font-size: 12px;
}

.liNOAdmin2 a:link {
  font-family: helvetica;
  font-weight: normal;
  text-decoration: none;
  color: black;
  font-size: 12px;
}

.liACTAdmin a {
  font-family: helvetica;
  font-weight: bold;
  text-decoration: none;
  color: black;
  font-size: 12px;
  padding-top: 2px;
}

.liACTAdmin2 a:link {
  font-family: helvetica;
  font-weight: bold;
  text-decoration: none;
  color: black;
  font-size: 12px;
  padding-top: 2px;
}

.liNOAdmin a:hover {
  color:white;
}

.liNOAdmin2 a:hover {
  color:grey;
}

.liROAdmin a, .liROAdmin2 a {
  font-family: helvetica;
  font-weight: none;
  text-decoration: none;
  color: black;
  font-size: 12px;
}

/* ----------------------------------------------------------------------------------------------------
15 Adminbereich - Top Navigation - Buttons
-----------------------------------------------------------------------------------------------------*/

.liACTAdmin{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/04_ADMIN_SNAPT_BTN_1.png);
}

.liNOAdmin{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/04_ADMIN_SNAPT_BTN_1_hover.png);
}

.liROAdmin{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/04_ADMIN_SNAPT_BTN_1_hover.png);
}

/*---------------------------------------------------------
16 Subnavigation : Umfrage
---------------------------------------------------------*/

.liACTAdmin2{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/02_btn_research_nav_hover.png);
}

.liNOAdmin2{
  background: url(/fileadmin/pictures/redesign_snapt_admin_website/01_btn_research_nav_link.png);
}

/*---------------------------------------------------------
17 Sprachmenü
---------------------------------------------------------*/

#sprachmenu {
  width: 50px;
  position: relative;
  margin-right: 140px;
  float: left;
}


#sprachmenu a {
  display: block;
  width: 100%;
  height: 100%;
}

#sprachmenu ol,ul {
  list-style: none outside none;
}

#sprachmenu li {
  width: 20px;
}

#sprachmenu .no, #sprachmenu  .active {
  width: 20px;
  height: 17px;
  float: left;
  background: url(/fileadmin/public/images/language-sprite.png) 0 0 no-repeat;
}

#sprachmenu .ger.no {
  background-position: 0 0;
  width: 30px;
}

#sprachmenu .ger.active {
  background-position: 0 0;
  width: 30px;
}

#sprachmenu .eng.no {
  background-position: -30px 0;
}

#sprachmenu .eng.active {

  background-position: -30px 0;
}

/*---------------------------------------------------------
18 e-Mail Formulare allgemein
---------------------------------------------------------*/

.csc-mailform-field label {
  vertical-align:top;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

/*---------------------------------------------------------
19 Kontakt Formular Salesreps
---------------------------------------------------------*/

#mailformname{
  margin-left: 38px;
  width: 300px;
  border-width: 2px;
  }
#mailformemail{
  margin-left: 35px;

  width: 300px;
  border-width: 2px;

  }
#mailformYoutubelink{
  width: 300px;
  margin-left: 19px;
  border-width: 2px;
  }
#mailformtext{
  margin-left: 45px;
  width: 300px;
  border-width: 2px;
  }
#mailformformtype_mail{
  margin-top: 15px;
  }
#mailformattachment1{
  margin-left: 25px;
}

/*---------------------------------------------------------
20 Kontaktieren Sie uns Formular
---------------------------------------------------------*/

#mailformname1{
  margin-left: 88px;
  width: 273px;
}    
#mailformcustomerid{
  margin-left: 0px;
  width: 273px;
}  
#mailformattention{
  margin-left:72px;
  width: 273px;
}  
#mailformmessage{
  margin-left: 71px;
  width: 273px;
  margin-top: 6px;
}
#mailformemail1{
  margin-left: 90px;
  width: 273px;
}

/*---------------------------------------------------------
21 Kontakt Formular Interessenten
---------------------------------------------------------*/

#mailformname2{
  vertical-align:top;
  margin-left: 16px;
  width: 275px;
}
#mailformemail2{
  vertical-align:top;
  margin-left: 15px;
  width: 275px;
}
#mailformphone2{
  vertical-align:top;
  margin-left: 13px;
  width: 275px;
}
#mailformmessage2{
  vertical-align:top;
  margin-left: 0px;
  width: 275px;
}

/*---------------------------------------------------------
23 Public Viewer
---------------------------------------------------------*/


.header_viewer {
  height: 0px;
  float: left;
  margin-left: 10px;
  width: 640px;
}  
.content_php_viewer {
  float: left;
  margin-left: 10px;
  width: 640px;
  height: 532px;
  overflow: hidden;
  ackground: purple;
}
.sharelogos_viewer {
  background: #f9f9f9;
  position: relative;
  margin-top: 7px;
  border: 0;
  color: white;
  font-size: 12px;
  height: 19px;
  width: 614px;
}
.sharelogos_viewer a {
  font-weight: none;
  color: black;
  text-decoration: none;
  font-size: 16px;

}
.sharelogos_viewer img{
  border: 0pt none;
  }
  
.sharelogos_viewer font {
  font-weight: none;
  color: white;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 1;
}

.galleryurl_viewer a{
  margin-top: 2px;
  float: right;
  font-weight: none;
  color: white;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  margin-right: 1px;
  }
  
.content_viewer a {
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  color: red;
  }

.content_viewer a:link {
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  color: red;
  }

.content_viewer a:hover {
  font-family: helvetica;
  font-size: 12px;
  font-weight: bold;
  color: black;
  }
    
.delete_font {
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  }
  
.description{
  position: relative;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
  }
  
.description a{
  position: relative;
  font-weight: none;
  color: white;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 12px;
}

.content_viewer_wrapper {
  width: 700px;
  height: 566px;
  
  margin-left: auto;
  margin-right: auto;
}

.content_viewer {
  background: #f9f9f9;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-family: helvetica;
  font-size: 12px;
  line-height: 1;
  height: auto;
}

.content_viewer_video {
   width: 618px;

   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   }

.content_viewer_video_description {
   width: 618px;
   margin-left: 41px;
   margin-top:5px;
   margin-bottom: 5px;
   }

.back{
  float: right;
  margin-right: 38px;
  margin-bottom: 25px;
}

.back a:link {
 color: grey;
 }
 
.back a:hover {
 color: black;
}

.back a:visited {
 color: grey;
 }
 
/*---------------------------------------------------------
24 Gallery
---------------------------------------------------------*/

.gallerymain {
  background: #f9f9f9;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  max-width: 800px;
  line-height: 1;
  overflow: hidden;
  font-family: helvetica;
  font-size: 12px;
  color: black;
  text-decoration: none;
  }
  
.gallerymain table tr td {
    width: 800px;
  }
  
.galleryvideo {
    float: left;
    width: 120px;
    height: 158px;
    
    margin-left: 6px;
    margin-right: 5px;
  }
  
.galleryunderline {
  width: 120px;
  height: 68px;
  font-family: helvetica;
  color:black;
  font-size:12px;
  text-decoration:none;
  }
  
.galleryunderline a {
  text-align: center;
  }
  
.gallerycounter {
  text-align: center;
  }

/*---------------------------------------------------------
25 Gallery Links
---------------------------------------------------------*/

.gallerycounter a:link {
  font-weight: none;
  color: #F69338;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.gallerycounter a:visited {
  font-weight: none;
  color: #F69338;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.gallerycounter a:focus {
  font-weight: none;
  color: white;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.gallerycounter a:hover {
  font-weight: none;
  color: white;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.gallerycounter a:active {
  font-weight: none;
  color: white;
  text-decoration: none;
  font-family: helvetica, verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
.imggallery {
  margin-left: -1px;
  font-weight: none;
  color: black;
  text-decoration: none;
  font-size: 16px;
}
.videocount{
  margin-left: 260px;
  color: black;
  font-family: helvetica;
  font-size: 12px;
  text-decoration: none;
}

/*---------------------------------------------------------
26 Adminbereich - (NACH REDESIGN VERALTET)
-----------------------------------------------------------  


.top_nav_admin {
  float: left;
  margin-left: 10px;
  width: 640px;
  height: 35px;
  }
.top_nav_admin ul li {
  display:inline;
  }
.top_nav_admin ul li a{
  width: 50px;
  }
li.ManagementadminNO {
  background: url(/fileadmin/pictures/button_management_link.png) no-repeat;
  float: left;
  width: 90px;
  }
li.OrderadminNO {
  background: url(/fileadmin/pictures/button_order_link.png) no-repeat;
  float: left;
  width: 55px;
  }
li.StatisticadminNO{
  background: url(/fileadmin/pictures/button_statistic_link.png) no-repeat;
  float: left;
  width: 70px;
  }
li.ManagementadminACT {
  background: url(/fileadmin/pictures/button_management_hover.png) no-repeat;
  float: left;
  width: 90px;
  }
li.OrderadminACT {
  background: url(/fileadmin/pictures/button_order_hover.png) no-repeat;
  float: left;
  width: 55px;
  }
li.StatisticadminACT{
  background: url(/fileadmin/pictures/button_statistic_hover.png) no-repeat;
  float: left;
  width: 70px;
  }
*/

/*---------------------------------------------------------
27 Admin Navigation
-----------------------------------------------------------  */

.admin_nav{
    float: left;
    height: 66px;
    margin-left: 104px;
    margin-top: -20px;
    width: 745px;
}

.admin_nav ul li {
  ackground-color:#eaeaea;
  display: inline;
  float:left;
  width:124px;
  height: 20px;
  text-align: center;
  }

#save{
  text-align: center;
}

.adminmenu{
  margin-left: 277px;
}

.adminmenu2{
  display: inline;
}

#adminmenu4{
    margin-left: -600px;
    width: 950px;
}

#adminmenu3{
  margin-top: 17px;
  display: -moz-box;
}

/*---------------------------------------------------------
28 Definition: Recently snapt -- ALT
-----------------------------------------------------------

.recently_main {
  margin-left: -8px;
  }
img.links {
  border: 0;
  }
.recently_newvideos {
  height: 10px;
  width: 100px;
  }
.java {
  width: 500px;
}
*/

/*---------------------------------------------------------
29 Definition Kommentarfunktion (Nur noch Adminbereich)
---------------------------------------------------------*/

.commentform{
  color:black;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:11px;
  text-decoration:none;
}

.comment{
  float: left;
  width: 616px;
  padding-top: 17px;
}

.post{
  float: left;
  width: 482px;
  color:black;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:12px;
  text-decoration:none;
  padding-left:16px;  
}

.namedate{
  float: left;
  width: 115px;    
}

.name{
  color:black;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:12px;
  font-weight:bold;
}

.date{
  color:black;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:12px;
  text-decoration:none;
}
.namegray{
  color:gray;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:12px;
  font-weight:bold;
}

.dategray{
  color:gray;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:12px;
  text-decoration:none;
}
/*---------------------------------------------------------
Eingefügt von WAG für "About snapt.tv" Sektion
-----------------------------------------------------------
30 Linke Navigation
---------------------------------------------------------*/

#leftnav {
  float: left;
  width: 340px;
  padding-top: -26px;
  height: 384px;
  padding-left: 40px;
  background-color: #eaeaea;
  margin-top: -1px;
}

#leftnav a {
  display: block;
  width: 140px;
}

.active {
  font-weight:bold;
  background: url("/fileadmin/public/images/strich_sub_solo.png") bottom no-repeat;
}

.actsub {
  font-weight:bold;
  background: url("/fileadmin/public/images/strich_main_solo.png") bottom no-repeat;
}

#leftnav ul {
  list-style: none;
}

#leftnav li {
  padding: 3px;
}

#leftnav .l1 {
  width: 140px;
}

#leftnav .l2 {
  margin-left: 140px;
  position: absolute;
  width: 200px;
}

/*---------------------------------------------------------
31 Contentbereich
---------------------------------------------------------*/

#content {
  padding-top: -26px;
  float: left;
  width: 530px;
  height: 384px;
  padding-right: 37px;
  padding-left: 3px;
  background-color: #eaeaea;
  overflow: auto;
  margin-top: -1px;

}

/*---------------------------------------------------------
32 Kiwi-Slider-Konfiguration
---------------------------------------------------------*/

  .tx-kiwislider-pi1 {
      width: 463px;
      height:360px;
      position: relative;
  }
  
  .tx-kiwislider-pi1 .scroll {
      height: 340px;
      width: 463px;
      overflow: auto;
      overflow-x: hidden;
      position: relative;
      clear: left;
      padding-top: 10px;
      border-top: 1px dotted;
      margin-top: 10px;
  }
  
  .tx-kiwislider-pi1 .scrollContainer div.panel {
      /*padding: 20px;*/
      height: 340px;
      width: 463px;
  }
  
  .tx-kiwislider-pi1 .scrollContainer h2 {
      margin-top: 5px;
  }
  
  .tx-kiwislider-pi1 ul.navigation {
      list-style: none;
      margin-top: 10px;
  }
  
  .tx-kiwislider-pi1 ul.navigation a:focus {
      outline: none;
  }
  
  .tx-kiwislider-pi1 .hide {
      display: none;
  }
  
  /* Navigation */
  .tx-kiwislider-pi1 h1 {
      font-weight:normal;
      margin:0;
      /* padding:10px 0px 0px; */
  }
  .tx-kiwislider-pi1 ul.navigation li {
      display: inline;
      float: left;
      margin-right: 10px;
  }
  
  .tx-kiwislider-pi1 ul.navigation a {
      padding: 5px 5px 5px 0px;
      color: #000;
      text-decoration: none;
      background-color: #fff;
      /*border-color: #1fa345;
      border-width: 1px;
      border-top-style: none;
      border-right-style: none;
      border-left-style: none;
      border-bottom-style: none;*/
  }
  
  .tx-kiwislider-pi1 ul.navigation a:hover {
      padding: 5px 5px 5px 0px;
      background-color: #fff;
      color: #1fa345;
  }
  
  .tx-kiwislider-pi1 ul.navigation a.selected {
      padding: 5px 5px 5px 0px;
      background-color: #fff;
      color: #1fa345;
      font-weight: bold;
      text-decoration: underline;
  }
  
  .tx-kiwislider-pi1 .scrollButtons {
    text-indent:-9999px;
    display:block;
    background:url() no-repeat center;
    width:16px;
    height:16px;
    position: absolute;
    top: 150px;
    cursor: pointer;
  }
  .tx-kiwislider-pi1 .scrollButtons.left {
    left: -20px;
  }
  .tx-kiwislider-pi1 .scrollButtons.right {
    right: -24px;
  }
  
  


# Soll jQuery eingebunden werden oder nicht?
plugin.tx_kiwislider_pi1 {
  include {
    jQuery = 1
    scrollTo = 1
    localScroll = 1
    serialScroll = 1
  }
  #arrows {
  #  hide = 1
  #}
}
/*---------------------------------------------------------
Ende Kiwi-Slider-Konfiguration
---------------------------------------------------------*/

/*---------------------------------------------------------
33 Floatbox Konfiguration
---------------------------------------------------------*/

/*
Sections:
  custom color scheme (modify colors and bg images for controls here)
  other color schemes
  control widgets (adjust control sizes here if you've swapped out the controls' bg images)
  other settings (not user-changeable)
*/

/** custom color scheme **/

/* overlay color */
#fbOverlay.fb_custom {
	background-color: #1b2642;
/* 	background-image: url(graphics/blank.gif);  add a custom background image for the transparent page overlay */
}

/* main floatbox color */
div#fbBox.fb_custom, #fbBox #fbCorners.fb_custom, #fbBox #fbBoxLiner.fb_custom, div#fbZoomDiv.fb_custom {
	background-color: #eed39e;
/* 	background-image: url(graphics/blank.gif);  use this to add a custom background image to the main floatbox area */
}

/* outerBorder color */
#fbBox #fbCorners.fb_custom {
	border-color: #da7b4d;
}

/* innerBorder color */
#fbBox #fbContentWrapper.fb_custom {
	border-color: #b64;
}

/* animated 'loading' graphic */
#fbBox #fbLoader.fb_custom {
	background-image: url(graphics/loader_black_small.gif);
}

/* resize button graphic in the top left corner */
/* note: if you want the smaller resize button, change #fbResizer width and height to 19px */
/* and also add "_small" to the resize gif name (e.g., graphics/resizer_custom_small.gif) */
#fbBox #fbResizer.fb_custom {
	background-image: url(graphics/resizer_custom.gif);
}

/* resize dragger in the lower right corner */
#fbBox #fbDragger.fb_custom {
	background-image: url(graphics/dragger_custom.gif);
}

/* overlay nav graphics */
#fbBox #fbOverlayPrev.fb_custom {
	background-image: url(graphics/overlayPrev_custom.gif);
}
#fbBox #fbOverlayNext.fb_custom {
	background-image: url(graphics/overlayNext_custom.gif);
}

/* newWindowLink image */
#fbBox #fbNewWindowLink.fb_custom a {
	background-image: url(graphics/newWindow_custom_off.png);
}
#fbBox #fbNewWindowLink.fb_custom a:hover {
	background-image: url(graphics/newWindow_custom_on.png);
}

/* 'image x of y', indexLinks & newWindowLink text color */
#fbBox #fbIndexLinks.fb_custom, #fbBox #fbIndexLinks.fb_custom a,
#fbBox #fbNewWindowLink.fb_custom a, #fbBox #fbItemNumber.fb_custom {
	color: #666;
}

/* captions, infoLink, printLink, indexLinks:hover & newWindowLink:hover text color */
#fbBox #fbCaption.fb_custom, #fbBox #fbCaption2.fb_custom,
#fbBox #fbtlWidgetDiv.fb_custom a, #fbBox #fbtrWidgetDiv.fb_custom a,
#fbBox #fbblWidgetDiv.fb_custom a, #fbBox #fbbrWidgetDiv.fb_custom a,
#fbBox #fbIndexLinks.fb_custom a:hover, #fbBox #fbNewWindowLink.fb_custom a:hover {
	color: #000;
}

/* 'prev' and 'next' nav graphics */
#fbBox #fbPrev.fb_custom {
	background-image: url(graphics/prev_custom.gif);
}
#fbBox #fbNext.fb_custom {
	background-image: url(graphics/next_custom.gif);
}

/* 'play' and 'pause' graphics */
#fbBox #fbPlay.fb_custom {
	background-image: url(graphics/play_custom.gif);
}
#fbBox #fbPause.fb_custom {
	background-image: url(graphics/pause_custom.gif);
}

/* 'close' graphic */
#fbBox #fbClose.fb_custom {
	background-image: url(graphics/close_custom.gif);
}

/** end of custom color scheme **/

/** other color schemes **/

#fbOverlay.fb_black {
	background-color: #000;
}
#fbOverlay.fb_white {
	background-color: #000;
}
#fbOverlay.fb_blue {
	background-color: #0b183b;
}
#fbOverlay.fb_yellow {
	background-color: #752;
}
#fbOverlay.fb_red {
	background-color: #280000;
}

div#fbBox.fb_black, #fbBox #fbCorners.fb_black, #fbBox #fbBoxLiner.fb_black, div#fbZoomDiv.fb_black {
	background-color: #000;
}
div#fbBox.fb_white, #fbBox #fbCorners.fb_white, #fbBox #fbBoxLiner.fb_white, div#fbZoomDiv.fb_white {
	background-color: #fff;
}
div#fbBox.fb_blue, #fbBox #fbCorners.fb_blue, #fbBox #fbBoxLiner.fb_blue, div#fbZoomDiv.fb_blue {
	background-color: #0b183b;
}
div#fbBox.fb_yellow, #fbBox #fbCorners.fb_yellow, #fbBox #fbBoxLiner.fb_yellow, div#fbZoomDiv.fb_yellow {
	background-color: #ed9;
}
div#fbBox.fb_red, #fbBox #fbCorners.fb_red, #fbBox #fbBoxLiner.fb_red, div#fbZoomDiv.fb_red {
	background-color: #580808;
}

#fbBox #fbCorners.fb_black {
	border-color: #888;
}
#fbBox #fbCorners.fb_white {
	border-color: #555;
}
#fbBox #fbCorners.fb_blue {
	border-color: #4060a8;
}
#fbBox #fbCorners.fb_yellow {
	border-color: #680c0c;
}
#fbBox #fbCorners.fb_red {
	border-color: #945848;
}

#fbBox #fbContentWrapper.fb_black {
	border-color: #ccc;
}
#fbBox #fbContentWrapper.fb_white {
	border-color: #000;
}
#fbBox #fbContentWrapper.fb_blue {
	border-color: #aaa8be;
}
#fbBox #fbContentWrapper.fb_yellow {
	border-color: #700;
}
#fbBox #fbContentWrapper.fb_red {
	border-color: #b64;
}

#fbBox #fbLoader.fb_black {
	background-image: url(graphics/loader_black.gif);
}
#fbBox #fbLoader.fb_white {
	background-image: url(graphics/loader_white.gif);
}
#fbBox #fbLoader.fb_blue {
	background-image: url(graphics/loader_black.gif);
}
#fbBox #fbLoader.fb_yellow {
	background-image: url(graphics/loader_white.gif);
}
#fbBox #fbLoader.fb_red {
	background-image: url(graphics/loader_black_small.gif);
}

#fbBox #fbResizer.fb_black {
	background-image: url(graphics/resizer_black.gif);
}
#fbBox #fbResizer.fb_white {
	background-image: url(graphics/resizer_white.gif);
}
#fbBox #fbResizer.fb_blue {
	background-image: url(graphics/resizer_blue.gif);
}
#fbBox #fbResizer.fb_yellow {
	background-image: url(graphics/resizer_yellow.gif);
}
#fbBox #fbResizer.fb_red {
	background-image: url(graphics/resizer_red.gif);
}

#fbBox #fbDragger.fb_black {
	background-image: url(graphics/dragger_black.gif);
}
#fbBox #fbDragger.fb_white {
	background-image: url(graphics/dragger_white.gif);
}
#fbBox #fbDragger.fb_blue {
	background-image: url(graphics/dragger_blue.gif);
}
#fbBox #fbDragger.fb_yellow {
	background-image: url(graphics/dragger_yellow.gif);
}
#fbBox #fbDragger.fb_red {
	background-image: url(graphics/dragger_red.gif);
}

#fbBox #fbOverlayPrev.fb_black {
	background-image: url(graphics/overlayPrev_black.gif);
}
#fbBox #fbOverlayNext.fb_black {
	background-image: url(graphics/overlayNext_black.gif);
}
#fbBox #fbOverlayPrev.fb_white {
	background-image: url(graphics/overlayPrev_white.gif);
}
#fbBox #fbOverlayNext.fb_white {
	background-image: url(graphics/overlayNext_white.gif);
}
#fbBox #fbOverlayPrev.fb_blue {
	background-image: url(graphics/overlayPrev_blue.gif);
}
#fbBox #fbOverlayNext.fb_blue {
	background-image: url(graphics/overlayNext_blue.gif);
}
#fbBox #fbOverlayPrev.fb_yellow {
	background-image: url(graphics/overlayPrev_yellow.gif);
}
#fbBox #fbOverlayNext.fb_yellow {
	background-image: url(graphics/overlayNext_yellow.gif);
}
#fbBox #fbOverlayPrev.fb_red {
	background-image: url(graphics/overlayPrev_red.gif);
}
#fbBox #fbOverlayNext.fb_red {
	background-image: url(graphics/overlayNext_red.gif);
}

#fbBox #fbNewWindowLink.fb_black a {
	background-image: url(graphics/newWindow_black_off.png);
}
#fbBox #fbNewWindowLink.fb_black a:hover {
	background-image: url(graphics/newWindow_black_on.png);
}
#fbBox #fbNewWindowLink.fb_white a {
	background-image: url(graphics/newWindow_white_off.png);
}
#fbBox #fbNewWindowLink.fb_white a:hover {
	background-image: url(graphics/newWindow_white_on.png);
}
#fbBox #fbNewWindowLink.fb_blue a {
	background-image: url(graphics/newWindow_blue_off.png);
}
#fbBox #fbNewWindowLink.fb_blue a:hover {
	background-image: url(graphics/newWindow_blue_on.png);
}
#fbBox #fbNewWindowLink.fb_yellow a {
	background-image: url(graphics/newWindow_yellow_off.png);
}
#fbBox #fbNewWindowLink.fb_yellow a:hover {
	background-image: url(graphics/newWindow_yellow_on.png);
}
#fbBox #fbNewWindowLink.fb_red a {
	background-image: url(graphics/newWindow_red_off.png);
}
#fbBox #fbNewWindowLink.fb_red a:hover {
	background-image: url(graphics/newWindow_red_on.png);
}

#fbBox #fbIndexLinks.fb_black, #fbBox #fbIndexLinks.fb_black a,
#fbBox #fbNewWindowLink.fb_black a, #fbBox #fbItemNumber.fb_black {
	color: #aaa;
}
#fbBox #fbIndexLinks.fb_white, #fbBox #fbIndexLinks.fb_white a,
#fbBox #fbNewWindowLink.fb_white a, #fbBox #fbItemNumber.fb_white {
	color: #666;
}
#fbBox #fbIndexLinks.fb_blue, #fbBox #fbIndexLinks.fb_blue a,
#fbBox #fbNewWindowLink.fb_blue a, #fbBox #fbItemNumber.fb_blue {
	color: #a7a7a7;
}
#fbBox #fbIndexLinks.fb_yellow, #fbBox #fbIndexLinks.fb_yellow a,
#fbBox #fbNewWindowLink.fb_yellow a, #fbBox #fbItemNumber.fb_yellow {
	color: #700;
}
#fbBox #fbIndexLinks.fb_red, #fbBox #fbIndexLinks.fb_red a,
#fbBox #fbNewWindowLink.fb_red a, #fbBox #fbItemNumber.fb_red {
	color: #ca8;
}

#fbBox #fbCaption.fb_black, #fbBox #fbCaption2.fb_black,
#fbBox #fbtlWidgetDiv.fb_black a, #fbBox #fbtrWidgetDiv.fb_black a,
#fbBox #fbblWidgetDiv.fb_black a, #fbBox #fbbrWidgetDiv.fb_black a,
#fbBox #fbIndexLinks.fb_black a:hover, #fbBox #fbNewWindowLink.fb_black a:hover {
	color: #d7d7d7;
}
#fbBox #fbCaption.fb_white, #fbBox #fbCaption2.fb_white,
#fbBox #fbtlWidgetDiv.fb_white a, #fbBox #fbtrWidgetDiv.fb_white a,
#fbBox #fbblWidgetDiv.fb_white a, #fbBox #fbbrWidgetDiv.fb_white a,
#fbBox #fbIndexLinks.fb_white a:hover, #fbBox #fbNewWindowLink.fb_white a:hover {
	color: #000;
}
#fbBox #fbCaption.fb_blue, #fbBox #fbCaption2.fb_blue,
#fbBox #fbtlWidgetDiv.fb_blue a, #fbBox #fbtrWidgetDiv.fb_blue a,
#fbBox #fbblWidgetDiv.fb_blue a, #fbBox #fbbrWidgetDiv.fb_blue a,
#fbBox #fbIndexLinks.fb_blue a:hover, #fbBox #fbNewWindowLink.fb_blue a:hover {
	color: #d0d0d0;
}
#fbBox #fbCaption.fb_yellow, #fbBox #fbCaption2.fb_yellow,
#fbBox #fbtlWidgetDiv.fb_yellow a, #fbBox #fbtrWidgetDiv.fb_yellow a,
#fbBox #fbblWidgetDiv.fb_yellow a, #fbBox #fbbrWidgetDiv.fb_yellow a,
#fbBox #fbIndexLinks.fb_yellow a:hover, #fbBox #fbNewWindowLink.fb_yellow a:hover {
	color: #941010;
}
#fbBox #fbCaption.fb_red, #fbBox #fbCaption2.fb_red,
#fbBox #fbtlWidgetDiv.fb_red a, #fbBox #fbtrWidgetDiv.fb_red a,
#fbBox #fbblWidgetDiv.fb_red a, #fbBox #fbbrWidgetDiv.fb_red a,
#fbBox #fbIndexLinks.fb_red a:hover, #fbBox #fbNewWindowLink.fb_red a:hover {
	color: #ec9;
}

#fbBox #fbPrev.fb_black {
	background-image: url(graphics/prev_black.gif);
}
#fbBox #fbNext.fb_black {
	background-image: url(graphics/next_black.gif);
}
#fbBox #fbPrev.fb_white {
	background-image: url(graphics/prev_white.gif);
}
#fbBox #fbNext.fb_white {
	background-image: url(graphics/next_white.gif);
}
#fbBox #fbPrev.fb_blue {
	background-image: url(graphics/prev_blue.gif);
}
#fbBox #fbNext.fb_blue {
	background-image: url(graphics/next_blue.gif);
}
#fbBox #fbPrev.fb_yellow {
	background-image: url(graphics/prev_yellow.gif);
}
#fbBox #fbNext.fb_yellow {
	background-image: url(graphics/next_yellow.gif);
}
#fbBox #fbPrev.fb_red {
	background-image: url(graphics/prev_red.gif);
}
#fbBox #fbNext.fb_red {
	background-image: url(graphics/next_red.gif);
}

#fbBox #fbPlay.fb_black {
	background-image: url(graphics/play_black.gif);
}
#fbBox #fbPause.fb_black {
	background-image: url(graphics/pause_black.gif);
}
#fbBox #fbPlay.fb_white {
	background-image: url(graphics/play_white.gif);
}
#fbBox #fbPause.fb_white {
	background-image: url(graphics/pause_white.gif);
}
#fbBox #fbPlay.fb_blue {
	background-image: url(graphics/play_blue.gif);
}
#fbBox #fbPause.fb_blue {
	background-image: url(graphics/pause_blue.gif);
}
#fbBox #fbPlay.fb_yellow {
	background-image: url(graphics/play_yellow.gif);
}
#fbBox #fbPause.fb_yellow {
	background-image: url(graphics/pause_yellow.gif);
}
#fbBox #fbPlay.fb_red {
	background-image: url(graphics/play_red.gif);
}
#fbBox #fbPause.fb_red {
	background-image: url(graphics/pause_red.gif);
}

#fbBox #fbClose.fb_black {
	background-image: url(graphics/close_black.gif);
}
#fbBox #fbClose.fb_white {
	background-image: url(graphics/close_white.gif);
}
#fbBox #fbClose.fb_blue {
	background-image: url(graphics/close_blue.gif);
}
#fbBox #fbClose.fb_yellow {
	background-image: url(graphics/close_yellow.gif);
}
#fbBox #fbClose.fb_red {
	background-image: url(graphics/close_red.gif);
}

/** end of other color schemes **/

/** control widgets **/

#fbBox #fbControls {
	font-size: 1px;
	height: 14px;  /* all the controls (prev|next, play|pause, close) should be the same height */
}

#fbBox #fbNavControls {
	width: 88px;  /* sum of prev and next widths */
	height: 14px;
}

#fbBox #fbPrev {
	float: left;
	background-repeat: no-repeat;
	width: 44px;  /* prev nav control */
	height: 14px;
}

#fbBox #fbNext {
	float: right;
	background-repeat: no-repeat;
	width: 44px; /* next nav control */
	height: 14px;
}

#fbBox #fbPlayPause, #fbBox #fbPlay, #fbBox #fbPause {
	text-align: justify;
	width: 46px;  /* slideshow controls - play and pause need to be the same size */
	height: 14px;
}

#fbBox #fbPlay, #fbBox #fbPause {
	position: absolute;
	background-repeat: no-repeat;
}

#fbBox #fbClose {
	background-repeat: no-repeat;
	width: 46px;  /* the close button */
	height: 14px;
}

#fbBox #fbResizer {
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;  /* resizer widget in the top-left corner */
	height: 25px;
}

#fbBox #fbDragger {
	position: absolute;
	cursor: nw-resize;
	background-position: right bottom;  /* 'cause ie6 makes it taller than actual size */
	background-repeat: no-repeat;
	width: 12px;  /* dragger widget in the bottom-right corner */
	height: 12px;
}

/** end of control widgets **/

div#fbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	margin: 0;
	padding: 0;
}

div#fbBox {
	position: absolute;
	border-style: solid;
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: none;
}

#fbBox div.fb, #fbBox a.fb, #fbBox img.fb, #fbBox iframe.fb, div#fbZoomDiv img#fbZoomImg {
	border-width: 0;
	margin: 0;
	padding: 0;
	outline: none;
}
#fbBox a.fb {
	background-image: url(graphics/blank.gif);
	background-color: transparent;
}
#fbBox div.fb {
	background-color: transparent;
}

#fbBox #fbContentWrapper {
	overflow: hidden;
}

div#fbZoomDiv, a.fbPopup img, a.fbPopdown img, a.fbPopleft img, a.fbPopright img, a.fbPoppip img, #fbContentWrapper img.fbPoppip {
	position: absolute;
	left: 0;
	top: -9999px;
	border-style: solid;
	border-color: #000;
	/* zoomer and popup border-widths are set in js code (sorry) */
	margin: 0;
	padding: 0;
}

#fbBox #fbLoader, #fbZoomDiv #fbLoaderGif, #fbContentWrapper #fbLoaderGif, #fbContentWrapper #fbIframeHider {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
}
#fbZoomDiv #fbLoaderGif, #fbContentWrapper #fbLoaderGif {
	background-image: url(graphics/loader_black.gif);
}

#fbBox #fbHeader, #fbBox #fbFooter {
	position: absolute;
	background-color: transparent;
	overflow: hidden;
}

div.fbCycler {
	position: relative;
}
div.fbCycler a, div.fbCycler div {
	position: absolute;
	display: none;
/* 	left: 0; */
	text-decoration: none;
}
div.fbCycler a:first-child, div.fbCycler a.first-child {
	display: inline;
}
div.fbCycler div:first-child, div.fbCycler div.first-child {
	display: block;
}
div.fbCycler span {  /* wrap text under the thumbnail/image */
	display: block;
	text-align: center;
}
div.fbCycler a span {
	text-decoration: underline;
}

#fbBox #fbShadows, #fbBox #fbShadowTop, #fbBox #fbShadowRight, #fbBox #fbShadowBottom, #fbBox #fbShadowLeft, #fbBox #fbShadowCorner,
#fbBox #fbCorners, #fbBox #fbCornerTop, #fbBox #fbCornerRight, #fbBox #fbCornerBottom, #fbBox #fbCornerLeft, #fbBox #fbCorners2 {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	overflow: hidden;
}
#fbBox #fbShadows, #fbBox #fbCorners {
	overflow: visible;
	border-style: solid;
}
#fbBox #fbShadowRight {
	background-position: right top;
}
#fbBox #fbShadowCorner {
	background-position: right bottom;
}
#fbBox #fbShadowBottom {
	background-position: left bottom;
}

#fbBox #fbBoxLiner {
	position: relative;  /* images won't fade in/out in ie6 if absolute */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#fbBox #fbContentWrapper, #fbBox #fbtlPanel, #fbBox #fbtrPanel, #fbBox #fbblPanel, #fbBox #fbbrPanel {
	position: absolute;
	border-style: solid;
	overflow: hidden;
}

#fbBox #fbContentWrapper, div#fbZoomDiv {
	background-color: #fff;  /* can override with per-item backgroundColor option */
}

#fbBox #fbInfoLink, #fbBox #fbPrintLink {  /* "Info...", "Print..." */
	font-weight: bold;
}

#fbBox #fbLeftNav, #fbBox #fbRightNav {
	position: absolute;
	height: 100%;
}
#fbBox #fbLeftNav, #fbBox #fbOverlayPrev {
	left: 0;
}
#fbBox #fbRightNav, #fbBox #fbOverlayNext {
	right: 0;
}

#fbBox #fbOverlayPrev, #fbBox #fbOverlayNext {
	position: absolute;
	background-repeat: no-repeat;
	width: 49px;  /* popup prev and next that overlays images */
	height: 23px;
}

#fbBox #fbtlPanel, #fbBox #fbtrPanel, #fbBox #fbblPanel, #fbBox #fbbrPanel {
	line-height: 1.25em;
	/* caption etc. text */
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#fbBox #fbCaption, #fbBox #fbCaption2 {
	cursor: default;
}

#fbBox #fbItemNumber {
	font-size: 10px;  /* 'image x of y' text */
	white-space: nowrap;
	cursor: default;
}

#fbBox #fbIndexLinks {
	clear: both;
	margin: 4px 0;
	padding: 0;
}
#fbBox #fbIndexLinks a {
	margin: 0;
	padding: 3px 0;
	outline: none;
	text-decoration: none;
}
#fbBox #fbIndexLinks a:hover {
	text-decoration: underline;
}
#fbBox #fbIndexLinks a#fbCurrentIndex, #fbBox #fbIndexLinks span {
	text-decoration: none;
	cursor: default;
}

#fbBox #fbNewWindowLink {
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1px;
}
#fbBox #fbNewWindowLink a {
	font-size: 12px;
	padding-left: 19px;  /* for the bg image */
	background-repeat: no-repeat;
	background-position: top left;
}

/* posLeft, posCenter & posRight are dynamically assigned classes that allow layout of the panels depending on which side they're on */
#fbBox #fbtlPanel.posCenter, #fbBox #fbtrPanel.posCenter,
#fbBox #fbblPanel.posCenter, #fbBox #fbbrPanel.posCenter,
#fbBox #fbtlWidgetDiv.posCenter, #fbBox #fbtrWidgetDiv.posCenter,
#fbBox #fbblWidgetDiv.posCenter, #fbBox #fbbrWidgetDiv.posCenter,
#fbBox #fbIndexLinks.posCenter, #fbBox #fbNewWindowLink.posCenter {
	margin: 0 auto;
}
#fbBox #fbtlPanel.posRight, #fbBox #fbtrPanel.posRight,
#fbBox #fbblPanel.posRight, #fbBox #fbbrPanel.posRight,
#fbBox #fbtlWidgetDiv.posRight, #fbBox #fbtrWidgetDiv.posRight,
#fbBox #fbblWidgetDiv.posRight, #fbBox #fbbrWidgetDiv.posRight,
#fbBox #fbIndexLinks.posRight, #fbBox #fbNewWindowLink.posRight,
#fbBox #fbControls.posRight, #fbBox #fbClose.posRight,
#fbBox #fbSubControls.posRight, #fbBox #fbNavControls.posLeft,
#fbBox #fbPlayPause.posLeft {
	float: right;
}
#fbBox #fbtlPanel.posLeft, #fbBox #fbtrPanel.posLeft,
#fbBox #fbblPanel.posLeft, #fbBox #fbbrPanel.posLeft,
#fbBox #fbtlWidgetDiv.posLeft, #fbBox #fbtrWidgetDiv.posLeft,
#fbBox #fbblWidgetDiv.posLeft, #fbBox #fbbrWidgetDiv.posLeft,
#fbBox #fbIndexLinks.posLeft, #fbBox #fbNewWindowLink.posLeft,
#fbBox #fbControls.posLeft, #fbBox #fbClose.posLeft,
#fbBox #fbSubControls.posLeft, #fbBox #fbNavControls.posRight,
#fbBox #fbPlayPause.posRight {
	float: left;
}
/* IE6 wants these, maybe for layout? */
#fbSubControls, #fbClose, #fbIndexLinks, #fbNewWindowLink, #fbPlayPause, #fbNavControls {
	float: left;
}

/* firefox/flash outline and wmode-scroll-click bug fixes */
object.fbFlashObject {
	outline: none;
}
object.fbFlashObject:hover {
	border: 0 solid;
}

/*---------------------------------------------------------
Ende Floatbox Konfiguration
---------------------------------------------------------*/

/*---------------------------------------------------------
34 Admininterace Konfiguration
---------------------------------------------------------*/

#cust-wrapper {
  font-family:helvetica;
  font-size: 12px;
  font-weight: regular;
  color: black;
  
  margin-top:-20px;
}

#uploaddiv {
  width: 870px;
  min-height: 800px;
  font-family:helvetica;
  font-size: 12px;
  font-weight: regular;
  color: black;
}
	
.cust-bullets {
  background: #f9f9f9;
  font-family: helvetica;
  text-align: center;
  color: black;  
  margin:15px 15px;
}

.cust-bullets-rtop, .cust-bullets-rbottom{
  display: block;
  background: #eaeaea;
}

.cust-bullets-rtop *, .cust-bullets-rbottom *{
  display: block;
  height: 1px;
  overflow: hidden;
  background: #f9f9f9;
}

.cust-bullets-r1{
  margin: 0 5px
}
.cust-bullets-r2{
  margin: 0 3px;
}
.cust-bullets-r3{
  margin: 0 2px
}
.cust-bullets-r4{
  margin: 0 1px;
  height: 2px;
}

.cust-bullets-dark {
  background: #bebec3;
  font-family: helvetica;
  text-align: center;
  color: black;
  margin:15px 15px;
}

.cust-bullets-dark-rtop, .cust-bullets-dark-rbottom{
  display: block;
  background: #eaeaea;
}

.cust-bullets-dark-rtop *, .cust-bullets-dark-rbottom *{
  display: block;
  height: 1px;
  overflow: hidden;
  background: #bebec3;
}

.cust-bullets-dark-r1{
  margin: 0 5px
}
.cust-bullets-dark-r2{
  margin: 0 3px;
}
.cust-bullets-dark-r3{
  margin: 0 2px
}
.cust-bullets-dark-r4{
  margin: 0 1px;
  height: 2px;
}

table.cust-up-form {
  font-family: helvetica;
  text-align: center;
  color: black;
}

table.cust-up-form tr {
  text-align: center;
}

table.cust-up-form td {
  text-align: left;
  padding: 15px 2px;
}

.cust-stats-wrapper {
	width: 750px;
	margin: 15px auto;
	height: auto;
}

.cust-stats-header {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.cust-stats-header table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.cust-stats-header td {
 	color: black;
 	font-weight: bold;
 	font-size: 12px;
}

.cust-stats-units table {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.cust-stats-units td {
	padding: 4px;
}

.cust-stats-units-all {
	width: auto;
	margin: 15px auto;
	text-align: center;
	border: 1px dashed grey;
}

.cust-stats-units-headerl {
	text-align:right;
	font-weight: bold;
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 300px;
	float:left;
}

.cust-stats-units-headerr {
	text-align: left;
	font-weight: bold;
	font-size: 13px;
    padding-top: 15px;
	padding-bottom: 15px;
	width: 300px;
	float:left;
}

.cust-stats-charts table{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid grey;
}

.cust-stats-charts td {
	border: 1px solid grey;
}

.cust-stats-charts p {
	font-family: helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: black;
}

/*---BUTTONS---*/

.btn_back {
	height:auto;
	width:auto;
	
	font-family:helvetica;
	font-size:9px;
	color: black;
}

.btn_save {
	height:auto;
	width:auto;
	
	font-family:helvetica;
	font-size:9px;
	color: black;
}

.btn_act {
	height:auto;
	width:auto;
	
	font-family:helvetica;
	font-size:9px;
	color: black;
}

.btn_refresh {
	height:auto;
	width:auto;
	
	font-family:helvetica;
	font-size:9px;
	color: black;
	margin: 5px;
}

.btn_del {
	height:auto;
	width:auto;
	
	font-family:helvetica;
	font-size:9px;
	color: black;
	margin: 5px 33px;
}

input[type="submit"][disabled] {
	color: GreyText;	
}

/*---------------------------------------------------------
Ende Admininterface Konfiguration
---------------------------------------------------------*/

/*---------------------------------------------------------
35 Upload-Form
---------------------------------------------------------*/

#cust-upload {
	font-family:helvetica;
    font-size: 12px;
    font-weight: regular;
  	color: black;
}

.cust-upload-info {
    height: auto;
    margin: 15px auto;
    text-align: justify;
    width: 500px;
}

.cust-upload-select {
	width: 500px;
	height: auto;

	margin-left: auto;
	margin-right: auto;
}

.cust-upload-select table {
    height: auto;
    
    margin-left: auto;
    margin-right:auto;
}

.cust-upload-select-order {
    height: auto;
    margin: 15px auto;
    width: 700px;
}

.cust-upload-select-order table {
	border: 1px solid black;
	margin: 0px auto;
}

.cust-upload-select-order td {
	border: 1px solid grey;
}

td.cust-upload-select-header {
	font-weight: bold;
	text-align: center;
}

td.cust-upload-select-content {
	font-weight: regular;
	text-align: left;
}

.cust-upload-submit {
	height: auto;
    margin: 15px auto;
    width: 500px;
}

.cust-upload-submit table {
	height: auto;
    margin-left: auto;
    margin-right: auto;
}

input.cust-textfield {
	height: 21px;
	width: 155px;
}

hr {
    -moz-box-sizing: border-box;
    -moz-float-edge: margin-box;
    border: 1px inset;
    color: gray;
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 750px;
}

.upload-specs-header {
	width: 500px;
	margin: 15px auto;
	
	font-size:13px; 
	font-weight:bold; 
	color:#008CEE; 
	text-align:center;
}

.upload-specs-content {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	
	font-size:12px; 
	font-weight:regular; 
	color:black; 
	text-align:justify;
}

.upload-specs-content img {
	width:350px;
	height: auto;
	
	margin-top: 15px;
}

.upload-specs-tablehead {
	width: 500px;
	margin-top: 15px; 
	margin-left: auto;
	margin-right: auto;
	
	font-size:13px; 
	font-weight:bold; 
	color:#008CEE; 
	text-align:center;
}

.upload-specs-table {
	width: 500px;
	margin: 5px auto;
	
	font-size:12px; 
	font-weight:regular; 
	color:black;
}

.upload-specs-table table{
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.upload-specs-table-left {
	font-weight:bold;
	text-align: right;
	
	padding-top: 2px;
	padding-bottom: 2px;
}

.upload-specs-table-right {
	text-align: left;
	
	padding-top: 2px;
	padding-bottom: 2px;
}

.upload-specs-disclaimer {
	width: 500px;
	margin-top: 10px; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	
	font-size:10px; 
	font-weigth:regular; 
	color:grey; 
	text-align:justify;
}
  
.upload-iframe {  
	width: 100%
	height: 1200px;
	frameborder: 0;
	scrolling: no;
    opacity: 0.95; 
    moz-opacity: 0.95;
    overflow-y:hidden; 
    background-color:transparent;
  } 
/*---------------------------------------------------------
Ende Upload-Form
---------------------------------------------------------*/

/*---------------------------------------------------------
36 ERP-Design
---------------------------------------------------------*/
.erp-main {
  background: #f9f9f9;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
  max-width: 800px;
  line-height: 1;
  overflow: hidden;
  font-family: helvetica;
  font-size: 12px;
  color: black;
  text-decoration: none;
}

.erp-main-language {
  margin-left: auto;
  margin-right: auto;
}

.erp-main-selector {
	margin: 15px;
}  
/*---------------------------------------------------------
Ende ERP-Design
---------------------------------------------------------*/
