/* Content und Sidebar-Elemente */

BODY {
        margin: 0px;
        padding: 0px;
        background : #202020 url(../images/pback.gif) repeat-x;
        color: #AAAAAA;
}

#content h1, #right h1 {
        font-size: 200%;
        font-weight : normal;
        margin: 0px 0px 5px 0px;
        padding: 5px 0px 2px 0px;
        color: #EFEFEF;
        font-variant : small-caps;
        border-bottom: 1px solid #555555;
}

#content h2, #sidebar h2, #right h2  {
        font-size: 100%;
        font-weight : bold;
        margin: 0px;
        color: #EFEFEF;
        letter-spacing : 1px;
}

#content h2, #right h2 {
        padding: 10px 0px 2px 0px;
        text-transform : uppercase;
}

#sidebar h2 {
        padding: 2px 0px 2px 0px;
        text-transform : uppercase;
}

#content h3, #right h3 {
        font-size: 100%;
        font-weight: bold;
        margin: 0px;
        padding: 2px 0px 2px 0px;
        text-transform : uppercase;
}

#content p, #sidebar p, #right p {
        margin: 0px;
        padding: 2px 0px 2px 0px;
        line-height: 180%;
}

#content a, #sidebar a, #right a {
        text-decoration: none;
        font-weight : bold;
        color: #ED7F0F;
        font-style : italic;
}

#content a.internal-link, #right a.internal-link, #content a.download, #right a.download {
        border-bottom: 1px solid #555555;
}

#content a:hover, #sidebar a:hover, #right a:hover {
        color: #ffffff;
}

#content .sidepicture {
        float: right;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 0px 10px;
        width: 160px;
}

#content .clearer, #right .clearer {
        clear: both;
}

#more p {
        margin: 0px;
        padding: 0px 0px 8px 0px;
        text-align: right;
        line-height: 100%;
}

#more a {
        padding: 2px 0px 2px 14px;
        background : url(../images/pbull.gif) no-repeat;
}

.pictureframe  {
        padding: 1px;
        border : 1px solid #000000;
        background-color: #888888;
}

#copyright {
    padding-top: 50px;
}


/* Liste */

#content ul, #sidebar ul {
        list-style: none;
        padding: 0px;
        margin: 6px 0px 6px 10px;
}

#content li, #sidebar li {
        padding: 2px 0px 2px 16px;
        background: url(../images/pbull.gif) no-repeat top left;
}

/* Tabelle */

#content table.cells {
        border: 1px solid #aaaaaa;
}

#content td.cell {
        background-color: #000000;
}

#content td.headercell {
        background-color: #000000;
        color: #ED7F0F;
        font-weight: bold;
}

/* Teaser */

div.teaserelement {
        float: left;
        padding: 0px 20px 0px 0px;
        margin: 0px;
}

div.teaser {
        margin: 0px;
        padding: 2px 0px 2px 0px;
}

div.teaserpicture {
        float: right;
        margin: 5px 0px 10px 10px;
        padding: 1px;
        border : 1px solid #000000;
        background-color: #888888;
}

p.teasertext {
        margin: 0px;
        padding: 4px 0px 4px 0px;
}

.teasernav {
        clear: both;
        padding: 6px 0px 2px 0px;
        margin: 0px;
        text-align: center;
}

/* Absatztype Formular */

input.box {
        border : 1px solid #888888;
        width: 300px;
        vertical-align: top;
        padding: 1px;
        margin: 0px 0px 10px 0px;
        background : #ffffff url(../images/pfade.gif) repeat-x;
}

form.formular textarea  {
        background : #ffffff url(../images/pfade.gif) repeat-x;
        border : 1px solid #888888;
        width: 300px;
        height: 200px;
        vertical-align: top;
        padding: 1px;
        margin: 0px 0px 10px 0px;
}

form.formular .formcaption {
        width: 220px;
        line-height: 200%;
        float: left;
        clear: left;
}

form.formular .formnote {
        line-height: 160%;
        padding: 2px 0px 10px 222px !important;
}

.buttoncaption {
        line-height: 200%;
}

form.loginform fieldset {
        padding:30px 0 30px 0;
        border : 0px solid #888888;
}

form.loginform .login_input label {
        width: 100px;
        line-height: 200%;
        float: left;
        clear: left;
}

form.loginform .login_input input {
        border : 1px solid #888888;
        width: 150px;
        vertical-align: top;
        padding: 1px;
        margin: 0px 0px 10px 0px;
        background : #ffffff url(../images/pfade.gif) repeat-x;
}

