/* ----------------------------------------------------------------
	CSS: WEB-PRINT.de
	Version: 1.0
	Date: 4.08.2008
---------------------------------------------------------------- */

/*  Global definitions */

* { margin:0px; padding:0px; }
html { height:100%;
}


body {
	height:100%; 
	margin:0%; 
	padding:0%;
	color:#383838;
	font-size:101%;
	font-family:trebuchet MS, Verdana, Arial, SunSans-Regular, Sans-Serif;
	background:#ffffff url("../images/page-bg.jpg") 0px 0px repeat-x
}

.extern {
	padding-left:15px;
	background:transparent url("../images/ext-a.gif") 0px 3px no-repeat	
}

.intern {
	padding-left:15px;
	background:transparent url("../images/vor.gif") 0px 3px no-repeat	
}


#info {display:block:height:100%;}
#info1 {display:block:height:100%;}
#info2 {display:block:height:100%;}
#info3 {display:block:height:100%;}
#info4 {display:block:height:100%;}
#info5 {display:block:height:100%;}

#overall {
	width:970px;
	height:670px;
	margin:0px auto; 
	padding:0%;
	border:0px solid black;
	background:transparent;
}


#head {
	width:970px;
	float:left;
	height:101px;
	background:transparent url("../images/head-bg.jpg") 0px 0px no-repeat
}

#logo {
	float:left;
	border:0px solid black;
}

#logo img {
	border:0px solid black;
}

#slogan {
	float:left
}

#slogan h1 {
	padding-top:69px;
	margin:0px;
	width:304px;
	text-align:right;
	color:#f6a800;
	font-size:14px;
	float:left
}

#login-head {
	float:right;
	padding-top:69px;
	font-size:75%;
	color:#424242;
}

#navblock  {
	float:left;
	height:52px;
	border:0px solid black;
	width:970px;
	background:transparent url("../images/nav-bg.jpg") 0px 0px no-repeat	
}


#navi-left {
	float:left;
	width:513px;
	height:52px;
	background:transparent url("../images/nav-left-bg.jpg") 0px 0px no-repeat	
}

#navi-left ul li {
	list-style-type:none;

	float:left;
	font-size:75%;
}
#navi-left ul li a {
	display:block;	
	height:51px;
	margin-right:25px;
	margin-top:30px;
	color:#666666;text-decoration:none;
	border-top:5px solid white;
}

#navi-left ul li a:hover {
	color:#666666;
	text-decoration:none;
	background:transparent;
	border-top:5px solid #f6a800	
}

#navi-left ul li a.act {
	color:#666666;
	text-decoration:none;
	background:transparent;
	border-top:5px solid #f6a800	
}

#locator {
	width:203px;
	height:51px;
	float:left;
	text-align:center;
	background:transparent url("../images/nav-left-bg.jpg") top right no-repeat	
}

#locator h1 {
	margin:0px;
	padding-top:10px;
	font-size:24px;
	font-weight:bold;
	color:#424242
}

#loginbox {
	float:right;
	color:black,
	text-align:center;
	height:51px;
	border: 0px solid black;
	width:250px;
	padding-top:15px;
}


#loginbox input.username {width:110px;border:1px solid #cecece;margin-right:15px;}
#loginbox input.password {width:80px;border:1px solid #cecece;margin-right:15px;}
#loginbox a {color:#424242;text-decoration:none;font-size:11px}

#navblock2 {
	float:left;
}

#headline {
	float:left;
	width:511px;
}

#headline h1 {
		padding-left:188px;
		padding-top:15px;
		color:#f6a800;
	font-size:14px;
}

#subnav1 {
	font-size:10px;
	width:101px;
	float:left;
	background:transparent url("../images/subnav-bg.jpg") top left no-repeat	
}

#subnav1 ul {margin-top:2px;}  
#subnav1 ul li  {
	list-style-type:none;
	line-height:12px;
	padding-left:10px;
}

#subnav1 ul li  a {
	color:#666666;
	text-decoration:none
}

#subnav1 ul li  a:hover {
	color:#f6a800;
	text-decoration:none;
}

#subnav1 ul li  a.act {
	color:#f6a800;
	text-decoration:none;
}


#subnav2 {
	font-size:10px;
	width:102px;
	float:left;
	background:transparent url("../images/subnav-bg.jpg") top left no-repeat	
}

#subnav2 ul {margin-top:2px;}  
#subnav2 ul li  {
	list-style-type:none;
	line-height:12px;
	padding-left:10px;
}

#subnav2 ul li  a {
	color:#666666;
	text-decoration:none
}

#subnav2 ul li  a:hover {
	color:#f6a800;
	text-decoration:none;
}

#subnav2 ul li  a.act {
	color:#f6a800;
	text-decoration:none;
}

#subnav-kontakt {
	float:left;
	text-align:center;
}

#subnav-kontakt a {	
	padding-top:7px;
	color:#424242;
	width:93px;
	font-size:18px;
	height:35px;
	display:block;
	text-decoration:none;
	background:transparent url("../images/subnav-bg.jpg") top left no-repeat	

}

#subnav-kontakt a:hover {
	background:transparent url("../images/subnav-bg-a.jpg") top left no-repeat;
	color:#424242	
}	

#subnav-kontakt a.act {
	background:transparent url("../images/subnav-bg-a.jpg") top left no-repeat;
	color:#424242		
}	


