* {
padding:0;
margin:0;
}
.scrollContainer div.panel {
width: 220px;

height: 150px;
}

#box_linie_oben {border-top:1px solid #cccccc;padding-top:5px;margin-top:5px;}

#box_linie_unten {margin:4px 4px 4px 4px;padding:6px;background-color:#E7EAF4;color:#000000;border:1px solid #9CACDA;font-size:11px;}

#box_linie_oben_unten {border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;margin-bottom:10px; padding-bottom:10px;padding-top:5px;margin-top:10px;}

#box_rechts {width:325px; float:right; padding-left:5px; padding-right:5px;}

#box_links {width:325px; float:left; padding-left:5px; padding-right:5px;}

#box_breit {clear:right;}

#clear {clear:right;}



#footersitemap {
text-align:center;
margin: 10px auto;
width:890px;
padding-left:40px;
padding-top:10px;
padding-bottom  :0;
border: 1px dotted #cccccc;
height:290px;
}

#backlinks {
text-align:center;
margin: 5px auto;
width:890px;
padding-left:40px;
padding-bottom  :0;
}

#backlinks p {
text-align:center;
color: #81878a;
font-size:10px;
}

#backlinks a {
color: #81878a;
}

#sitemap {
text-align:left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear:both;

}	

#sitemap ul {
list-style-type: none;
float: left;
}

#sitemap ul.hardware { width: 150px; }
#sitemap ul.software { width: 155px; }
#sitemap ul.service { width: 120px; }
#sitemap ul.loesungen { width: 160px; }
#sitemap ul.datenschutz { width: 140px; }
#sitemap ul.it-sicherheit { width: 150px; }

#sitemap ul li {
	margin: 0 0 0 0;
}

#sitemap ul li.headline {
margin: 0 0 10px 0;
}

#sitemap ul li.headline a, #wrap #sitemap ul li.headline a:link { font-size: 14px; }

#sitemap ul li a, #wrap #sitemap ul li a:link { font-size: 10px; color: #81878A; font-weight: normal; text-decoration:none; }

#sitemap ul li a:hover { color: #eca541; text-decoration: none; }

#sitemap ul li a.active { color: #eca541; text-decoration: none; }





#breadcrumbs {
font-size:10px;
padding-top:5px;
}

#breadcrumbs a {
color: #eca541;
text-decoration:none;
}

#breadcrumbs a:hover {
color: #eca541;
text-decoration:underline;
}

#kontakt h5 {
margin-bottom:10px;
margin-top:5px;
}

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	background: url(../img/bg_body.jpg) repeat-x;

}



#container  {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
    } 

#spacer {

	height: 30px;

}


#topmenu      {
	height: 20px;
	width: 600px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	margin-top: 33px;
}







#header  {

	height: 100px;

	margin: 0px;

    } 

#logo {

	height: 96px;

}



#suchfeld {

	font-weight: normal;

	height: 20px;

	width: 200px;

	padding-left: 10px;

	float: right;

	margin-top: 90px;

}



#breadcrumbs {

	height: 30px;

	width: auto;

}



#mainContent  {
	padding-bottom: 20px;
	padding-top: 0px;
	float:right;
	width:670px;
} 

#bild {

	top: 0px;

	float: right;

}





#sidebar1  {

	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

	width: 200px;

	margin-bottom: 10px;
	
	
    
    }
    




#sidebar2  {

	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */

	width: 160px;

	visibility: hidden;

    }

#footer  {

	height: 30px;

	margin-right: 10px;

    } 

    .fltrt { /* Mit dieser Klasse k Ýnnen Sie ein Element auf der Seite nach rechts flie ?en lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* Mit dieser Klasse k Ýnnen Sie ein Element auf der Seite nach links flie ?en lassen. */

    	float: left;

    	margin-right: 8px;

    }

    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schlie ?en eines Containers sein, der wiederum einen vollst òndigen Float enthalten sollte. */

	clear:both;

	height:0px;

	font-size: 1px;

	line-height: 10px;

	background-color: #FFFFFF;

    }

#wrapheader {

	background-color: #FFFFFF;

}

.nachoben {

	float: right;

	margin-right: 10px;

}



#topmenu1     .start      {

border-left: 0;

}

#topmenu1     .ende      {

border-right: 0;

}

#bild {



}



#container {

	background-image: url(../img/_bg_container.gif);

	background-repeat: repeat-y;

	background-color: #FFFFFF;

	padding-left: 15px;

	padding-right: 15px;

}