form.loginform .login_button input {
        width: 80px;
        padding: 1px;
        margin: 10px 0px 10px 100px;
}



/* Plugin-Styles */

P.s2d  {
        font-size: 180%;
        color: #ED7F0F;
        font-weight : bold;
        margin: 0px;
        padding: 2px 0px 2px 0px;
        line-height: 200%;
}

P.s2dsmall  {
        font-size: 80%;
}

a.s2dsmall, a.s2dinfo  {
        border-bottom: 1px solid #555555 !important;
}



/* CONTENT */
#content {
        /* width: 530px; */
        width: 710px;
        padding: 0px;
        margin:0px;
        position: absolute;
        top: 60px;
        left: 260px;
        z-index: 0;
}

#right {
        width: 180px;
        padding: 0px 0px 0px 20px;
        margin:0px;
        position: absolute;
        top: 150px;
        left: 790px;
        z-index: 0;
}

#sidebar {
        position: absolute;
        top: 150px;
        left: 830px;
        width: 160px;
        padding: 0px;
        border-bottom: 1px solid #555555;
}

#logo {
        width: 700px;
        height: 40px;
        padding: 0px;
        margin: 0px;
        position: absolute;
        top: 20px;
        left: 260px;
        font-size: 280%;
        font-variant : small-caps;
        color: #EFEFEF;
}

#plaintext {
        position: absolute;
        top: 55px;
        left: 820px;
}

#plaintext a {
        color: #888888;
        text-decoration: none;
}


#eyecatcher {
        top: 20px;
        left: 20px;
        width: 200px;
        height: 500px;
        padding: 1px;
        border : 1px solid #000000;
        background: #888888 url(../images/s2dlogo.jpg) no-repeat 1px 1px;
        position: absolute;
        z-index: 5;
}

#eyecatcher ul {
         padding:0;
         margin:120px 0px 0px 20px;
         list-style: none;
}

#eyecatcher li {
         margin:5px 0px 5px 0px;
}

#eyecatcher a {
        color: #BBBBBB;
        display: block;
        text-decoration: none;
        padding: 2px 0px 2px 25px;
        background : url(../images/ec_arrow.gif) no-repeat 0px 3px;
        font-weight: bold;
}

#eyecatcher a:hover {
        color: #ED7F0F;
}



#language {
        top: 450px;
        left: 40px;
        width: 100px;
        height: 50px;
        padding: 0px;
        position: absolute;
        z-index: 5;
}

#language a {
        color: #BBBBBB;
        display: block;
        text-decoration: none;
        margin:2px 0px 2px 25px;
        padding: 0px;
        background : transparent;
        font-weight: bold;
        float:left;
}

#language img {
        border: 1px solid #fff;
}

#common {
        top: 540px;
        left: 20px;
        width: 204px;
        position: absolute;
}

#common ul {
        padding:0;
        margin:0;
        list-style: none;
        padding-bottom: 20px;
        border-bottom: 1px solid #555555;
}

#common a {
        color: #ED7F0F;
        display: block;
        text-decoration: none;
        padding: 4px 0px 4px 15px;
        background : url(../images/pbull.gif) no-repeat 0px 3px;
        font-weight: bold;
        font-style: italic;
}

#common a:hover {
        color: #ffffff;
}

#common .fbutton a {
	background: #fff;
	margin-top: 10px;
	padding: 2px;
	width: 110px;
}

#common .left_space {
        height:50px;
}


/* Menu */

a.menuButton, a.menuButtonActive  {
        display: block;
        float: left;
        height: 17px;
        color: #BBBBBB;
        text-decoration: none;
        padding: 5px 6px 5px 6px;
        border-right: 1px solid #000000;
}

.menu {
        background: #0B0C0B url(../images/pmenu.gif) repeat-x top left;
        border: 1px solid #000000;
        padding: 0px;
        position: absolute;
        text-align: left;
        visibility: hidden;
        left:0px;
        top:0px;
        z-index: 10;
}

a.menuItem, a.menuItemActive {
        color: #BBBBBB;
        background-color: transparent;
        display: block;
        padding: 6px 16px 6px 16px;
        text-decoration: none;
        white-space: nowrap;
}

a.menuButtonActive, a.menuButton:hover {
  background-color: #000000;
  color: #ED7F0F;
}

a.menuItem:hover, a.menuItemActive {
  background-color: #000000;
  color: #ED7F0F;
}

