/* Standard Template fuer SORICA.COM */
/* 26.12.2003 Created by Philipp Blatter */
/* 12.04.2004 PB: clean up */
/* 12.04.2004 PB: bigger size thru font-size 11->13px */


body {
	background: #B8C5CE url(/img/soricaground.jpg) repeat-y; 
	color:#333;
	margin:0px;
	padding:0px;
	border: 0;
	font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	}



/*  layout parts  */
	
		
#header {
	position:relative;
	width:auto;
	height:114px;
	margin:0;
	border: 0;
	background: transparent url(/img/soricahead2.jpg) no-repeat; 
	background-repeat: no-repeat; 
	padding:5px;
	z-index:4; 
	}

.content {
	position:relative; 
	width:545px;
	min-width:120px;
	margin:0px 118px 0px 172px;
	border: 0;
	background-color:#fffffe;
	padding: 17px 40px 10px 62px;
	z-index:3; 
	}

#navAlpha {
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	top:170px;
	border: 0;
	border-top: 14px solid #ffffff;
	border-left: 8px solid #ffffff;
	border-bottom: 30px solid #ffffff;
	background-color:#59C2E4;
	z-index:2; 
	width: 200px;  /* False value for IE4-5.x/Win */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 186px;	 /* Actual value for conformant browsers */	
	}

html>#navAlpha {
	width: 188px; /* Be nice to Opera */
	}
		
#navBeta {
	position:absolute;
	top:124px;
	left:819px;
	border:0;
	background-color:#ECF0F1; 
	background:#ECF0F1 url(/img/soricabeta2.jpg) repeat-x;
	padding:135px 0 0 0;
	z-index:10;
	width:161px;   /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:181px;   /* Actual value for conformant browsers */	
	}

body>#navBeta {
	width:181px;    /* Be nice to Opera */
	}


#navBetaLB {
	background-color:#D2E0E4; 
	padding:10px;
	margin:0;
	}
	
#navBetaUp {
	clear:both;
	padding:10px;
	margin:0;
	}

#navBetaDown {
	background-color:#DEE2E3; 
	padding:10px;
	margin:0;
	}


#footer {
	width:auto;
	height:160px;
	margin:0;
	padding:17px 40px 10px 240px;
	border:0;
	color:#333;
	background:transparent url(/img/soricafooter.jpg) no-repeat; 
	z-index:14; 
	}

#footericon	{
	float: left;
	margin: 0 10px 0 0;
	}
	
	

/*  standard tags  */


img {
	/*display: block;*/
	border: 0;
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	}
	
a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #30618D;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #5181A9;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #B2CFD9;
	background: transparent;  
	}

address	{
	font:10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color:#678897;
	background:tranparent; 
	}

acronym	{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted black;
	}

em {
	font-weight : bold; 
	text-decoration : none;
	color: #468DA6;
	background: transparent;  
	}



/*  headlines  */


h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	}

h1	{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color:#373D4B;
	}

h2	{
	font-size: 24px;
	margin-top: 14px;
	margin-bottom: 6px;
	letter-spacing: 1px;
	padding: 0px;
	font-size: 18px;
	color:#5B6680;
	}

h3	{
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 6px;
    }

h4	{
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	}

h5	{
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	color:#6B8494;
	}

h1+h2	{
	margin-top: 40px;
	}

p+h2	{
	margin-top: 24px;
	}



/*  navigation 	*/ 


#primetop	{
	border-top: 1px solid #CED791;
	}

#navAlpha ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #7E8182;
	}

#navAlpha li	{
	text-align: left;
	border-bottom: 1px solid #7E8182;
	width: 180px;
	margin: 0;
	padding: 0;
	text-indent: 15px;
	font: 14px/20px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: 900;
	color: #4896B0;
	background: #5BB6D5;
	}

#secondarytop, #tertiarytop	{
	border-top: 1px solid #4896B0;
	border-top: 1px solid #7E8182;
	}

