/* Basisformate */

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;margin-top:5px;}
ul {margin-top: 0}
a, a:visited, a:active {color: #FD511F; text-decoration: none}
a:hover {color: #FF0000; text-decoration: underline}

/* Seitenformat based on http://www.cssplay.co.uk/layouts/body2.html from the best CSS-Creator Web-Wide: Stu Nicholls .. Thank you AGAIN! */

html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
font-size:100.01%; 
/* font-family: "Times New Roman", "Garamond", "Times", "Palantino", "Palantino Linotype", "Georgia"; */
font-family: "Verdana", "Tahoma", "Trebuchet MS", "Arial", "Sans-Serif";
background:#FBCF9F url('ArohaTotal.jpg') no-repeat 0 0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden;  }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0px none;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:210px; position:relative; z-index:3;}
#head {position:fixed; margin:0; top:0; right:16px; display:block; width:100%; height:100px; background:#FF975C url('ArohaCutTop.jpg') 16px 0 ; z-index:5; color:#FFFFFF}
#foot {position:fixed; margin:0; bottom:-1px; right:16px; display:block; width:100%; height:50px; background:#000000; color:#FFFFFF; text-align:right; font-size:1em; z-index:3}

#left {background-position: 0 100px; position:fixed; left:0; top:0; height:100%; width:200px; max-width:200px; ; font-size:1em; color:#FFFFFF;z-index:4; background-image:url('ArohaCutLeft.jpg'); background-repeat:no-repeat; background-attachment:fixed}

#pad1 {display:block; width:18px; height:100px; float:left;}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:136px;}

#content p {padding:5px;}

.bold {font-size:1.2em; font-weight:bold;}

.wordsleft, .csc-frame-frame1 {border-left:1px solid #BFBFBF; border-right:1px solid #808080; border-top:1px solid #BFBFBF; border-bottom:1px solid #808080; float:left; top:100px; left:150px; width:150px;  background:#FFFFCC; margin:5px; padding:5px; color:#800201; font-size:76%}
.wordsright, .csc-frame-frame2 {border-left:1px solid #BFBFBF; border-right:1px solid #808080; border-top:1px solid #BFBFBF; border-bottom:1px solid #808080; float:right; top:100px; right:150px;  width:150px; background:#FFFFCC; margin:5px; padding:5px; color:#800201; font-size:76%}
html>body  .csc-frame-indent {left:40%; margin-left:-355px;}

/* End of body2-Basics ############################  */

#content {filter: alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8;background:#000; color: #FFF }

/* Schlagschatten der H1-Titletags ##################  */
#head h1 {position: absolute; left: 110px; top: 18px; color: #000; font-size: 36px; font-weight: bold; margin:0; font-family: Times New Roman; text-transform: uppercase;}
#head h1.shad {left: 111px; top: 19px; color: #DF0000;}

/* Menue links - `a list apart´-based ############################ */

#button { width: 180px; margin:10px; font-size:80%}
#button ul {list-style: none; margin: 0; padding: 0; border: none;}
#button li a { display: block; text-decoration: none; width: 100%; padding-left:1px; padding-right:1px; padding-top:1px; padding-bottom:2px; color: #FFFFFF;font-weight:bold; margin-top:3px; margin-bottom:3px }

.sub2, .sub2act {padding-left: 10px ; }
.sub3, .sub3act {padding-left: 20px ;}
.sub4, .sub4act {padding-left: 30px ;}

html>body #button li a {width: auto;}

#button li.sub1act a, #button li.sub2act a, #button li.sub3act a, #button li.sub4act a {background-color: #C22C07; color: #000000}
#button li a:hover { background-color: #FF9C5E; color: #000000}
#button li.sub1act a:hover, #button li.sub2act a:hover, #button li.sub3act a:hover, #button li.sub4act a:hover  {background-color: #C22C07;}

/* Sitepath im footer ############################  */
#path { color:#000; font-size:76%; font-weight:bold; height:14px; float:right; text-align:right; position:absolute; top:65px; right:35px; z-index:6;}
#path a, #path a :visited {color: #000; text-decoration: none}
#path a:hover {color:#000; text-decoration:underline; }

/* wichtiges im header ############################  */
.wichtiges { font-size:80%; float:right; text-align:right; position:absolute; top:5px; right:35px; z-index:6; font-weight:bold; }
.wichtiges a, .wichtiges a:visited {color:#000; text-decoration:none; }
.wichtiges a:hover {color:#000; text-decoration:underline; }

/* WICHTICH ############################  */

span.important {background-position: right top; font-family: Times New Roman; text-transform: uppercase; font-weight: bold; padding-right:10; background-image:url('tm.gif'); background-repeat:no-repeat; background-attachment:fixed}
span.important:after {content:url(tm.gif);} 

/* Filmstreifen ############################ */
.csc-frame-invisible { float:right; border: 1px solid #111; margin-left: 4px; margin-right: 4px; 
               background-color: #000000; background-image:url('filmseite08.gif'); width:220px; max-width:220px;}
.csc-frame-invisible .csc-textpic-imagewrap { border-style:solid; border-width:0; padding:0; margin:19px;  }
.csc-frame-invisible .csc-textpic-imagewrap dl {border-top:20px solid #000000; border-bottom:20px solid #000000; margin-top: 20px; margin-bottom: 20px}
.csc-frame-indent3366 {margin-left: 50px; margin-top: 130px}
.csc-frame-indent3366 h1 {margin-left: 7px;}

/* Formularfelder ########################## */

input, textarea, select {border-left:1px solid #C0C0C0; border-right:1px solid #808080; border-top:1px solid #808080; border-bottom:1px solid #C0C0C0; width:350px; color:#FFFFFF; background-color:#000000; font-family: "Verdana", "Tahoma", "Trebuchet MS", "Arial", "Sans-Serif"; font-size:80%; font-weight:bold; margin-bottom:8px}
input.csc-mailform-submit {border-left:1px solid #FF8A5F; border-right:1px solid #9F2A00; border-top:1px solid #FF8A5F; border-bottom:1px solid #9F2A00; background-color: #808080}
input.csc-mailform-check, input.csc-mailform-radio {border-style:solid; border-width:0; padding:0; width:auto}
option {color: #FFFFFF; background-color: #000000}
option:hover {color: #FFFFFF; background-color: #C22C07}
.csc-mailform-radio fieldset {border-style:solid; border-width:0; margin:0; padding:0; }
.csc-mailform-radio fieldset legend {display:none}
span.csc-mailform-radio label {vertical-align: text-bottom}
span.csc-mailform-radio input {vertical-align: middle}

 
/* Typo- Formate ############################ */

.contenttable {margin: 20px; margin-top:5px;}
.contenttable td {font-size: 92%; margin: 5px;padding: 3px;}

.contenttable-0 tr.tr-odd{color: #FFFFFF; background-color: #666666; font-weight:bold;}
.contenttable-0 tr.tr-even{color: #FFFFFF; background-color: #666666; font-weight:bold;}
.contenttable-0 tr.tr-0{color: #FFFFFF; background-color: #666666; font-weight:bold;}
.contenttable-0 tr.tr-last{color: #fff; background-color: #666666; font-weight:bold;}
.contenttable-0 td.td-0 {width:180px; text-align:center;}
.contenttable-0 td.td-1 {width:180px; text-align:center;}
.contenttable-0 td.td-2 {width:240px; text-align:center;}
.contenttable-0 td {}

.contenttable-1 tr.tr-odd{color: #FFFFFF; background-color: #333333;}
.contenttable-1 tr.tr-even{color: #FFFFFF; background-color: #808080;}
.contenttable-1 tr.tr-0{color: #FFFFFF; background-color: #666666; font-weight:bold}
.contenttable-1 tr.tr-last{color: #fff; background-color: #666666;}
.contenttable-1 td { }

table.contenttable-2 td {
	min-width: 200px;
}
.contenttable-2 tr.tr-odd{color: #fff; background-color: rgba(118,12,1,0.5);} 
.contenttable-2 tr.tr-even{color: #fff; background-color: rgba(209,73,1,0.5);} 
.contenttable-2 tr.tr-0{color: #fff; background-color: rgba(166,21,2,0.5); font-weight:bold;} 
.contenttable-2 tr.tr-last{color: #fff; background-color: rgba(209,30,4,0.51);} 
.contenttable-2 td { } 
 
.contenttable-3 tr.tr-odd{color: #fff; background-color: #333;} 
.contenttable-3 tr.tr-even{color: #fff; background-color: #9F2A00; } 
.contenttable-3 tr.tr-0{color: #fff; background-color: #9F2A00; font-weight:bold}
.contenttable-3 tr.tr-last{color: #fff; background-color: #333; font-weight:bold;} 
.contenttable-3 td.td-0 {width:180px; text-align:center;}
.contenttable-3 td.td-1 {width:180px; text-align:center;}
.contenttable-3 td.td-2 {width:240px; text-align:center;
	background-color: #fff;
}
.contenttable-3 td { } 

dd.csc-textpic-caption {color: #FFFFFF; font-size: 80pt}


/* ende */