/* 

GENERAL:
SM_01: general html 				
SM_02: general typography

NAVIGATION:
SM_03: navitop	
SM_04: naviside			

CONTENT:
SM_05: content

SM_06: credits

------------------
Image sizes:
------------------
News: width 167px
Images wide: 510 x 260px
Images middle: width 240px
Square thumb: 55 x 55px
Square big: 510 x 510px

*/									

/* SM_01: general html /////////////////////////////////////////////////////////////////////////////// */

html, xhtml {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal; 
	text-align: center;		/* Zentrierung im Internet Explorer */
	color: #666666; 
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	height: 100%;
	/* height: 1500px;  */
}

a { color: #666666; font-weight: normal; text-decoration: none; }
a:link { color: #666666; font-weight: normal; text-decoration: none; }
a:visited { color: #666666; font-weight: normal; text-decoration: none; }
a:hover { color: #DC006B; font-weight: normal; text-decoration: none; }
a:active { color: #666666; font-weight: normal; text-decoration: none; }


div {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 12px;  /* xxxMr, wegen IE */		
}

span {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 16px;
	line-height: 16px;  /* xxxMr, wegen safari  */
	font-weight: bold;
	color: #DC006B; 	/* dunkel: #D9 56 70 // hell: #D9 56 70 */ 
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 14px;
	line-height: 18px;  /* xxxMr, wegen safari */	
	font-weight: bold;
	color: #DC006B;	
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 12px;
	line-height: 12px;  /* xxxMr, wegen safari */	
	font-weight: bold;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

ul {
	padding: 0;		
	margin: 0;
}

li {
	font-weight: normal;
	padding: 0;		
	margin: 0;
	line-height: 18px;
}

i {
	font-weight: bold;
} 

table {
	margin: 0;
	padding: 0;
	border-width: 0;
	border-spacing: 0;
}

thead {
	margin: 0;
	padding: 0;
}

tbody {
	margin: 0;
	padding: 0;
}

tr {
	margin: 0;
	padding: 0;
}

td {
	margin: 0;
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	font-size: 12px;  /* xxxMr, wegen IE */
}

form {
    margin: 0;
	padding: 0;
}

img { 
	border: none;
    margin: 0;
	padding: 0;	 
}

/* SM_02: general typography /////////////////////////////////////////////////////////////////////////////// */

.page {
	width: 900px;
	margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
	padding: 0;
	text-align: left;		/* Seiteninhalt wieder Links ausrichten */		
	overflow: visible;
	position: relative;
	height: 100%;
	/*  height: 1500px;  */
}

.page2 {
	width: 900px;
	margin: 0 auto;			/* standardkonforme horizontale Zentrierung */
	padding: 0;
	text-align: left;		/* Seiteninhalt wieder Links ausrichten */		
	overflow: visible;
	position: relative;
	height: 100%;
	/*  height: 1500px;  */
}


.text-read {
	line-height: 18px; 
	font-size: 12px;  /* xxxMr, wegen safari */	
}

.text-nowrap {
	white-space: nowrap;
}

.text-small {
	font-size: 10px; 
}

.text-small span { /* xxxMr, wegen safari (vererbung zu span) */	
	font-size: 10px; 
}

.text-bold {
	font-weight: bold; 
	font-size: 12px;  /* xxxMr, wegen safari (vererbung zu span) */	
}

.text-bold a { color: #666666; font-weight: bold; text-decoration: none; }
.text-bold a:link { color: #666666; font-weight: bold; text-decoration: none; }
.text-bold a:visited { color: #666666; font-weight: bold; text-decoration: none; }
.text-bold a:hover { color: #666666; font-weight: bold; text-decoration: none; }
.text-bold a:active { color: #666666; font-weight: bold; text-decoration: none; }

.floatright { 
	float: right;
}

.floatleft {
	float: left;
}

.no-display {
	display: none;	
}

.clear { 
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

/* SM_03: navitop /////////////////////////////////////////////////////////////////////////////// */

.navitop-left-concept,
.navitop-left-contact,
.navitop-left-home,
.navitop-left-gallery,
.navitop-left-who,
.navitop-left-press {
	float: left;
	width: 210px;
	height: 85px;		
}

.navitop-left-gallery {	
	background-image: url(../images/forcss/navitop-left-gallery.gif);  
	background-position: 0px bottom;	
}

.navitop-left-concept {	
	background-image: url(../images/forcss/navitop-left-gallery5.gif);  
	background-position: 0px bottom;		
}

.navitop-left-home {	
	background-image: url(../images/forcss/navitop-left-gallery3.gif);  
	background-position: 0px bottom;	
}

.navitop-left-contact {	
	background-image: url(../images/forcss/navitop-left-gallery4.gif);  
	background-position: 0px bottom;	
}

.navitop-left-press {	
}

.navitop-left-who {	
}


.navitop-langselect {
 	padding: 10px 0 0 55px;	
}

.langselect-active {
	float: left;
	padding: 0 10px 0 0;
}

.langselect-active a { color: #DC006B; font-weight: bold; text-decoration: none; }
.langselect-active a:link { color: #DC006B; font-weight: bold; text-decoration: none; }
.langselect-active a:visited { color: #DC006B; font-weight: bold; text-decoration: none; }
.langselect-active a:hover { color: #DC006B; font-weight: bold; text-decoration: none; }
.langselect-active a:active { color: #DC006B; font-weight: bold; text-decoration: none; }

.langselect-passive {
	float: left;
	padding: 0 10px 0 0;	
}

.navitop-right-concept,
.navitop-right-contact,
.navitop-right-home,
.navitop-right-gallery,
.navitop-right-who,
.navitop-right-press {
	float: left;
	width: 690px;
	height: 85px;	
	position: relative;	
	z-index: 1;	
}

.navitop-right-gallery {	
	background-image: url(../images/forcss/navitop-right-gallery.gif);  	
}

.navitop-right-concept {	
	background-image: url(../images/forcss/navitop-right-gallery5.gif);  	
}

.navitop-right-home {	
	background-image: url(../images/forcss/navitop-right-gallery3.gif);  
/*	background-position: 20px 0px;	*/	
}

.navitop-right-contact {	
}

.navitop-right-who {	
	background-image: url(../images/forcss/navitop-right-gallery2.gif);  	
}

.navitop-right-press {	
	background-image: url(../images/forcss/navitop-right-gallery7.gif);  	
}

.logo {	
	position: absolute;	
	z-index: 1;		
	top: 0px;
	left: 11px;
	font-size: 1px;
	line-height: 1px;
}

.logo img {
	width: 120px;
	height: 85px;
}

.buttonshop {
	position: absolute;	
	z-index: 2;		
	top: 35px;
	left: 20px;
	font-size: 1px;
	line-height: 1px;
}


/* SM_04: naviside /////////////////////////////////////////////////////////////////////////////// */


.naviside {
	width: 210px;
	padding: 50px 0 0 0;
	float: left;
}

.naviside-items-a {
/*	background-image: url(../images/forcss/navisite-a.gif);  */		
	padding: 0 0 20px 30px;
}

.naviside-items-b {
/*	background-image: url(../images/forcss/navisite-b.gif);  */		
	padding: 0 0 20px 30px;
}

.naviside-items-c {
/*	background-image: url(../images/forcss/navisite-c.gif); */	 	
	padding: 0 0 20px 30px;
}

.naviside-items-d {
/*	background-image: url(../images/forcss/navisite-d.gif);  */	
	padding: 0 0 20px 30px;
}

.naviside-items-e {
	padding: 0 0 20px 30px;
}

.naviside-items-f {
	padding: 0 0 20px 30px;
}

.naviside-items-social {
	padding: 0 0 20px 28px;
}

/*
.naviside-items-f img {
	margin: 5px 0 0 0;
}
*/

.naviside-level2-active {
	background-image: url(../images/forcss/navisite-level2-passive.gif);  	
}

.naviside-level2-passive {
	background-image: url(../images/forcss/navisite-level2-passive.gif);  
}

.naviside-level3-active {
	background-image: url(../images/forcss/navisite-level3-active.gif);  	
}

.naviside-level3-passive {
	background-image: url(../images/forcss/navisite-level3-passive.gif);  
}

.naviside-level1-passive,
.naviside-level2-passive,
.naviside-level3-passive {
	padding: 0 0 0 25px;
	line-height: 20px;	
}

.naviside-level1-active,
.naviside-level2-active,
.naviside-level3-active {
	padding: 0 0 0 25px;
	line-height: 20px;
}

.naviside-level1-active a { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level1-active a:link { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level1-active a:visited { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level1-active a:hover { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level1-active a:active { color: #DC006B; font-weight: bold; text-decoration: none; }

.naviside-level1-passive a { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level1-passive a:link { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level1-passive a:visited { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level1-passive a:hover { color: #DC006B; font-weight:  normal; text-decoration: none; }
.naviside-level1-passive a:active { color: #666666; font-weight: normal; text-decoration: none; }

.naviside-level2-active a { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level2-active a:link { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level2-active a:visited { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level2-active a:hover { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level2-active a:active { color: #DC006B; font-weight: bold; text-decoration: none; }

.naviside-level2-passive a { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level2-passive a:link { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level2-passive a:visited { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level2-passive a:hover { color: #DC006B; font-weight:  normal; text-decoration: none; }
.naviside-level2-passive a:active { color: #666666; font-weight: normal; text-decoration: none; }

.naviside-level3-active a { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level3-active a:link { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level3-active a:visited { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level3-active a:hover { color: #DC006B; font-weight: bold; text-decoration: none; }
.naviside-level3-active a:active { color: #DC006B; font-weight: bold; text-decoration: none; }

.naviside-level3-passive a { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level3-passive a:link { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level3-passive a:visited { color: #666666; font-weight: normal; text-decoration: none; }
.naviside-level3-passive a:hover { color: #DC006B; font-weight:  normal; text-decoration: none; }
.naviside-level3-passive a:active { color: #666666; font-weight: normal; text-decoration: none; }

/* SM_05: content /////////////////////////////////////////////////////////////////////////////// */

/* wrap content */

.wrap-content2 {
	width: 530px;
	padding: 0 0 100px 0;	
	float: left;	
}

.wrap-content2 a { color: #666666; font-weight: normal; text-decoration: underline; }
.wrap-content2 a:link { color: #666666; font-weight: normal; text-decoration: underline; }
.wrap-content2 a:visited { color: #666666; font-weight: normal; text-decoration: underline; }
.wrap-content2 a:hover { color: #DC006B; font-weight: normal; text-decoration: underline; }
.wrap-content2 a:active { color: #666666; font-weight: normal; text-decoration: underline; }
	
/* main titles */

.maintitle-right {
	position: relative; /* fuer twitter-platzierung */
	text-align: right;
	width: 510px;
	padding: 0 0 20px 0;
	float: right;		
}

.twitter {
	position: absolute;
	top: -3px;
	left: -5px;	
}

.maintitle-right h1 {
	padding: 0 0 0 20px;		
}

.maintitle-right h3 {
	padding: 0 0 4px 20px;	
	font-weight: normal;		
}

/* content unit "img/text fullwidth"  */

.content-fullwidth2 {
	width: 510px;
	float: right;
	padding: 0 0 10px 0;	
}

.content-fullwidth2 h2 {	
	padding: 0 0 4px 0;		
}	

.content-fullwidth2 p {		
	line-height: 18px; 
	font-size: 12px;  /* xxxMr, wegen safari */
	padding: 0 0 10px 0;		
}	

.content-fullwidth2 img {
	width: 510px;
	padding: 0 0 15px 0;	
}

/* content unit "img left, text right NEWS" */

.text-right2 {	
	width: 333px;
	float: right;
	padding: 0 0 20px 0;		
}		

.text-right2 h2 {	
	padding: 0 0 4px 0;			
}

.text-right2 p {	
	line-height: 18px; 
	font-size: 12px;  /* xxxMr, wegen safari */		
}		

.imgbig-left2 {
	width: 187px;
	float: left;
	text-align: right;
	padding: 0 0 25px 0;					
}	

.imgbig-left2 img {
	width: 167px;
}

/* ergaenzung "PRESS" 

.press-download a { color: #DC006B; font-weight: bold; text-decoration: underline; }
.press-download a:link { color: #DC006B; font-weight: bold; text-decoration: underline; }
.press-download a:visited { color: #DC006B; font-weight: bold; text-decoration: underline; }
.press-download a:hover { color: #DC006B; font-weight: bold; text-decoration: underline; }
.press-download a:active { color: #DC006B; font-weight: bold; text-decoration: underline; }	

*/


/* content unit "img left, text right NORMAL" */

.text-right {	
	width: 260px;
	float: right;
	padding: 0 0 10px 0;	
}

.text-right h2 {	
	padding: 0 0 4px 0;			
}

.text-right p {
	line-height: 18px; 
	font-size: 12px;  /* xxxMr, wegen safari */	
	padding: 0 0 10px 0;			
}

.imgbig-left3 {
	width: 260px;
	float: left;
	text-align: right;	
	padding: 0 0 25px 0;		
}	

.imgbig-left3 img {
	width: 240px;
}

/* conten unit "gallery with thumbs" (gallery)  */

.wrap-thumbs3 {
	text-align: right;	
	float: right;
	width: 510px;
	padding: 0 0 15px 0;	
}

.wrap-thumbs3 h2 {
	padding: 0 0 4px 0;			
}

.wrap-thumbs3 p {
	line-height: 18px; 
	font-size: 12px;  /* xxxMr, wegen safari */	
	padding: 0 0 10px 0;			
}	
	
.thumbs-right3 {
	text-align: right;
	width: 510px;
	line-height: 1px; /* xxxMr, wegen hrefs um imgs im FF */
	padding: 5px 0 10px 0;			
}	

.thumbs-right3 img {
	margin: 0 0 0 5px;
	width: 55px;
	height: 55px;
}

.bigthumb-close3 {
	padding: 0 0 10px 0;
}		

.bigthumb-right3 {
	text-align: right;
	width: 510px;
	padding: 0 0 10px 0;		
}	

.bigthumb-right3 img {
	width: 510px;
	height: 510px;		
}

/* SM_06: credits /////////////////////////////////////////////////////////////////////////////// */

.credits {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 10px 160px 10px 10px;
	font-size: 10px;
	text-align: right;
}

.credits a { color: #666666; font-weight: normal; text-decoration: underline; }
.credits a:link { color: #666666; font-weight: normal; text-decoration: underline; }
.credits a:visited { color: #666666; font-weight: normal; text-decoration: underline; }
.credits a:hover { color: #DC006B; font-weight: normal; text-decoration: underline; }
.credits a:active { color: #666666; font-weight: normal; text-decoration: underline; }