/* Cascading Stylesheet fuer epublisher */
/* 3pc: Jasmina Liessmann - 03.08.2010 */
/* 3pc: Stephan Betke - 18.10.2010 */

/* ------------------------------
	Allgemeines
-------------------------------*/
html {height:101%;}
body {background:#002f45 url(/pix/bg.jpg) repeat-x 0 0; color:#002f45; font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:16px; margin:0; padding:0; width:100%;}
table,tr,td,div,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; font-weight:normal; margin:0; padding:0;}
strong {font-weight:normal;}
acronym, abbr {cursor:help;}
ul {margin:8px 0 8px 14px;}
ul li {font-size:11px;}
ul.quadrat {margin:5px 0 0 21px; padding:0 0 4px 0;}
ul.quadrat li {list-style:none; background:url(/pix/listenpunkt_quadrat.gif) no-repeat 0 1px; margin:0 0 8px -12px; padding:0 0 0 24px;}
.clear {clear:both; height:0; font-size:0; line-height:0; margin:0; padding:0;}

/* ------------------------------
	Menus
-------------------------------*/
#mainmenu {margin:0; padding:0; width:978px;}
#mainmenu a:link, #mainmenu a:visited, #mainmenu a:focus, #mainmenu a:hover {background-image:url(/pix/bg_menu.png); background-repeat:no-repeat; border:0 !important; display:block; float:left; height:187px; margin:0; padding:0; text-decoration:none;}
#mainmenu a.on:link, #mainmenu a.on:visited, #mainmenu a.on:focus, #mainmenu a.on:hover {background-image:url(/pix/bg_menu.png); background-repeat:no-repeat; border:0 !important; display:block; float:left; height:187px; margin:0; padding:0; text-decoration:none;}
#mainmenu a span {position:absolute; top:-900px;}

a.pkt1:link, a.pkt1:visited {background-position:0 0; width:195px;}
a.pkt1:focus, a.pkt1:hover {background-position:0 -193px; width:195px;}
a.pkt1_on {background-position:0 -193px; width:195px;}

a.pkt2:link, a.pkt2:visited {background-position:-195px 0; width:198px;}
a.pkt2:focus, a.pkt2:hover {background-position:-195px -193px; width:198px;}
a.pkt2_on {background-position:-195px -193px; width:198px;}

a.pkt3:link, a.pkt3:visited {background-position:-393px 0; width:195px;}
a.pkt3:focus, a.pkt3:hover {background-position:-393px -193px; width:195px;}
a.pkt3_on {background-position:-393px -193px; width:195px;}

a.pkt4:link, a.pkt4:visited {background-position:-588px 0; width:195px;}
a.pkt4:focus, a.pkt4:hover {background-position:-588px -193px; width:195px;}
a.pkt4_on {background-position:-588px -193px; width:195px;}

a.pkt5:link, a.pkt5:visited {background-position:100% 0; width:195px;}
a.pkt5:focus, a.pkt5:hover {background-position:100% -193px; width:195px;}
a.pkt5_on {background-position:100% -193px; width:195px;}


/* submenu */
#submenu {float:left; margin:0 30px 0 0; padding:0; width:286px;}
#submenu .hr {background:url(/pix/bg_submenu_hr.gif) no-repeat 0 0; border:0; font-size:0; height:1px; line-height:0; margin:0; padding:0; width:286px;}
#submenu .hr hr {border:0; display:none; font-size:0; height:0; line-height:0;}

#submenu a.first:link, #submenu a.first:visited {background:url(/pix/link_first.gif) no-repeat; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; height:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
#submenu a.first:focus, #submenu a.first:hover {background:url(/pix/link_first_hover.gif) no-repeat; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; height:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
#submenu a.first_on:link, #submenu a.first_on:visited, #submenu a.first_on:focus, #submenu a.first_on:hover {background:url(/pix/link_first_hover.gif) no-repeat; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; height:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
.ie7 #submenu a.first, .ie7 #submenu a.first_on {padding:8px 15px 14px 15px;}

