body{
height:100%;
margin: 0;
padding: 0;
font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Lucida,Arial,Helvetica,sans-serif;
color:#666;
font-size:0.7em; 
/*text-align: center;fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
background: #f4f4f4 url(../gfx/schmuck/x.gif) top left no-repeat;
}

p {margin:0; padding:0;line-height:1.5em;}
/*html p { line-height:1.1em;}*/
strong {color:#666;}

h1 { font-size:1 em; color:#65b0cc;}
h2 { font-size:1.1em; color:#65b0cc;}
h3 { font-size:1.1em; color:#666;}
h3.blue { font-size:1.1em; color:#65b0cc;}
h3.white { font-size:1.1em; color:#fff;}

a:link { text-decoration:none; color:#65b0cc;}
a:visited {text-decoration:none; color:#65b0cc;}
a:hover { color:#65b0cc; text-decoration:none;}
a:focus { color:#65b0cc; text-decoration:none;}

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

.top {
background: transparent url(../gfx/icons/top.gif) left center no-repeat;
padding-right: 20px;
font-size:0.9em;
}
.back {
background: transparent url(../gfx/icons/back.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.extern {
background: transparent url(../gfx/icons/extern.png) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.intern {
background: transparent url(../gfx/icons/intern.png) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
a.intern-white {
background: transparent url(../gfx/icons/intern.png) left center no-repeat;
padding-left: 20px;
color:#fff;
font-size:1em;
}
.download {
background: transparent url(../gfx/icons/pdf.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.print {
background: transparent url(../gfx/print.png) left center no-repeat;
padding-left: 20px;
font-size:1em;
}


/***************************************************** servicemenue ***********************************************************/


#wrapper { width:960px; margin:auto;}


#header { width:960px; background: transparent url(../gfx/logo-iptox.png) left center no-repeat; height:120px; margin:auto;}


#servicemenue ul {padding: 0;list-style-type: none; margin: 0; font-size:0.95em; float:right;}
#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 11px 10px 0 10px;
text-align: center;}

#servicemenue ul li a {text-decoration: none; color:#666; padding: 9px 0 0 0;}
#servicemenue ul li a:hover { border-top: 4px solid #65b0cc; text-decoration: none;}
#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
text-align: center;
color:#fff;
}

#wrapper-content { width:960px; margin:auto; background-color:#fff; text-align:left; padding:0px;}

#col-1 { width:320px; float:left; background-color:#f4f4f4;}
#col-2 { width:319px; float:left; background-color:#ccc;border-left:1px solid #fff;}
#col-3 { width:319px; float:left; background-color:#65b0cc; color:#fff; border-left:1px solid #fff;}
.col-content { padding:10px; min-height:250px; }


/*********************************************** boxes left**************************************************/

#left {
	width:200px;
	float:left; 
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#65b0cc;
	border-bottom:10px solid #65b0cc;
}

#left .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px; font-weight:bold; padding-left:23px;}
#left p{ background-color:#f1efeb; padding:10px;}

/****************************** Definitionen fuer den Inhaltsbereich ***************************************/


#story{
	margin: 0px 5px 0px 200px;
	padding: 0px 30px 10px 30px;
	height: 80%;
	min-height:300px;
}

#storypopup {
	margin: 0px;
	padding: 0px 50px 0px 50px;
	min-height:300px;
	background-color:#fff;
}

#storypopup p {line-height:1.5em;}
#storypopup h1 { font-size:1.2em; color:#39c; border-left:2px solid #f60; padding-left:8px;}
#storypopup h2 { font-size:1.2em; color:#666;border: 0 none; border-bottom: 1px dotted #39c; margin:0px 0px 10px 0px; padding:0px;}
#storypopup h3 { font-size:1.2em; color:#39c; }

#storypopup img.right { float:right; margin:0 5px 5px 20px;}
#storypopup img.left { float:left; margin:0 20px 10px 0;}




#storypopup ul { list-style:none; margin-left:-40px;}
*html #story ul { margin-left:5px;}
*+html #story ul { margin-left:10px;}

#storypopup ul li {
	margin-left: 0px;
	background: transparent url(../gfx/icons/bullet.gif) left top no-repeat;
	background-position:0 4px;
	padding-left: 15px;
	text-align: left;
	line-height:1.6em;
}



#story p {line-height:1.5em;}
#story h1 { font-size:1.1em; color:#39c; border-left:2px solid #f60; padding-left:8px;}
#story h2 { font-size:1.1em; color:#666; border: 0 none; border-bottom: 1px dotted #39c; margin:0px 0px 10px 0px; padding:0px;}
#story h3 { font-size:1.1em; color:#39c; margin: 20px 0px 10px 0px;}

#story img.right { float:right; margin:0 5px 5px 20px;}
#story img.left { float:left; margin:0 20px 10px 0;}

#story ul { list-style:none; margin-left:-40px;}
*html #story ul { margin-left:5px;}
*+html #story ul { margin-left:10px;}

#story ul li {
margin-left: 0px;
background: transparent url(../gfx/icons/bullet.gif) left top no-repeat;
background-position:0 4px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}

/*
table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{border:none;border:1px solid #ccc;}
thead th, tbody th {background:#e5eaef;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody th{background: #e5eaef;border-top: 1px solid #ccc;text-align: left; font-weight:bold;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}

tbody tr.bg-blue {vertical-align:top; background-color:#f0f4f8;}

fieldset.border { border:1px solid #ccc; padding:10px;}

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

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


textarea {border:1px solid #ccc;}
select {border:1px solid #ccc; width:14em;}
*/
span.red { color:#f60; padding-left:5px; font-weight:bold; font-size:1.3em;}

/***************************************** Menue */
    
	#submenue { width:200px; margin-top:30px; margin-left:0px;float:left;}
	*html #submenue { margin-top:70px;}
	*+html #submenue { margin-top:70px;}
	
	#submenue .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px; font-weight:bold; padding-left:13px;}
	#submenue ul {
		list-style: none;
		margin:0px;
		padding: 0;
		border: none; 
	}
	#submenue ul li {
		border-bottom:1px dotted #fff; margin: 0;
		background-color:#f1efeb;		
	}
	#submenue ul li ul li {
		background-color:#f1efeb;		
	}	
	#submenue li a {
	    margin: 0; display: block; padding: 5px 2px 3px 18px; color: #596a7a; text-decoration: none; 
	    /* background: transparent url(../gfx/icons/arrow_right.gif) left center no-repeat; */
	}
	
	#submenue li a.active { padding:5px 2px 3px 15px; background-color:#e5eaef; color:#f60; border-left:3px solid #999;}
	#submenue li a:hover { padding:5px 2px 3px 15px; background-color:#e5eaef; color:#f60; border-left:3px solid #999;}   
	
	#submenue ul ul { background-color:#f1efeb;}	
	#submenue ul ul li { margin-left:20px; background-color:#f6f6f6; border-top:1px dotted #fff;}



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

.imgtext-table a img {
	border:3px solid #efefef;
}

#footer {
clear:both; 
height:100px; 
padding: 5px 0px 0px 0px;
margin:auto;
font-size:1em;
width:960px;
color:#666;
text-align:left;
border-top:1px dotted #ccc;
background: url(../gfx/logos/logos-footer.gif) top left no-repeat;
}

.traffic {
color:#666;
font-size:0.8em;
}