#navAlpha li a {
	display: block;
	padding: 0;
	border-left: 0;
	border-right: 1px solid #ffffff;
	background: #999C9E;
	/*color: #646644;*/
	color: #ffffff;
	text-decoration: none;
	width: 180px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 180px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#navAlpha li a {
	width: 180px;	 /* Be nice to Opera */
	}
	
#navAlpha li a:hover {
	background: #fff;
	color: #999;
	text-decoration: none;
	}

#navAlpha li#lightbox a {
	background: #888B8C;
	}
	
#navAlpha li#lightbox a:hover {
	background: #fff;
	color: #999;
	}



/*  new photostuff 	*/ 


.photoecardfive	{
	background: #CBE3EB; 
	float: left;	
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 0; 
	}

.photoregularfive {
	background: #CBE3EB; 
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 0; 
	}



/*  photostuff updaten!	*/ 


.photofive, .photofive10l, .photofivenix, .photofivesmall, .photofivesmallest, .photofiver	{
	background: #CBE3EB; 
	float: left;	
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 0; 
	}

.photofive10l	{
	margin: 0 12px 0 0;
	padding-bottom: 1px; 
	}

.photofivenix	{
	float: none;	
	}
	
.photofiver	{
	float: none;	
	}
	
.photofivesmall, .photofivesmalldark	{
	margin: 0 12px 12px 0;
	padding-bottom: 1px; 
	}

.photofivesmalldark	{
	background: #60C4F3; 
	}

.photofivesmallest	{
	margin: 0 3px 3px 0;
	padding-bottom: 1px; 
	}

.photofivesmall:hover, .photofive10l:hover, .photofivesmallest:hover	{
	border: 1px solid #000; 
	background: #F36E60; 
	}
	
.photoecard	{
	background: #fff; 
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 10px; 
	width: 502px;
	}
	
.photolegend {
	clear:both;
	color: #45534E;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 15px;
	}

img.i {
	background: #CBE3EB; 
	/*float: left;*/	
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 0; 
	}



/*  photo buttons updaten!	*/ 


#button1, #button2 {
	padding: 0;
	width: 26px;
	height: 96px;
	/*background-image: url(/img/sorica_ecard.gif);*/
	}

html>body #button1 {
	position:relative;
	left: 502px;
	width: 26px;
	}

html>body #button2 {
	position:relative;
	left: 502px;
	width: 26px;
	margin-bottom: 150px;
	}

#buttonecard {
	display: block;
	padding: 0;
	background: url(/img/sorica_buttongris1.gif) no-repeat 1px 0; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 26px;
	height: 96px;
	}

a#buttonecard:hover {
	background-image: url(/img/sorica_ecard.gif);
	}

#buttonlightbox {
	display: block;
	padding: 0;
	background: url(/img/sorica_buttongris1.gif) no-repeat 1px 0; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 26px;
	height: 96px;
	}

a#buttonlightbox:hover {
	background-image: url(/img/sorica_lightbox.gif);
	}


#button3 {
	padding: 0;
	width: 50px;
	height: 19px;
	padding-top: 6px;
	/*background-image: url(/img/sorica_ecard.gif);*/
	}

html>body #button3 {
	position:relative;
	left: 108px;
	width: 50px;
	}
	
h3#buttoneditlightbox {
	float: left;
	padding: 0;
	}

a#buttoneditlightbox {
	display: block;
	padding: 0;
	background: url(/img/sorica_editlightbox.gif) no-repeat 1px 0; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 50px;
	height: 19px;
	}

a#buttoneditlightbox:hover {
	background-image: url(/img/sorica_editlightbox_h.gif);
	}



/*  sub navigation content 	*/ 


#sitesubnav {
	margin: 20px 0;
	padding: 0;
	height: 24px;
	}

#sitesubnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#sitesubnav ul li {
	display: block;
	border-top: 1px solid #ccc;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
	}