form.search {
        padding: 0px;
        position: absolute;
        top: 20px;
        left: 820px;
}

form.search input {
        margin: 0px;
        vertical-align : middle;
}

input.search {
        border: #888888 1px solid;
        background : #ffffff url(../images/pfade.gif) repeat-x;
        width: 126px;
        padding: 2px;
        margin: 0;
}



/* SLIDESHOW */
#header {
         width:710px;
         height:250px;
}

#slideshow {
        position:relative;
        width:710px;
        height:250px;
        margin: 10px auto;
        overflow:hidden;
        border:1px solid #8399A7;
}


/* Dynamischer Div */
#fadedivholder
{
        position:absolute;
        visibility:hidden;
        padding:0px;
        background-color:#fff;
}
.slidepic {
        position:relative;
        width:710px;
        height:250px;
}
.slidebackground {
        position:relative;
        top:215px;
        left:430px;
        width:280px;
        height:30px;
        padding-top:5px;
        text-align:center;
        color:#ED7F0F;
        font-weight: bold;
        font-size:1.5em;
        background:url('../images/slideshow-background.png') 0 0 no-repeat;
}
.slidepic01 {
        background:url('../images/slideshow-verglasung-01.jpg') 0 0 no-repeat;
}
.slidepic02 {
        background:url('../images/slideshow-verglasung-02.jpg') 0 0 no-repeat;
}
.slidepic03 {
        background:url('../images/slideshow-verglasung-03.jpg') 0 0 no-repeat;
}
.slidepic04 {
        background:url('../images/slideshow-verglasung-04.jpg') 0 0 no-repeat;
}
.slidepic05 {
        background:url('../images/slideshow-verglasung-05.jpg') 0 0 no-repeat;
}
.slidepic06 {
        background:url('../images/slideshow-verglasung-06.jpg') 0 0 no-repeat;
}
.slidepic07 {
        background:url('../images/slideshow-verglasung-07.jpg') 0 0 no-repeat;
}




/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* common styling */
#menu {top: 25px; left: 260px; width:720px; height:100px; position:relative; font-size:11px; z-index:100;}
#menu ul li a, #menu ul li a:visited {display:block; text-decoration:none; text-align:center; color:#BBBBBB; padding: 5px 6px 5px 6px; border-right: 1px solid #000000; background:transparent; font-size:12px; height:20px; overflow:hidden;}
#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

/* specific to non IE browsers */
#menu ul li:hover a {background:#000; color: #ED7F0F; display:block;}
#menu ul li.menu-level1-active a {background:#000; color: #ED7F0F; font-weight: bold; display:block;}
#menu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:150px;}
#menu ul li:hover ul li a.hide {background:#000; color:#fff;height:20px; font-weight: normal;}
#menu ul li:hover ul li:hover a.hide {background:#000; color:#fff;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block; background: #0B0C0B url(../images/pmenu.gif) repeat-x top left; border: 0px solid #000000; color:#BBBBBB; width:149px; text-align:left; font-weight: normal; }
#menu ul li:hover ul li a:hover {background:#000; color:#ED7F0F;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:162px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-162px;}


/* MAIL */
.maillink>ins:before {content: "@"; text-decoration: none}
.maillink del {text-decoration: none}
.maillink>del {display: none}
*:first-child+html .maillink>del {display:inline}  /* Workaround fuer IE 7 */
/* MAIL - END */



/* FCE */
.subcolumns{clear:both;padding:20px 0 20px 0;}

/* FCE Subtemplate 50% */
.c50l{float:left;width:49%;padding:20px 1% 0 0;}
.c50r{float:left;width:49%;padding:20px 0 0 1%;}

/* FCE Subtemplate 33% */
.c33l{float:left;width:33%;margin:0px;}
.c33r{float:right;width:33%;margin:0px;}

/* FCE Subtemplate 66% */
.c66l{float:left;width:66%;margin:0px;}
.c66r{float:right;width:66%;margin:0px;}


/* NEWS */
.news-latest-item {
         margin:0px 0px 20px 0px;
}
.news-list-item {
         width:45%;
         float:left;
         margin:40px 20px 40px 0px;
         color: #ED7F0F;
}


/* ###########################
** ### cssstyledcontent ######
** ###########################
*/
/* deleted in setup and copied to here, to make it easier to edit */
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */

dd.csc-textpic-caption {height:40px;padding-bottom:30px;margin:0px;}

