/* ISWEB - Stylesheet */

body, a, td, th, p, h1, h2, h3, div, input, textarea, select, label, form {
   font:14px/1.6 "Trebuchet MS", Helvetica, Arial, sans-serif;
   color:#101011; }


body{ text-align: left; margin:0; padding:0; background:#d8e1eb; border:0; cursor:default; }
div#bodyframe { margin:0; }
    

form { text-align:left; width:auto; margin:0; padding:0px; background-color:white; }
input, textarea, select { padding:1px 1px 1px 1px; } 

/* Für transparenten, dunklen Hintergrund */
div#transparent { z-index:100; display:none; 
    position:fixed; left:0px; top:0px; width:100%; 
    padding:0; margin:0; border:0;  
    text-align:center;
    background:transparent url('/images/transparent.png' ) repeat; }

/* Eingabefelder, Label, Abstandstrenner in Eingabemasken */
.field { border:1px solid #a0a0a0; background-color:white; padding:2px 2px 3px 2px; width:250px }
select.field { border:1px solid #a0a0a0; background-color:white; height:25px; width:250px }

label { width:120px; float:left; margin-top:2px; margin-left:2px; margin-right:2px;}
span.label2 { position:relative; top:4px; vertical-align:top;  }
div.fieldSeparator { height:10px }

/* Überschriften und Links als Überschriften*/
h1, h2, h3 { color:#16222e; padding:0px 0px 5px 0px; margin:0;  }
h1 {font-size:23px; font-weight:700; line-height:1.4; margin-bottom:10px; padding:0;  }
h2 {font-size:14px; font-weight:700; line-height:1.4; }
h3 {font-size:13px; font-weight:700; }

p { margin:10px 0 0 0; }

hr { height:1px; background-color:transparent; border:0; margin:25px 0; }

a:link, a:active, a:visited
  { font-weight:700; padding:0; margin:0; color:#303030; background-color:transparent; text-decoration:none }
a:hover { text-decoration:underline; cursor:pointer }

a.pfeil { background:url('/images/content/read3.png' ) no-repeat; 
    font-size:14px;
    font-weight:700; 
    color:#101011; 
    padding:4px 0 5px 32px; }

/* Table allgemein */
table {	border:0px; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0; }
tr    {	border:0px; margin:0px; padding:0px; }
td    {	vertical-align:top; border:0; margin:0; padding:0; }


/* Der Rahmen um den Content; werden in einer Tabelle mit 
    3 Rows und je
    5 Colums; bzw 3 Columns  bei der 1-spaltigen Darstellung 
   abgebildet 
   Hinweis: Die Breite des Sidbars ist defaultmäßig bei 340px.
   Das gilt bei einer Auflösung bis 1024   
*/
div.contentouterframe { border:0; border-top:1px solid black; border-bottom:1px solid darkgray; padding:0; margin:0; background:white url('/images/bg_content.png' ) repeat-x;  }
tr.borderTop { height:30px; }
tr.borderMiddle { height:auto; }
tr.borderBottom { height:30px; }

td.borderTopLeft {   width:20px;  }
td.borderTopMiddle, td.borderTopMiddle2 { width:auto;  }
td.borderTopMiddle2 { width:30%; }
td.borderTopRight {   width:25px;   }
td.borderTopSeparator {  width:25px;  }

td.borderMiddleLeft {   width:20px;   }
td.borderMiddleMiddle { background-color:white; width:auto; }
td.borderMiddleRight {   width:25px;   }

td.borderBottomLeft {   width:20px;   }
td.borderBottomMiddle, td.borderBottomMiddle2 { width:auto;  }
td.borderBottomMiddle2 { width:30%; }
td.borderBottomRight {   width:25px;   }
td.borderBottomSeparator {  width:25px;  }

/* Table MainContent */
table#main { width:100%; table-layout:fixed; }
td#mainLeft, td#mainRight, td#mainSeparator  { border:0; padding:0; }
td#mainLeft   { width:auto;  padding-left:10px;  }
td#mainRight  { width:30%;   }
td#mainSeparator { width:20px;  }


/* Rahmen fue�r den Content (outerFrame, left and right Frame) */
div#content { margin:0; padding:0; background:transparent; }
div#contentLeft, div#contentRight  { 
    padding:0; 
    background:transparent; }



/* Header, Footers, Logo, Title */
img.contentTitle { 
    overflow:hidden;
    background-color:white;
    border:0; 
    padding:0; 
    margin:0;  }
    
div.contentTitleSlogan { position:absolute; top:120px; left:35%; 
    color:white;
    font-weight:700;
    padding:0; margin:0;  }


img.design { width:450px; height:330px;  border:1px solid silver; padding:7px;  }
img.designSmall { display:inline; width:75px; height:55px;  border:1px solid silver; padding:7px;  }



.marker { font-size:13px; line-height:1.5; font-weight:700; background-color:#dceaf1; border-color:#aab9c1;  }
span.marker, div.marker { color:#101011; padding:0 4px; border:1px solid #aab9c1; }
div.marker { margin-bottom:3px; }

h1.marker { position:relative; font-size:120%; font-weight:700; color:#101011; 
    text-transform:none; 
    height:33px; margin:2px -2px 10px -2px; padding:4px 0 0 7px; }

img.content { float:right; background-color:white; border:1px solid silver; padding:2px; margin:0 0 0 10px; }

div.frame, div.frameTitlePic  
        { border:0; 
          padding:0; 
          margin:0 0 25px 0;
          clear:both;
          float:none;
        }

div.contentblock, div.contentblock2 { 
    border:0; 
    padding:15px 20px 0px 0; 
    margin:0; 
     }

div.contentblock b, div.contentblock strong { font-weight:bold; color:#303030; }


ul {padding:0 0 0 20px; margin:0; }
li { list-style-type:disc; border:0; background-color:transparent; padding:0 0 7px 20px; margin:0; }
li.left { list-style-type:disc; border:0; background-color:transparent; padding:2px 0; margin:0; }

div.auflistung { background:url('/images/content/read3.png') no-repeat; border:0; 
    background-color:transparent; 
    padding:0 0 0 35px; 
    margin:5px 0px 5px 0px; }

div.spruch { font-size:26px; background-color:transparent; text-align:center; margin:10px; }

img.star { z-index:1000; float:right; border:0; padding:0; width:79px; height:79px;  }
img.star:hover { cursor:pointer }


/* Button mit table gebildet */
table.button { display:inline; margin:5px 7px 2px 0; background-color:transparent; border:0; border-collapse:collapse; border-spacing:0px; } 
table.button td { height:66px; width:10px; border:0; padding:0; vertical-align:middle; background:transparent url(/images/button.png) no-repeat; } 
table.button td.left { background-position:left; } 
table.button td.middle { background-position:top center; width:auto; padding:0 10px; font-size:15px; line-height:1.2; font-weight:bold; color:#16222e; text-align:center; } 
table.button td.right { background-position:right; } 
table.button td.middle:hover { color:black;cursor:pointer; background-image:url(/images/buttonactive.png); } 



/* Rahmen für Bilder, der Rahmen benötigt 40px (mit innerem DIV und MARGIN) */
table.picframe { float:left; table-layout:fixed; margin:0 12px 0 0; background-color:transparent; border:0; border-collapse:collapse; border-spacing:0px; } 
table.picframe td { z-index:5; position:relative; border:0; padding:0; vertical-align:top; background-color:transparent; } 

td.picframetl { height:33px; width:33px; background:transparent url(/images/PicFrame/frame.png) top left no-repeat; } 
td.picframet  { height:33px; min-width:100px; background:transparent url(/images/PicFrame/frameh.png) top    repeat-x; } 
td.picframetr { height:33px; width:33px; background:transparent url(/images/PicFrame/frame.png) top right no-repeat; } 

td.picframel  { height:auto; width:33px; background:transparent url(/images/PicFrame/framev.png) left   repeat-y; }  
td.picframer  { height:auto; width:33px; background:transparent url(/images/PicFrame/framev.png) right  repeat-y; } 

td.picframebl { height:33px; width:33px; background:transparent url(/images/PicFrame/frame.png) bottom left no-repeat; } 
td.picframeb  { height:33px; min-width:100px; background:transparent url(/images/PicFrame/frameh.png) bottom  repeat-x; text-align:center; color:white; } 
td.picframebr { height:33px; width:33px; background:transparent url(/images/PicFrame/frame.png) bottom right no-repeat; } 

div.picframex { z-index:-1; position:relative; margin:-19px; width:100%; height:100%; border:0; background:transparent; padding:0; }


/* Besonderheit beim screenshot: das Bild kann mit margin-angaben relativ verschoben werden*/
div.screenshot { width:290px; border:0; height:280px; margin:0; padding:0; overflow:hidden; }
img.smallpic:hover { cursor:pointer; }
/* Für Artikel-Bilder */
img.picartikel { width:290px; border:0; padding:0; margin:0;  }
/* Für die kleinen Boxen mit aktuellen Meldungen */
div.aktuellesout { float:left; width:260px; border:0; padding:0; margin:0 0 15px 0; }
div.aktuellesin { width:210px; height:280px; border:0; margin:0; padding:0 4px 4px 10px; 
    font-size:13px; line-height:1.4; background:white; 
    overflow:hidden; 
	}
div.aktuellesin a { font-weight:bold; font-size:16px; line-height:1.4; padding:0; margin:0; color:#101011; white-space:nowrap; overflow:hidden; }
div.aktuellesin font { font-size:12px;font-weight:400; color:#101011; }
div.aktuellesin img { float:left; margin:0 10px 0 0; border:1px solid silver; background-color:#FAFAFA; padding:3px; max-width:100px; }
div.aktuellesin p { padding:0 0 15px 0; }




/* Fuer iscrm screenshots */
div#bigpicframe {
	z-index:150; 
	display:none; 
	position:absolute; 
	padding:0 20px 20px 20px; margin:0 0 0 30px; 
	border:15px solid #1e2e3c; 
	background:white; 
	}
	
div#bigpicframe p#bigpictitle { min-height:30px; color:#202020; 
    font-size:20px; font-weight:700;  
    padding:5px 0 0 0; margin:0; border:0; }

div#bigpicframe a#bigpicclose    { 
    position:absolute; right:-22px; top:-22px; width:35px; height:35px; 
    background:transparent url('/images/close.png' ) no-repeat; 
    }

div#bigpicframe img { 
	border:1px solid #264e73; 
	padding:0; 
    }
div#bigpicframe img:hover { cursor:pointer; }




/* Grosse buttons  */
div.button1 { 
    border:1px solid #393d3f; 
    background:#9fabb2; 
    margin:0; 
    margin-top:10px; 
    margin-bottom:10px; }

div.button2 { 
    border:1px solid white; 
    background:transparent; 
    padding:10px 10px 10px 60px; }

div.button2:hover { background:#29394b; } 

div.button3 { text-align:left; min-height:40px;
    border:0; 
    background:transparent;
    padding:0; 
    margin:0; }
div.button3 a:link, div.button3 a:active, div.button3 a:visited { font-weight:bold; text-decoration:none;color:white;font-size:16px;line-height:1.2; }
div.button3 img  { max-width:45px;  border:1px solid transparent; margin:0px 0px 0px -50px; padding:0; float:left; }
div.button3 table.td  { color:white; }


/* Buttons links und Infobox zum einblenden  */
div.buttonleft { position:absolute; width:25px; height:101px; left:0px; top:200px; background:transparent url(/images/button_left.png) top right no-repeat; }
div.infobox { z-index:150; display:none; position:absolute; width:350px; left:0px; top:200px;}
div.infoboxtitle {height:30px; background:transparent url(/images/infobox_header.png) top no-repeat;}
div.infoboxtitle span { color:white; font-weight:bold; font-size:15px; line-height:2.0; padding:0 0 0 13px; }
div.infoboxtitle img { float:right; }
div.infobox1 { background:silver; color:black; border:3px solid #26333d; padding:10px; line-height:1.4; }



/* Sidebar Frame und Blocks */
div.sidebarframe { 
    border:1px solid #aab9c1; 
	border-right-width:2px; 
	border-bottom-width:2px; 

    background:#ccd9e0; 
    margin:0; 
    margin-top:10px; 
    margin-bottom:10px; }

div.sidebarinner { 
    border:2px solid white; 
    background:transparent; 
    padding:10px 10px 10px 65px; }

div.sidebarframe:hover, div.sidebarframe:hover { background:#dceaf1; } 

div.sidebarblock, div.sidebarblock2 { min-height:70px; 
    border:0; 
    background:transparent url(/images/bg_sidebartop.png) no-repeat; 
    padding:0; 
    margin:0; }


div.sidebarblock  {  padding:0;  } 
div.sidebarblock   p { vertical-align:top; margin-bottom:20px }
div.sidebarblock   a:link, div.sidebarblock a:active, div.sidebarblock a:visited { font-weight:bold; }
div.sidebarblock   b { font-weight:bold; }
div.sidebarblock   strong { font-weight:bold; }
div.sidebarblock   h1, div.sidebarblock h2 { font-weight:400; font-size:21px; line-height:1.2; color:#274b6d; border:0; padding:5px 0 3px 0; margin:0px;   }
div.sidebarblock   h2 { font-weight:400; font-size:17px; padding-bottom:7px; border:0; }
div.sidebarblock   img  { max-width:45px;  border:1px solid transparent; margin:0px 0px 0px -55px; padding:0; float:left; }
div.sidebarblock   img:hover { cursor:pointer; border:1px solid #00adef;  }


/* Module */
h3.modul { padding:0 0 5px 22px; font-size:14px; font-weight:700; line-height:1.2; background:transparent url(/images/checkbox2.png) no-repeat; }


table.kosten   { width:100%; border:0; table-layout:fixed; margin:0 0 0 0; padding:0; }
table.kosten td { 
    font-weight:700;
    padding:4px 10px; 
    background-color:#e6f3ff; 
    border-top:1px solid silver;
    border-bottom:1px solid silver;
    }


div.reason { 
    background:url('/images/content/read2.png' ) no-repeat; 
    padding-top:0; padding-left:60px;
    margin-bottom:10px;
    }
div.reason h1 { font-weight:700; margin:0; padding:0; }


div.footer { 
    color:#dedede; 
    background-color:transparent;
    margin:20px 30px 30px 30px; 
    padding:0;
    }
td.footer { font-size:13px; color:#404040;  width:32%; vertical-align:top; border:0px; margin:0px; padding:0; }
td.footer a:link, td.footer a:active, td.footer a:visited { color:#303030; font-size:13px;  }