#mainContent {

	background-color: #FFFFFF;

	padding-right: 0px;

	padding-left: 0px;

}



#mainContent li {

	color: #606060;

	font-size: 75%;

	list-style-type: none;

	list-style-position: outside;

	list-style-image: url(../img/li.jpg);

	margin-left: 30px;

}

#mainContent li li {

	color: #606060;

	font-size: 100%;

}



#mainContent li a {

	color: #ECA541;

	text-decoration: none;

}



#topmenu   {

	background-color: #FFFFFF;

}

#topmenu a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	padding-right: 5px;

	padding-left: 5px;

	float:right;

	text-decoration: none;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #cccccc;

}

#topmenu  a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #eca541;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #ccccccc;

	padding-right: 5px;

	padding-left: 5px;

  float:right;

	text-decoration: none;

}


#headmenu {

	background-image: url(../img/_bg_topmenu-neu.gif);

	background-repeat: repeat-x;

	height: 26px;

	clear: both;

	background-position: 30px;

border-top: 1px solid #47676d;

}

#headmenu a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #ffffff;

	padding-right: 19px;

	padding-left: 19px;
	
	padding-top: 5px;
	
	padding-bottom: 5px;

	float: left;

	text-decoration: none;
	
	

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #666666;

}

#headmenu  a:hover {
background: url(../img/_bg_topmenu_hover.jpg) repeat-x;
color:#000000;
}

#headmenu-right {
float:right;
}

#headmenu-right a {
background: url(../img/_bg_topmenu_hover.jpg) repeat-x;
color:#000000;
}

#headmenu-right a:hover {
background:none;
color:#ffffff;
}




#sidebar1 td  a {

	color: #ECA541;

}

#sidebar1 a {

	color: #ECA541;

}











#header  {

	padding-top: 0;

	padding-bottom: 0;

	background-color: #FFFFFF;

    } 

#logo {

	float: left;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;



}











#suchfeld {

	font-weight: normal;

	padding-left: 10px;

	height: 20px;

}





#output a {

	font-weight: normal;

}





#breadcrumbs {

	background-color: #FFFFFF;



}

#breadcrumbs p {

	font-size: 75%;

	color: #606060;

	text-align: left;

	margin-top: 5px;

	margin-left: 10px;

}







#sidebar1 td {

	font-size: 75%;

	color: #606060;

}



#footer {

padding-top:20px;

	background-color: #FFFFFF;

}

#footer p {

	font-size: 75%;

	color: #606060;

	text-align: left;

	padding-left: 20px;

	text-decoration: none;

}

#footer a {

	font-size: 75%;

	color: #606060;

	text-decoration: none;

}

#footer a:hover {

	font-size: 75%;

	color: #CCCCCC;

	text-decoration: none;

}







p {

	font-size: 75%;

	color: #606060;

	text-align: left;
	
	padding:5px 0 5px 0;
	
	line-height:17px;

}


.csc-textpic-caption {
font-size: 75%;

color: #606060;

text-align: left;

padding-top: 5px;

padding-right: 0pt;

padding-bottom: 5px;

padding-left: 0pt;

line-height: 17px;
}


h1,h2,h3,h4 {

	color: #606060;

	text-align: left;

	margin-top: 15px;
	
	padding-bottom:5px;

}



h1 {

	color: #606060;

	font-size: 14px;

}

h2 {

	color: #606060;

	font-size: 14px;
	margin-top: 10px;

}

h4 {

	color: #606060;

	font-size: 14px;

}



h6 {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #666666;

}

#container #mainContent li {
line-height:20px;
list-style-position: outside;
list-style-image: url(../img/li.jpg);
}

#container #mainContent .tabelle2sp {

	font-size: 12px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#container #mainContent .tabelle2sp p {

	font-size: 12px;

}







#container #mainContent a {

	color: #ECA541;

}

#container #mainContent table {

	color: #606060;

	font-size: 75%;
	
	line-height:20px;

}

#container #mainContent table p {

	font-size: 12px;

	color: #606060;
	
		line-height:20px;

}



#container #mainContent td  {

	padding: 2px 7px 2px 7px;

	;

	text-align: left;

}

.line {
	background-image: url(../img/_trenner_2.gif);
	background-repeat: repeat-x;
	margin-right: 30px;
}

.lineUnten {
	color: #606060;
	font-size: 11px;
}

.textKontakt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #606060;
}





.linie {
	background-image: url(../img/_trenner_2.gif);
	background-repeat: repeat-x;
	margin-right: 5px;
}


.gelb                            {
	font-size: 12px;
	color: #ECA541;
}

