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

body {
	padding-top:38px ;
	line-height:120%; font-size:12px;color:#000;background:#fff;font-family:Arial, sans-serif;
	}
body.white {background-color: #fff; color:#000}
body.black {background-color:#000; color:#fff}
.container {width:1000px;margin: 0 auto;}

.head {}
.content {}
.image, .text {height: 360px; overflow:hidden}
body.white .image {background: transparent url(img_style/dot-w.png) 0px 359px repeat-x}
body.black .image {background: transparent url(img_style/dot-b.png) 0px 359px repeat-x}

body.white .text {background: transparent url(img_style/dot-w.png) 0px 359px repeat-x}
body.black .text {background: transparent url(img_style/dot-b.png) 0px 359px repeat-x}
.text #div2 {height: 310px;   padding:10px; overflow:hidden;}
body.white .text #div2, body.white .text h1, body.white .text h2, body.white .text h3  {background-color: #000; color: #fff ! important}
body.black .text #div2, body.black .text  h1,  body.black .text h2,  body.black .text h3 {background-color: #fff; color: #000 ! important}
h1 {font-size: 14px; font-weight:bold; line-height:100%; margin-bottom: 15px}
h2 {font-size: 14px; font-weight:bold; font-style:italic; line-height:100%; margin-bottom: 15px}
h3 {font-size: 14px; font-weight:normal; font-style:italic; line-height:100%; margin-bottom: 15px}

p {margin:0 0 1.0em;}

/* slideshow play ausblenden */ 
span.rgsplay {display:none}

/* weisser abstand gepunktelte Linie */
.dots {display:block;float:left; height:35px; width:10px; overflow:hidden; }
body.white {background-color:#fff}
body.black .dots {background-color:#000}
body.white .dots {background-color:#fff}

/* Spachwahl */
.langmen {
	margin: 62px 0px 0px 10px;padding:0px;
	text-transform:uppercase; font-size:10px
}
.langmen span {display:block;float:left;height:13px;width:65px;overflow:hidden;}
.langmen span a {background: url(img_style/langmen.png) no-repeat top left; display:block;float:left;height:13px;width:60px;overflow:hidden;text-indent:-1000px}
/* de */
.sprite-de-r-s, body.black .langmen span.de a.act { background-position: 0 0; } 
.sprite-de-r-w, body.white .langmen span.de a.act { background-position: 0 -64px; } 
.sprite-de-s-w, body.white .langmen span.de a { background-position: 0 -128px; } 
.sprite-de-w-s, body.black .langmen span.de a  { background-position: 0 -192px; } 
/* en */
.sprite-en-r-s, body.black .langmen span.en a.act { background-position: 0 -256px; } 
.sprite-en-r-w, body.white .langmen span.en a.act { background-position: 0 -320px; } 
.sprite-en-s-w, body.white .langmen span.en a { background-position: 0 -384px; } 
.sprite-en-w-s, body.black .langmen span.en a { background-position: 0 -448px; } 
/* gr */
.sprite-gr-r-s, body.black .langmen span.gr a.act { background-position: 0 -512px; } 
.sprite-gr-r-w, body.white .langmen span.gr a.act { background-position: 0 -576px; } 
.sprite-gr-s-w, body.white .langmen span.gr a { background-position: 0 -640px; } 
.sprite-gr-w-s, body.black .langmen span.gr a { background-position: 0 -704px; } 

/*.langmen a:link, .langmen a:visited {text-decoration:none; padding-right: 20px}*/

/*weißer Hintergrund*/
body.black #div2 a, body.black #div2 a:visited, body.white a, body.white a:visited, body.white .langmen a:link, body.white .langmen a:visited, body.white .langmen span {color:#000; }
/*schwarzer Hintergrund */
body.white #div2 a, body.white #div2 a:visited, body.black .langmen a:link, body.black .langmen a:visited {color:#fff; }

/* Scroll Menu*/
.scrollmen { cursor: pointer; float:left; width: 15px; height: 25px; padding:0px; margin-top:4px; overflow:hidden; text-indent:-9000px;}
body.white #div1 {float: right;background: transparent url(img_style/top-w.png) left center no-repeat; padding-right: 4px}
body.white #div3 {float: right;background: transparent url(img_style/down-w.png) left center no-repeat}
body.black #div1 {float: right;background: transparent url(img_style/top-b.png) center center no-repeat; padding-right: 4px}
body.black #div3 {float: right;background: transparent url(img_style/down-b.png) center center no-repeat}


.csc-menu {list-style-type:none}
.csc-menu ul, .csc-menu {margin:0px;padding:0px}

/* Menü Container*/
/*.menues {background-position: 910px 197px; background-repeat:no-repeat; height: 220px}*/
.menues {background-position: bottom right; background-repeat:no-repeat; height: 220px}
.xia, .works {padding-top: 30px;}
body.white .xia {background: transparent url(img_style/xia-w.png) top left no-repeat}
body.black .xia {background: transparent url(img_style/xia-b.png) top left no-repeat}
body.white .works {background: transparent url(img_style/works-w.png) 10px 0px no-repeat}
body.black .works {background: transparent url(img_style/works-b.png) 10px 0px no-repeat}
.tenpx {display:block; float:left; width:10px; height:50px;}

/* Menü white + black */
.men ul {list-style:none;margin:0px; padding:0px; line-height:140%;font-size:14px;}
.men a:link, .men a:visited {text-decoration: none}
a.act {color:#932224 ! important}
.men li {width:120px}
.men ul li {float:left; }
.men ul li ul li {float:none;width:220px}
.men ul li ul li ul li { display:none; float:none; padding-left:10px;width:220px}
.men ul li ul li.open ul li {display:block;}

/* Menü Farben */
body.white .men li a:link,body.white .men li a:visited{color:#000; text-transform:uppercase}
body.black .men li a:link,body.black .men li a:visited{color:#fff; text-transform:uppercase}
body.white .men ul li ul li a:link,  body.white .men ul li ul li a:visited{color:#555; text-transform:none }
body.black .men ul li ul li a:link,  body.black .men ul li ul li a:visited{color:#b2b4b3; text-transform:none }
body.white .men ul li ul li ul li a:link,  body.white .men ul li ul li ul li a:visited{color:#858585; text-transform:none }
body.black .men ul li ul li ul li a:link,  body.black .men ul li ul li ul li a:visited{color:#858585; text-transform:none }


.men ul li ul li {float:none;}
.men ul li ul li ul li {float:none; padding-left:10px}