DIV.csc-textpic-caption-c .csc-textpic-caption {text-align:center;}
DIV.csc-textpic-caption-r .csc-textpic-caption {text-align:right;}
DIV.csc-textpic-caption-l .csc-textpic-caption {text-align:left;}
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {float:left; display:inline;}
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {border: 1px solid #888888; padding:0px 0px;}
DIV.csc-textpic-imagewrap {padding:0;}
DIV.csc-textpic IMG {border:none;}
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {float:left;}
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {list-style:none; margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {float:left; margin:0; padding:0;}
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {float:left;margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {float:none;margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {float:none;margin:0; padding:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {border:none;margin:0; padding:0;} /* FE-Editing Icons */
DL.csc-textpic-image {margin:0;}
DL.csc-textpic-image DT {margin:0; display:inline;}
DL.csc-textpic-image DD {margin: 0;}
/* Clearer */
DIV.csc-textpic-clear {clear:both;width:100%;position:relative;}
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
        display:inline; /* IE fix for double-margin bug */
        margin-right:20px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
        display:inline; /* IE fix for double-margin bug */
        margin-left:0px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
        display:inline; /* IE fix for double-margin bug */
        margin-left:0px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {margin:0;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {margin:0;}
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {margin-bottom:5px;}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {margin-bottom:5px; display:block;}
DIV.csc-textpic DIV.csc-textpic-imagerow {clear: both;}
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {margin-left:0px !important;}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {margin-right:0px !important;}
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
        margin-right:20px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
        margin-left:20px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {clear:both;}
/* Center (above or below) */
DIV.csc-textpic-center {text-align:center; /* IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0 auto;}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {text-align:left; /* Remove IE-hack */}
DIV.csc-textpic-center DIV.csc-textpic-text {text-align:left; /* Remove IE-hack */}
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {float:right;}
DIV.csc-textpic-right DIV.csc-textpic-text {clear:right;}
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {float:left;}
DIV.csc-textpic-left DIV.csc-textpic-text {clear:left;}
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {float:left;}
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {float:right;}
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {float:right; clear:none;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {float:left; clear:both;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {height:1%;}
/* End hide from IE5/mac */



HTML, BODY, TD, INPUT, SELECT {
        font-family : Tahoma, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

.hidden {
        display:none;}
		
		
.mail>ins:before {content: "@"; text-decoration: none}
.mail del {text-decoration: none}
.mail>del {display: none}
*:first-child+html .mail>del {display:inline}  /* Workaround fuer IE 7 */





/* Tabellenformatierungen */
    .table {
	display: 			table;   
	width: 				100%; 
	border-spacing: 		0; 
	border: 			none;  
    }

    .table-inline {
	display: 			inline-table;
	width: 				100%; 
	border-spacing: 		0; 
	border: 			none; 
	background: 			none;
    }

    .tbody {
	display: 			table-row-group;   
    }

    /* Kopfzeile einer Tabelle */
    .thead {
	display: 			table-header-group;
    }

    /* Fusszeile einer Tabelle */
    .tfoot {
	display: 			table-footer-group;
    }

    .tr {
	display: 			table-row; 
    }

    .th, .td {
	display: 			table-cell;    
	vertical-align: 		middle;
    }

    /* Tabellenueberschrift */
    .caption {
	display: 			table-caption;
    }
	
	.table-margin {
		border-spacing: 0; 
		margin:			0 0 10px 0;
	}
	.table-wrap {
		padding:		0px 10px 0 0;
	}


	
    /* Spaltenbreiten */
    .cell-10 { 
	width: 				10%; 
    }
    .cell-15 { 
	width: 				15%; 
    }
    .cell-20 { 
	width: 				20%; 
    }
    .cell-25 { 
    	width: 				25%; 
    }
    .cell-33 { 
	width: 				33.3%; 
    }
    .cell-40 { 
	width: 				40%; 
    }
    .cell-49 { 
	width: 				49%; 
    }
    .cell-50 { 
    	width: 				50%; 
    }
    .cell-60 { 
	width: 				60%; 
    }
    .cell-66 { 
	width: 				66.6%; 
    }
    .cell-70 { 
	width: 				70%; 
    }
    .cell-80 { 
	width: 				80%; 
    }	
    .cell-90 { 
	width: 				90%; 
    }	
	.cell-100 { 
	width: 				100%; 
    }
	
	.cell-icleft {
	width: 				524px;
	vertical-align : 	top;
	}
	.cell-icright {
	width: 				156px; 
	vertical-align : 	top;
	}