#submenu a.last:link, #submenu a.last:visited {background:url(/pix/link_last.gif) no-repeat; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; height:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
#submenu a.last:focus, #submenu a.last:hover {background:url(/pix/link_last_hover.gif) no-repeat; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; height:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
#submenu a.last_on:link, #submenu a.last_on:visited, #submenu a.last_on:focus, #submenu a.last_on:hover {background:url(/pix/link_last_hover.gif) no-repeat; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; height:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
.ie7 #submenu a.last, .ie7 #submenu a.last_on {padding:9px 15px 13px 15px;}

#submenu a.e1:link, #submenu a.e1:visited {background:#02384f; color:#e3eaed; zoom:1; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
#submenu a.e1:focus, #submenu a.e1:hover {background:#6597ae; color:#e3eaed; zoom:1;  display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
#submenu a.e1_on:link, #submenu a.e1_on:visited, #submenu a.e1_on:focus, #submenu a.e1_on:hover {zoom:1;  background:#6597ae; color:#e3eaed; display:block; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:13px; margin:0; padding:12px 15px 10px 15px; text-decoration:none;}
.ie7 #submenu a.e1, .ie7 #submenu a.e1_on {padding:8px 15px 9px 15px;}


/* ------------------------------
	Inhalt
-------------------------------*/
#layout {margin:0 auto; width:1074px;}
#rahmen {margin:20px 20px 128px 20px; padding:0; width:1034px;}

.ecken_oben {background:url(/pix/corners_top.png) no-repeat 100% 0; font-size:0; height:14px; line-height:0; margin:0; padding:0; width:100%;}
.ecken_unten {background:url(/pix/corners_bottom.png) no-repeat 100% 0; font-size:0; height:15px; line-height:0; margin:-1px 0 0 0; padding:0; width:100%;}

#header {margin:0; padding:21px 0 43px 0; width:100%;}

/* Inhalt */
#content {background:#e3eaed; margin:0; padding:0 26px 15px 26px; width:982px;}