#sitesubnav ul li a {
	text-transform: uppercase;
	background: #D8EAF0 url(/img/arrowdown.gif) no-repeat 97px 8px;	
	width: 104px;
	height: 18px;
	border-bottom: 5px solid #BDDCE6;
	border-style : solid; 
	border-width : 1px 1px 1px 0px; 
	border-color : #ffffff #bbbbbb #cccccc #cccccc;
	padding: 0 0 0 8px;
	margin: 0 0 10px 0;
	color: #222C2F;
	text-decoration: none;
	display: block;
	text-align: left;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#sitesubnav ul li a:hover {
	color: #fff;
	background: #48566C url(/img/arrowdown.gif) no-repeat 97px 10px;	
	}

#sitesubnav a:link.active, #sitesubnav a:visited.active, #sitesubnav a:hover {
	color: #000;
	background: url(/img/tab_square.gif) no-repeat bottom center;
	}

#sitesubnav a:active	{
	background: #c60;
	color: #fff;
	}	



/*  sub navigation photodetails  */ 


#photosubnav {
	margin: 10px 0 0 0;
	padding: 0;
	height: 20px;
	}

#photosubnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#photosubnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#photosubnav ul li a {
	background: #ddd;
	width: 22px;
	height: 18px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#photosubnav ul li.elejido a {
	background: #bbb;
	width: 22px;
	height: 18px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}


#photosubnav ul li a:hover {
	color: #209900;
	background: #BFEBCB;
	}

#photosubnav a:active	{
	background: #c60;
	color: #fff;
	}

	
	
/*  forms input  */ 


input, input.full { 
	color : #333333; 
	font-size : 11px; 
	font-family : Verdana; 
	background-color : #eeeeee;
	}
	
input.full { 
	width: 100%;
	}

input.ecard { 
	width: 60%;
	}

select { 
	color : black; 
	font-size : 11px; 
	font-family : Verdana; 
	background-color : #eeeeee; 
}

img.butt {
	background: #CBE3EB; 
	border: 0; 
	margin: 0;
	padding: 0; 
}



/*  freedoc content  */


.content p, .content h2, .content h3 {
	clear:both;  /* erzwingt neue zeile nach text umfluss float */
	}

.content p	{
	display: block;
	}

.content a.internal {
	padding-left: 16px;
	background:url(/img/internal.gif) no-repeat 3px 2px;
	color: #48566C;
	}

.content a.external {
	padding-left: 16px;
	background:url(/img/external.gif) no-repeat 3px 2px;
	color: #48566C;
	}



	/*  freedoc boxes  */ 

.content p.boxalert {
	display: block;
	padding: 2px 4px 2px 30px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 1px solid #e9cea7;
	background: #F5DEBD url(/freedoc/styles/doc_i_alert.gif) no-repeat 4px 3px;
	color: #5b231b;
	width: 489px;
	}
	
.content p.boxquest {
	display: block;
	padding: 2px 4px 2px 30px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 1px solid #bde9b1;
	background: #D2F4C9 url(/freedoc/styles/doc_i_quest.gif) no-repeat 4px 3px;
	color: #6b684c;
	width: 489px;
	}

.content p.box	{
	display: block;
	padding: 2px 4px 2px 8px;
	margin-top: 4px;
	margin-bottom: 8px;
	border: 1px dotted #CAD1DD;
	background: #E0E6F1;
	color: #5B626E;
	width: 489px;
	}


	/*  freedoc pre box  */ 

.content pre	{
	display: block;
	padding: 2px 4px 2px 8px;
	margin-top: 0;
	margin-bottom: 1em;
	border: 1px solid #E0E0C4;
	background: #FCFCE0; 
	color: #647083;
	font-size: xx-small; 
	font-family: monospace, "Lucida Console", monaco, monospace;
	font: 10px/1.3 monospace;
	/*font: xx-small/1.5 "Andale Mono", monaco, courier, "Courier New", monospace;*/
	width: 489px;	/* You get it. Good value for compliant browers. */	
	}


.content pre a.internal {
	padding-left: 16px;
	background: #ECECD0 url(/freedoc/styles/doc_i_link2.gif) no-repeat 0 0;
	color: #647083;
	}

.content pre a.external {
	padding-left: 16px;
	background: #ECECD0 url(/freedoc/styles/doc_i_link.gif) no-repeat 0 0;
	color: #647083;
	}
	
	
	/*  freedoc Table Variations in light blue, 100%, 80%, 60%  */
	
