/* 
   ################################################################ 
   ######### copyright 2005 by creativbox.net #####################
   ### for further information go to http://www.creativbox.net ####
   ################################################################ 
*/




/*
#####################################################
Standards, Generelles
#####################################################
*/


*
{
	padding:0;
	margin:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 100.1%;
}

body
{
	color: #666;
	font-size: 11px;
	background:#E5EBF9;
}

h1,h2,h3,h4
{
	font-weight: bold;
}

h1
{
	color: #000000;
	font-size: 14px;
	padding: 0 0 10px 0;
}


h2
{
color: #0439C0;
font-size: 11px;
padding:0;
margin:0;
font-weight: bold;
}


a,a:link,a:visited,a:active
{
color:#666666;
text-decoration:underline;
}

a:hover
{
color:#0439C0;
}


hr
{
margin:10px 0 10px 0;
height:3px;
background:#E5EBF9;
border-top:1px solid #E5EBF9; 
border-right:1px solid #E5EBF9; 
border-left:1px solid #E5EBF9; 
border-bottom:2px solid #fff;
}



/*
#####################################################
Globales
#####################################################
*/

p {padding: 10px 0 10px 0;}
ul {list-style-type: none;}
option {font-weight:bold;}

img
{
margin:0;
padding:0;
border:0;
}

.clearer {clear:both;}

.error-message
{
	color:red;
}

/*
#####################################################
Container
#####################################################
*/

#container
{
width:768px;
background:url(../images/bg-3-sp.gif);
border-right:2px solid #ffffff;
}


#container-startseite
{
width:527px;
height:450px;
border:2px solid #fff;
margin:50px auto;
text-align:center;
padding:10px;
}


#container-2
{
width:768px;
height:100%;
border-right:2px solid #fff;
background:#ffffff;
background-image:url(../images/bg-2-sp.gif);
background-repeat:repeat-y;
}

#container-left
{
font-size:10px;
width:180px;
float:left;
padding:20px 0px 10px 0px;
}


#container-center
{
float:left;
width:368px;
padding:20px 10px 10px 10px;
background:#ffffff;
overflow:hidden;
}

#container-center-2
{
float:left;
width:568px;
padding:20px 10px 10px 10px;
}


#container-right
{
width:200px;
float:right;
padding:20px 0px 10px 0px;
}

#container-right label
{
	margin:0 0 5px 3px;	
	display:block;	
	width:60px;
	height:19px;
	line-height:19px;
	float:left;
}

#container-right input
{
	float:left;
	padding:0;
	margin:0 0 5px 3px;
}

/*
#####################################################
Top
#####################################################
*/


#top
{
background:#fff;
height:96px;
}


#top-logo
{
width:180px;
height:96px;
background:#E5EBF9;
float:left;
}

#top-logo img
{
	margin-left:18px;
}

#top-logo div
{
margin:auto;
width:143px;
}


#top-search
{
height:30px;
float:right;
}

#top-search input,img
{
float:left;
margin:8px 5px 5px 5px;
}

#top-search .input
{
margin-top:5px;
}


#top-navigation-bg
{
margin-top:5px;
float:right;
width:578px;
height:36px;
}


#top-navigation
{
float:right;
width:578px;
height:15px;
padding:5px;
background:#0439C0 url(../images/top_navigation_bg.gif) no-repeat 450px 0px;
}



#top-navigation li  
{
float:left;
padding:0 5px 0 5px;
background:url(../images/nav_line.gif) no-repeat right;
}
 
#top-navigation a 
{
color:#fff;
font-size:12px;
text-decoration:none;
}

#top-navigation a:hover 
{
color:#F9B24D;
}

#top-navigation img
{
	margin:0;
}

#header
{
width:768px;
height:160px;
border-bottom:1px solid #0439C0;
}

#header img
{
border:0;
margin: 0;
float:left;
width:768px;
height:100%;
}


#headline-pic
{
margin:0 0 20px 0;
height:100%;
}

#headline-pic img
{
padding:0;
margin:0;
float:none;
}

#headline-pic span
{
vertical-align:baseline;
margin-left:20px;
}

.nav-header
{
	height:17px;	
	border-bottom:2px solid #fff;
	margin-bottom:10px;
	padding:0 0 0 10px;
}

.nav-header img
{
	float:left;
	padding:0;
	margin:0;
}

.nav-header span
{
	position:relative;
	top:5px;
	display:inline-block;
	margin-left:10px;
}

.nav-header img.center
{
	float:left;
	padding:0;
	margin-left:26px;
}

/*
#####################################################
Footer
#####################################################
*/