#subnav-impressum {
	float:left;
	text-align:center;
	}

#subnav-impressum a {
	padding-top:7px;
	color:#424242;
	width:101px;
	display:block;
	text-decoration:none;
	height:35px;
	font-size:18px;
	float:left;
	background:transparent url("../images/subnav-bg.jpg") top left no-repeat	

}

#subnav-impressum a:hover {
	background:transparent url("../images/subnav-bg-a.jpg") top left no-repeat;
	color:#424242	
} 

#subnav-impressum a.act {
	background:transparent url("../images/subnav-bg-a.jpg") top left no-repeat;
	color:#424242	
} 

#subnav-agb {
	float:left;
	text-align:center;
	}

#subnav-agb a {
	padding-top:7px;
	width:62px;
	color:#424242;
	height:35px;
	display:block;
	text-decoration:none;
	font-size:18px;
	float:left;
	background:transparent url("../images/subnav-bg.jpg") top left no-repeat	

}

#subnav-agb a:hover {
	background:transparent url("../images/subnav-bg-a.jpg") top left no-repeat;	
	color:#424242		
} 

#subnav-agb a.act {
	background:transparent url("../images/subnav-bg-a.jpg") top left no-repeat;
	color:#424242		
} 


#main {
	float:left;
	width:971px;
	height:403px;
		background:transparent	
}

#content {
	font-size:75%;
	font-familiy:arial;
	width:504px;
	margin-top:30px;
	float:left;
	padding-left:188px;
	overflow:auto;
	height:350px;
	margin-right:20px;
}


#content h3 {margin:0px;margin-bottom:10px;font-size:13px;}
#content ul li {margin-left:20px;overflow:none}
#content a {text-decoration:underline;color:#383838;}
#content a.hidden {text-decoration:none;color:#383838;padding:0px;margin:0px;background:transparent}
#content a:hover {text-decoration:underline;color:#000000;}

#content .referenz {
	background:transparent url("../images/vor.gif") 0px 4px no-repeat;
	padding-left:15px;	
}
#content a.referenz {
	background:transparent url("../images/vor.gif") 0px 4px no-repeat;
	padding-left:15px;	
	text-decoration:none;
}

#content ul.referenz {
	margin:0px;
	list-style-type:none;
	display:block;
	background: #fff1d7;
	width:325px;
	padding-bottom:5px;
	padding-top:5px;
}
#content ul.referenz li {padding-left:20px;}
#content ul.referenz li a:hover {
	color:#f6a800;
}

#content ul {
	margin:0px;
	margin-left: -20px;	
	display:block;
	list-style-type:none;
}
#content ul li {	
	background:transparent url("../images/vor.gif") 0px 3px no-repeat;
	padding-left:15px;
	list-style-type:none;
}

#content ul li a {
	text-decoration:none;	
	margin-left:0px;
}

#content a.intern {
	padding-left:15px;
	background:transparent url("../images/vor.gif") 0px 3px no-repeat;
	text-decoration:none;	
}

#content a.intern:hover {
	text-decoration:underline;	
}

/* Referenzen */

#content-r {
	font-size:75%;
	font-familiy:arial;
	width:312px;
	margin-top:30px;
	float:left;
	padding-left:188px;
	overflow:auto;
	height:350px;
}

#content-r .referenz {
	background:transparent url("../images/vor.gif") 0px 4px no-repeat;
	padding-left:15px;	
}
#content-r a.referenz {
	background:transparent url("../images/vor.gif") 0px 4px no-repeat;
	padding-left:15px;	
}



#content-r h3 {margin:0px;margin-bottom:10px;}
#content-r ul li {margin-left:20px;overflow:none}
#content-r a {text-decoration:none;color:#383838;}
#content-r a:hover {text-decoration:underline;color:#000000;}


#img {
	margin-left:10px;
	float:left;width:202px;	
	margin-top:30px;
	font-size:75%;
	font-familiy:arial;
}

#img a img {border:0px;margin-left:0px;border:1px solid #b0b0b0}
#img a {text-decoration:none;color:#383838;}
#img a:hover {text-decoration:underline;color:#000000;}


#footer {
	margin-top:5px;
	float:right;
	font-size:70%;
	color:#808080;
}

#footer a {
	color:#808080;
	text-decoration:none;
}

#aktion {
	float:left;
	width:200px;
	margin-left:1px;
	font-size:100%;
	font-familiy:arial;
}

#aktion h2 {
	color:424242;
	margin:0px;
	background:#ffffff;
	height:41px;
	width:195px;
	font-size:100%;
	margin-left:0px;
	text-align:center;
	padding-top:10px;
	background:transparent url("../images/infobox-bg.jpg") 0px 0px no-repeat	
}

#aktion p {	font-size:75%;	
	margin-left:20px;
	margin-right:10px;
}

#aktion a {
	margin-left:20px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	padding-left:12px;
	font-size:75%;
	font-familiy:arial;
	background:transparent url("../images/vor.gif") 0px 5px no-repeat	
}

#aktion a:hover {
	text-decoration:underline;
	color:#f6a800;
	background:transparent url("../images/vor-a.gif") 0px 5px no-repeat	
}

#aktion img {
	border:0px;
}

#aktion a.blank {
	background: url("../images/blank.gif")  0px 0px no-repeat;
	padding-left:0px;
}

#printfooter {
	display:none
}

