/*-----------------------------------------
 
 Version: 1.0
 
 Author: Thomas Paul
 
 Author URI: http://www.vianova.cc/
 
 -------------------------------------------*/


/*--------------------------------------------
 [Table of contents]
 
 1. reset Styles
 2. global Styles
 3. text Formating
 4. global Classes
 5. nav styles
   5.1 global
   5.2 local nav
 6. layout
 
 ------------------------------------------------*/



/*--------------------------------------*/
/* =1 Reset Style Sheet by Eric Meyer  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}/* remember to define focus styles! */:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}



/*------------------------------*/
/* =2 global styles       */
html {
    height: 100%;
}
body {
    font: 80% Arial;
    line-height: 1.4em;
    color: #444343;
    margin: 0;
    height:100%;
    background: url(../images/bg/body3500.jpg) no-repeat top center #030303;
} 


/*------------------------------*/
/* =3 text formating       */
h1 {
  color:#b50015;
  font-weight: bold;
  font-size:2em;
  margin:1em 0;
}
h2 {
    font-size:1.9em;
    font-weight:bold;
    color:#000000;
    margin:1.6em 0 1em 0;
}
h3 {
    font-size: 1.2em;
    font-weight:bold;
    color:#444343;
    margin: 0.5em 0;  
}

p, ul, ol, dl {
    margin:0 0 1.2em 0;
}
p { line-height:1.6em; }
input, textarea, label, select { font-size: 1em; }

a:link, a:visited {
    text-decoration:none;
    color: #444343;
}
a:hover, a:focus, a:active {
    color: #444343;
  text-decoration: none;
}

a:hover { text-decoration:underline; }

strong { font-weight: bold; }
italic { font-style: italic; }

#content-left ul { list-style-type:disc; margin-left:32px; }
/* #content-left div.csc-textpic-imagewrap ul { margin:0; } */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left:20px; }
#content-left table tr td p { margin:0; }
#content-left td { padding:7px; }

#content-right DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin:0; }

#content-left p,
#content-left h1,
#content-left h2,
#content-left h3,
#content-left h4,
#content-left table,
#content-left form {
	margin-left:20px;
}


#site-8 #content-left .csc-textpic-intext-left img { margin-left:20px; }



/*------------------------------*/
/* =4 global classes       */

.ir {
    position: absolute;
    top: -9999px;
    left: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}
.clear {
  clear: both;
}


/*------------------------------*/
/* =5 nav styles         */


/* =5.1 global          */


/* =5.2 main nav        */


/* =5.2 local nav        */

/* #menu p, #menu ul,  */



/* #menu li { display:inline; float:left; } */


.dropdown li.firstlevel  { height:23px; }

/* TMENU */
.firstlevel-link { float:left; display:inline; }
.dropdown li.firstlevel a.firstlevel-link { font-size:15px; text-decoration:none; color:#ffffff; font-weight:lighter; }

#submenu ul { margin:0; padding:0; }
#submenu li { list-style-type:none; margin:0; padding:0 0 5px 0; background:url(../images/submenu-seperator.jpg) no-repeat bottom; }
#submenu li.submenu-last { background:none; }

#submenu ul li a { color:#555555; font-weight:lighter; text-decoration:none; }
#submenu, #submenu a:hover { color:#004488; }

#submenu ul li li a { color:#8f9cb0; }

#submenu ul.submenu-level2 { margin-top:5px; }
#submenu .submenu-level2 a { margin:0 0 0 17px; display:block; }

#submenu .submenu-level2 .submenu2-act a { color:#004488; }
#submenu .submenu-level1 a.submenu-act { color:#004488; }

#submenu .submenu-level3 a { margin: 0 0 0 34px; font-size:0.9em; }
#submenu .submenu-level3 li { padding:0 0 2px 0; }


/*------------------------------*/
/* =6 layout           */


#page { width: 1024px; margin:0 auto; padding:0 10px; }
#page-bottom { width:100%; height:67px; border-top:1px solid #c5c5c5; margin-top:12px; }
#page-bottom-content { width:972px; font-size:0.85em; padding:0 10px; padding-left:25px; padding-top:18px; }
#page-bottom-content, #page-bottom-content a { color:#8a8a8a; }

#page-bottom-address { width:870px; float:left; display:inline; }
#page-bottom-youtube { width:100px; float:right; display:inline; padding-top:9px; }

  
#main { width:100%; height:auto !important; min-height:400px; height:400px; background: url(../images/bg/main.jpg) no-repeat top center #e6e6e6; padding-top:27px; }
#content-left { float:left; display:inline; width:716px; margin-left:25px; } 
#content-right { float:right; display:inline; width:232px; margin-right:25px; }
#content-right-box1 { }
#content-right-box2 { margin-top:20px; }

#header { height:165px; }
  
#logo { float:left; width:317px; height:95px; display:inline; margin-top:25px; margin-left:79px; }
  
#menu { float:left; display:inline; width:716px; height:23px; overflow:hidden; padding-top:20px; margin-left:25px; }

#footer { width:1024px; margin:0 auto; height:70px; background: url(../images/audio_video-ueberwachungssystem.png) no-repeat top center; }