#footer
{
background:#0439C0;
color:#fff;
height:16px;
line-height:20px;
padding-top:9px;
}

#footer li  
{
float:left;
padding:0 5px 0 5px;
background:url(../images/nav_line_footer.gif) no-repeat right;
}
 
#footer a 
{
color:#fff;
font-size:1.0em;
text-decoration:none;
}

#footer img
{
	margin:0 4px 0 4px;	
}

#footer a:hover 
{
color:#F9B24D;
text-decoration:underline;
}


/*
#####################################################
Modul Produkte rechts
#####################################################
*/


#modul-produkte-right
{
width:175px;
margin:auto;
}


#modul-produkte-right li
{
height:50px;
}


#modul-produkte-right .titel
{
float:left;
width:137px;
height:50px;
padding:0 0 0 5px;
}


#modul-produkte-right .icon
{
float:left;
width:33px;
padding:0;
margin:0;
}


#modul-produkte-right img
{
padding:0;
margin:0;
}


/*
#####################################################
Modul Sitemap
#####################################################
*/

#sitemap ul {list-style-image:url(../images/ul_style.gif);margin-left:50px;}
#sitemap li {font-weight:bold;color:#0439C0;padding:0 10px 10px 10px;}
#sitemap li.next-step {list-style-image:url(../images/ul_style2.gif);font-weight:normal;color:#666;padding:0 10px 10px 0;}


/*
#####################################################
Modul News rechts
#####################################################
*/

#container-right h1
{
color:#0439C0;
border-bottom:2px solid #fff;
margin-bottom:20px;
padding:0 0 0 30px;
font-size:16px;
}


/*
#####################################################
Modul Content News
#####################################################
*/

#news-pic
{
float:left;
width:100px;
min-height:50px;
}

#news-pic img
{
margin:0;
}

.news-text
{	
float:left;
width:448px;
padding:0 10px 0 10px;
}

.news-text h1
{
	color:#0439C0;
}

/*
#####################################################
Container Links Content
#####################################################
*/


#container-left h1
{
color:#0439C0;
border-bottom:2px solid #fff;
margin-bottom:20px;
padding:0 0 0 30px;
font-size:16px;
}

#container-left ul
{
	margin-left:35px;
	list-style-type:none;
}

#top-ten ul
{
	list-style-type:decimal;
}

#top-ten a
{
	text-decoration:none;
}

#login label
{
width:38px;
display:block;
float:left;
margin-bottom:10px;
padding-right:2px;
text-align:right;
}

#login input
{
float:left;
}

#login .txt
{
padding-left:40px;
}

#container-left option
{
color:#666;
}

#container-left select
{
padding:2px;
width:166px;
margin-left:6px;
}



/*
#####################################################
Content
#####################################################
*/



#container-center h1
{
color:#0439C0;
border-bottom:2px solid #fff;
}

#container-center h2
{
color: #000000;
padding: 8px 0 8px 0;
}

#container-center h3
{
padding: 10px 0 5px 0;
}

#container-center label
{
font-weight:bold;
}


#container-center textarea
{
width:200px;
}

#container-center input.ok
{
height:20px;
font-weight:bold;
}

#container-center input.reset
{
height:20px;
}

#container-center table
{
	border-collapse:separate;
	border:1px outset #ededed;
	empty-cells:show;
}

#container-center th
{
	padding:5px;
	font-weight:bold;
	color:#000;
	border:1px outset #ededed;
}

#container-center td
{
	padding:5px;
	border:1px outset #ededed;
}

#container-center img
{
	float:none;
}

#container-center-2 h1
{
color:#0439C0;
border-bottom:2px solid #fff;
}

#container-center-2 h2
{
color: #000000;
padding: 10px 0 5 0;
}

#container-center-2 label
{
font-weight:bold;
}


#container-center-2 textarea
{
width:200px;
}

#container-center-2 input.ok
{
height:20px;
font-weight:bold;
}

#container-center-2 input.reset
{
height:20px;
}

#container-center-2 img
{
	float:none;
}

#container-center-2 table
{
	border-collapse:separate;
	border:1px outset #ededed;
	empty-cells:show;
}

#container-center-2 th
{
	padding:5px;
	font-weight:bold;
	color:#000;
	border:1px outset #ededed;
}

#container-center-2 td
{
	padding:5px;
	border:1px outset #ededed;
}

#container-center-2 img
{
	float:none;
}

/*
#####################################################
News
#####################################################
*/


#modul-news-right li
{
	margin-bottom:15px;
}


#news-article
{
	width:100%;
	height:100%;
}

#news-article h1
{
	color:#0439C0;
}

#news-article img
{	
	float:none;
}