/* CSS Document */

html { height:100%;}

body{
height:100%;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:0.75em; 
font-weight:normal;
}

p {margin:0; padding:0}
strong {color:#666}

h1 { font-size:1.2em; color:#61abb6;}
h2 { font-size:1em; color:#61abb6;}
h3 { font-size:1em; color:#5e813d; }

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px}


/***************************************************** mainboxes ***********************************************************/


#wrapper { 
height:550px;
width:900px;
margin:auto;
background-color:#fff; 
margin-top:20px;
}

#border { border:1px dotted #ccc; width:900px; border-bottom:none}
*html #border { border:0.1em dotted #ccc; width:900px; border-bottom:none}

/*Definition fr die Navigation oben*/ 
#servicemenue { height:30px; margin:auto; width:900px;}

#servicemenue ul {padding: 0;list-style-type: none; float:right; margin-top:5px; font-size:0.9em}

#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #504533;
text-align: center}

#servicemenue ul li a { color: #666}
#servicemenue ul li a:hover {text-decoration: underline}

#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #504533;
text-align: center
}

#header-start {height:130px; width:900px; background-image:url(images/header/start.jpg); background-repeat:no-repeat; border-bottom:1px solid #fff; }
#header-sicherheit {height:130px; width:900px; background-image:url(images/header/sicherheit.jpg); background-repeat:no-repeat; border-bottom:1px solid #fff; }
#header-schulungen {height:130px; width:900px; background-image:url(images/header/schulungen.jpg); background-repeat:no-repeat; border-bottom:1px solid #fff; }
#header-netzwerke {height:130px; width:900px; background-image:url(images/header/netzwerke.jpg); background-repeat:no-repeat; border-bottom:1px solid #fff; }
#header-support {height:130px; width:900px; background-image:url(images/header/support.jpg); background-repeat:no-repeat; border-bottom:1px solid #fff; }


/*********************************************** boxes left*******************************************************/
#left-container {
width:180px;
margin:0px 0 0 0px;
padding:0;
float:left;
border-top:1px dotted #ccc;
}

/********************** linkes menue ***************************/

#menue-left { 
	width:180px; 
	float:left; 
	margin-top:60px;
	text-align:left
}

#menue-left ul { 
	list-style:none; 
	margin:0; 
	padding:0 0 0 10px; 	
}

#menue-left li a { 
	color:#666; 
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	text-decoration:none; font-size:0.9em
}

#menue-left li a:hover { color:#f60}
#menue-left ul li {	padding:3px 0px 3px 0px}
#menue-left ul ul li {	margin-left:14px}

#menue-left ul li a.active { color:#f60}

/******************************** Definitionen fr den Inhalt ***************************************/

#content { padding:0 30px 0 30px; margin:0px 0px 0px 180px; border-left:1px dotted #ccc; border-top:1px dotted #ccc; font-size:0.9em}
*html #content { padding:0 30px 0 30px; margin:0px;float:left;}

#content p {line-height:1.5em; text-align:justify}
*html #content p { line-height:1.7em; text-align:justify}

#content h1, h2, h3 {text-align:left;}

#content a:link { text-decoration:none; color:#f60;}
#content a:visited {text-decoration:none; color:#f60;}
#content a:hover { color:#f60; text-decoration:none;}
#content a:focus { color:#f60; text-decoration:none;}


#content img.right { float:right; margin:0 10px 5px 0;}
#content img.left { float:left; margin:0px 15px 30px 0;}
*html #content img.left { float:left; margin:0px 15px 40px 0;}

.anschrift-abstand {width:60px; margin-right:0px; float:left;}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
font-size:0.9em;
}
.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:0.9em;
}
.print {
background-image: url(images/icon_print.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}


#content ul { list-style:none; margin-left:-20px;}
*html #content ul { margin-left:5px;}

#content ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.8em;
}

/***************auszeichnungen formulare********************/

#form fieldset { border:none; padding:10px;}
#form legend {color:#c00; font-weight:bold;}
#form label{width:5em; margin:3px 10px 0px 0px; float:left; text-align:right;}
#form input {border:1px solid #ccc; width:14em;}
#form input.plz { width:6em;}
#form input.button {border:1px solid #ccc; width:8em; font-size:0.9em; color:#666;}
#form input.button-red {border:1px solid #c00; width:8em; font-size:0.9em; color:#c00;}

#form fieldset.input-left input { width:5em; border:none;}


#form textarea {border:1px solid #ccc;}
#form select {border:1px solid #ccc; width:14em;}

#form span.red { color:#c00; padding-left:5px; font-weight:bold; }


/******************************************************** news ****************************************************/

#news {
	width:160px;
	margin:50px -30px 0px 30px;
	padding:5px;
	background-color:#fff;
	border:1px solid #ccc;		
	float:right;
	border-right:none	
}
*html #news { width:160px; margin:60px -15px 0px 30px;}

#news h2 { background-color:#b2dae3; color:#666; padding:3px;}
#news p { text-align:left;}

#news a:link { text-decoration:none; color:#f60;}
#news a:visited {text-decoration:none; color:#f60;}
#news a:hover { color:#f60; text-decoration:none;}
#news a:focus { color:#f60; text-decoration:none;}

/******************************************************** footer ****************************************************/

#footer {
font-size:0.8em;
clear:both; 
height:40px; 
margin-top:10px; 
text-align:center; 
padding-top:5px; 
width:100%; 
margin:auto;
border-top:1px solid #a0dbe4;
}