.inhalt {background:#548ba3 url(/pix/bg_content_blau.jpg) repeat-x 0 0; margin:0; min-height:300px; padding:69px 0 49px 30px; width:948px;}
.inhalt_corners {background:url(/pix/bg_content_blau_corners.jpg) no-repeat 0 0; height:11px; margin:-1px 0 0 0; padding:0; width:100%;}

.inhalt .box {font-size:11px !important; margin:0 0 32px 0; padding:0;}
.inhalt .box .text {background:#e2eaed; margin:0; padding:12px 14px 20px 14px;}
.inhalt .box .text#video {margin-top:-4px;}
.inhalt .box .text#beispiele {padding-bottom:12px !important;}
.inhalt .box .text hr {color:#aecad5; border:0; border-top:#aecad5 1px solid;}
.inhalt .box .feste_hoehe {height:112px;}
.inhalt .ecken {height:2px; margin:0; padding:0; width:100%;}

.inhalt .spalte_gross {float:left; margin:0; padding:0; width:632px;}
.inhalt .spalte_gross .box {width:602px;}
.inhalt .spalte_gross .box h2 {background:url(/pix/box_gross_h2.png) no-repeat 0 0; height:15px;}
.inhalt .spalte_gross .ecken {background:url(/pix/box_gross_ecken.png) no-repeat 0 100%;}

.inhalt .spalte_klein {float:left; margin:0; padding:0; width:316px;}
.inhalt .spalte_klein .box {width:286px;}
.inhalt .spalte_klein .box h2 {background:url(/pix/box_klein_h2.png) no-repeat 0 0; height:15px;}
.inhalt .spalte_klein .ecken {background:url(/pix/box_klein_ecken.png) no-repeat 0 100%;}

.inhalt .komplette_breite {font-size:12px; margin:0 0 30px 0; padding:0; width:918px;}
.inhalt .komplette_breite h2 {background:url(/pix/box_komplett_h2.gif) no-repeat 0 0; height:15px;}
.inhalt .komplette_breite .ecken {background:url(/pix/box_komplett_ecken.gif) no-repeat 0 100%;}
.inhalt .komplette_breite .info {float:left; margin:0 18px 0 0; padding:0; width:575px;}
.inhalt .komplette_breite .screenshot {float:right; margin:0; padding:0; width:286px;}
.inhalt .komplette_breite .infospalte {float:left; margin:0; padding:0 47px 0 0; width:240px;}

/* Anordnung der Boxen als Reihe, nicht als Spalten wie sonst - div.reihe darin dann max. 3x spalte_klein */
.inhalt .reihe {float:left; margin:0; padding:0; width:948px;}
.inhalt .video {margin:0; padding:0; width:602px;}
.inhalt .intro_bild {margin:-70px 0 0 -30px;}
.inhalt .intro_text {left:-500px; position:absolute; top:-500px;}

/* Referenzen */
.beispiel {float:left; margin:0 15px 11px 0; padding:0; width:181px;}
.beispiel_last {float:left; margin:0 0 11px 0; padding:0; width:180px;}

/* Fuss */
#footer {margin:78px 0 0 0; padding:0; width:100%;}
#footer div {color:#406272; float:right; margin:0 77px 0 0; padding:35px 0 0 0;}
#footer .logo {float:right; margin:0 4px 0 0; padding:0; }
#footer a:link, #footer a:visited {color:#406272; font-weight:bold; text-decoration:none;}
#footer a:focus, #footer a:hover {color:#6597ae; font-weight:bold; text-decoration:none;}


/* ------------------------------
	Schriften
-------------------------------*/
h1 {position:absolute; top:-1000px;}
h1 a {text-decoration:none;}
h2.print {position:absolute; top:-1000px;}
h2 {color:#e3eaed; font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:20px; margin:0; padding:9px 0 4px 15px;}
  .ie7 h2 {padding-top:4px; padding-bottom:9px;}
h3 {color:#002f45; font-family:Verdana, Arial, sans-serif; font-size:11px; font-weight:bold; line-height:16px;}

span.plus {background:url(/pix/icon_plus.gif) no-repeat 0 2px; display:block; margin:0 0 5px 0; padding:0 0 0 20px;}


/* ------------------------------
	Links
-------------------------------*/
a:link, a:visited {color:#002f45; font-weight:bold; text-decoration:none;}
a:focus, a:hover {color:#6597AE; font-weight:bold; text-decoration:none;}
a.screencast {background:url(/pix/icon_screencast.gif) no-repeat; display:block; margin:10px 0; padding:2px 0 6px 30px;}

a.fliesstext:link, a.fliesstext:visited {text-decoration:none; font-weight:normal; color:#002f45;}
a.fliesstext:focus, a.fliesstext:hover {text-decoration:none; font-weight:normal; color:#002f45;}

/* ------------------------------
	Formular
-------------------------------*/
label {font-weight:normal; margin:0; padding:0;}
input {background:#a1becc; border:0; font-family:Verdana, Arial, sans-serif; font-size:11px; height:14px; margin:2px 0 11px 0; padding:3px; width:143px;}
input[type="submit"] {background:#02384f; border:0; color:#e3eaed; cursor:pointer; float:right; font-weight:bold; height:20px; margin:0 0 19px 0; padding:0 4px; width:auto;}
input[type="submit"]:hover {background:#6597ae; border:0; color:#e3eaed; cursor:pointer; float:right; font-weight:bold; height:20px; margin:0 0 19px 0; padding:0 4px; width:auto;}
textarea {background:#a1becc; border:0; font-family:Verdana, Arial, sans-serif; font-size:11px; height:199px; margin:2px 0 11px 0; padding:3px; width:371px;}
input.alarm {background:#ff6100;}
textarea.alarm {background:#ff6100;}
.formular {background:#e2eaed; margin:0; padding:17px 0 4px 14px;}
.formular .oben {margin:0 0 16px 0; padding:0; }
.formular .links {float:left; margin:0 30px 0 0; padding:0; width:150px;}
.formular .rechts {float:left; margin:0; padding:0; width:380px;}
.formular .oben p {margin:10px 25px 15px 0;}
.inhalt .oben hr {color:#aecad5; border:0; border-top:#aecad5 1px solid; margin:0 26px 10px 0;}
.fehler {color:#ff6100;}