.tbl, .tbl1, .tbl2  { 
	background-color: #D1D2E2;
	border: solid 1px #D1D2E2; 
	}
	
.tbl td, .tbl1 td, .tbl2 td  {
	border-top: 1px solid #D1D2E2;
	border-right: 1px solid #D1D2E2;
	background-color: #EAEBF5;
	color: #647083;
	}
	
.tbl th, .tbl1 th, .tbl2 th  {
	background-color: #D1D2E2;
	color: #647083;
	}
	
.tbl1 {
	width: 80%;
	}

.tbl2 {
	width: 60%;
	}
	
	
	/*  freedoc Table Variations in light grey, 100%, 80%, 60%  */

.tbl3, .tbl4, .tbl5  { 
	background-color: #fff;
	border: solid 1px #888; 
	}
	
.tbl3 td, .tbl4 td, .tbl5 td  {
	border-top: 1px solid #aaa;
	border-right: 1px solid #ddd;
	background-color: #fff;
	color: #555;
	}
	
.tbl3 th, .tbl4 th, .tbl5 th  {
	border-right: 1px solid #ddd;
	background-color: #F3F3F3;
	color: #888;
	}

.tbl4 {
	width: 80%;
	}

.tbl5 {
	width: 60%;
	}


	/*  freedoc Table Variations transparent, 100%, 80%, 60%  */

.tbl6, .tbl7, .tbl8  { 
	background-color: transparent;
	border: 0; 
	}
	
.tbl6 td, .tbl7 td, .tbl8 td  {
	background-color: transparent;
	border: 0; 
	}
	
.tbl6 th, .tbl7 th, .tbl8 th  {
	background-color: transparent;
	border: 0; 
	}

.tbl7 {
	width: 80%;
	}

.tbl8 {
	width: 60%;
	}



/*  flag navigation  */ 


#flags {
	margin:0 0 8px 0;
	height:20px;
	}

#flags a, #flags a.select {
	border: 1px solid #88A5B7; 
	background: #B0C8D8; 
	margin: 1px 3px 1px 0;
	padding: 4px; 
	}

#flags a.select	{
	background: #59C2E4; 
	}

#flags a:hover	{
	background: #F36E60; 
	}



/*  partner navigation  */ 


.mini {
	border-top: 8px solid #00A1C0;
	}

.mini p	{
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	}

.mini h3	{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	}

.mini p a:link, .mini p a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #7B645C;
	background: transparent; 
	}
	
.mini p a:hover   {
	font-weight : bold; 
	text-decoration : none;
	color: #be540b;
	background: transparent; 
	}

.mini p a:active  {
	font-weight : bold; 
	text-decoration : underline;
	color: #f79b60;
	background: transparent; 
	}



/*  helpers  */ 


.whitespace	{
	background: #F1F6E8; 
	/*border: 1px dotted #C7E5AB;*/ 
	margin: 40px 0 10px 0;
	padding: 0 15px; 
	}

.alt {
	display: none;
	}

.clearall {
	clear:both;  /* erzwingt neue zeile nach text umfluss float */
	height: 1px;
	}

.inline {
	display: inline;
	}



/*   future using 	*/


#bannerlogoban {
	display: none;
	}

#logoban {
	display: none;
	}


.toutpanel	{
	background: #F1F6E8; 
	border: 1px dotted #C7E5AB; 
	margin: 50px 0 0 0;
	padding: 0 15px; 
	}
	
.toutpanel p	{
	margin-top: 5px;
	}


#primarycontent li {
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;     
	margin-bottom: 1em;        
    }

#primarycontent dd	{
	margin-bottom: 25px;
	}

#primarycontent dd, dt {
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;          
    }
	
#primarycontent code	{
	font-family: "Andale Mono", monaco, courier, "Courier New", monospace;
	border-bottom: 1px dotted #999;
	}

#primarycontent pre	{
	font: xx-small/1.5 "Andale Mono", monaco, courier, "Courier New", monospace;
	}