.blau {
	font-size: 12px;
	color: #003399;
}

.rot {
	font-size: 12px;
	color: #990000;
}

.grau {
	font-size: 12px;
	color: #666666;
}

.formfield {
	width: 250px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #990000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #ECA541;
	border-right-color: #ECA541;
	border-bottom-color: #ECA541;
}

.formbutton {
	border: 1px solid #ECA541;
	background-color: #FFFFFF;
}

.formfieldkunde {
	width: 80px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #990000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #ECA541;
	border-right-color: #ECA541;
	border-bottom-color: #ECA541;
}






#sidebar1 {
	padding-left:10px;
  padding-top:0;
}






/* MAILFORM */



#mailform {



}



.csc-mailform-field input {

float:right;

}



#mailformichmoechte {

margin: 3px 0 10px 20px;

}



#mailformname {

float:right;

}



#mailformanschrift {



float:right;

}



#mailformanfrage {

float:right;

}



#mailformnachricht {

float:right;

}



#mailformtv {

float:left;

margin-left:10px;

}



.csc-mailform-field {
width:430px;
}

.csc-mailform{
font-size: 75%;
color: #606060;
text-align: left;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 5px;
padding-left: 0pt;
line-height: 17px;
}



legend {

padding-left:10px;

padding-right:10px;

border: 0px;

}



fieldset {

border:0px;

padding-left:10px;

padding-right:10px;

padding-bottom:10px;

}



.radiolayout {

width:60%;

padding-top:15px;

padding-bottom:15px;

}



.formu {

width:80%;

padding-top:10px;

padding-bottom:10px;

padding-left:110px;

border: 1px solid #C0C0C0;

}



.mf-radio {

border:0px;

}



.mf-text {

color: #000000;

border: 1px solid #C0C0C0;

margin-bottom: 5px;

margin-left:30px;

}



.mf-check {

border: 0px;

}



.mf-select {

border:0px;

}



.mf-input {

border: 1px solid #C0C0C0;

margin-bottom: 5px;

margin-left:30px;

}



.mf-submit {

color: #ffffff;

float:left;

border: 0px;

margin-left:200px;

}



.csc-mailform-field {

float:left;

}



.csc-mailform-field label {

padding-top:4px;

float:left;

}



.csc-mailform-field input {

margin-top:5px;

margin-bottom:5px;

}



.csc-mailform-field textarea {

margin-top:5px;

margin-bottom:5px;

}



.csc-mailform {

	width:400px;

	padding-left:15px;

	border-left:none;

	border-bottom:none;

	border-top:none;

}





ul li a.active  {

font-weight:bold;

}



ul.menu, ul.menu ul {

    list-style-type: none;  
    padding:0;
    margin:0; 
    
}



ul.menu a {
    padding: 6px 10px 8px 10px;
    font-weight: normal;
    color:#606060;
    text-decoration:none;
    font-size:14px;
}

ul.menu li:hover {
background:#f6f6f6;
}


ul.menu li {
    margin: 0 0 0 0px;
/* background: url(../img/navibutton.gif) right no-repeat; */
width:180px;
padding: 2px 2px 5px 2px;
    /* background-color: #cccccc; */

}



/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {

    float:none;
    width:170px;
    background:none;
border-left: 1px solid #cccccc;
padding: 3px 2px 4px 10px;
margin:0;
}

ul.menu li ul. menu {
    width:170px;
    padding:0;
    margin:0;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover, ul.menu ul li:hover {

    background-color: #f6f6f6;

}

ul.menu ul li.hover, ul.menu ul li {
background-color:#ffffff;
}


#sidebar1 ul {
	list-style-type: none;
	
}



#sidebar1 ul li a {

	padding:0 0 0 0;
	color:#606060;
	font-size: 13px;
	text-decoration:none;
}



/* Zweite Ebene */

        ul.menu ul {
              margin:-19px 0 0 100px;
              padding: 0;
              position: absolute;
              background-color: #ffffff;
              display: none;
              width: 180px;
     }

     
     ul.menu ul a {
        height:12px;
        padding:0;
        padding: 3px 10px 10px 10px;
        }

        

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
               background:#ffffff;
   }

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
                  display: none;
                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -20px; /* Höhe eines Listenelements */
              background:#ffffff;


   /* Dritte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {

                display: block;

   }

/* Vierte Ebene */

     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {

                  display: none;

    }

   /* Vierte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {

               display: block;

   }
   

ul li a.active  {

font-weight:bold;

}


#call_titel {
clear:both;
float:left;
}