@charset "utf-8";

* {
	margin				: 0; 
	padding				: 0;	
}
/* CSS Document */

/*  
	Theme Name: 		Crazzor
	Theme URI: 			http://www.ka-antriebstechnik.de
	Description: 
	Author: 			netzloesungen.de
	Copyright (c) www.netzloesungen.de.
*/


/* Generic
---------------------------------------------------------------------------------*/



html{
	height:100%;
	
	}

body {
	
	font-family 		: Arial, Helvetica,"Trebuchet MS", sans-serif;
	font-size			: 11px;
	line-height			: 17px;
	letter-spacing		: 0px;
	background			: #ced3d7 url(../_images/bg_main.png) repeat-x;
	color				: #333333;
	width				: 100%;
	height				: 100%;


	
}


a {
	
	outline:none;
	color: #333333;
	text-decoration:none;
}

a:hover{
	
	text-decoration:underline;
}

a:visited{
	
	
}
	

img {
	
	border:none;
	

}


input:hover, textarea:hover{
	
	background-color	: #efeff1;
	
	
}


input:focus, textarea:focus{
	
	
	background-color	: #efeff1;
	
}




/* Headlines
---------------------------------------------------------------------------------*/


h1{

	color:#3f4b56;
	margin-bottom:1em;
	font-size:1.4em;
	line-height:21px;
	
}



h2{
	
	color:#3f4b56;
	margin-bottom:0.6em;
	font-size:1.2em;
	font-weight:bold;
	line-height			: 20px;
	
}

h3{
	
	
	color:#3f4b56;
	margin-bottom:0.4em;
	font-size:1.1em;
	font-weight:bold;
}


h4{
	
	
	color:#333333;
	margin-bottom:0.4em;
	
}

p{
	
	padding-bottom:1.8em;
	
}


/* page
---------------------------------------------------------------------------------*/
#PAGE{
	
	width				: 966px;
	position			: relative;
	margin				: 0 5%;
	height:100%;

}
#STARTSITE_CONTENT{
	
	margin-top:16px;
	float:left;
	width:751px;
	
	
}


#STARTSITE_CONTENT h2{

	
	margin-bottom:0.4em;
	
	
}

#STARTSITE_CONTENT h1{

	
	margin-bottom:1.5em;
	
	
}


#WRAPPER{
	

	background-image: url(../_images/bg_left_column.png);
	background-repeat:repeat-y;
	background-position:left top;
	float:left;
	
	
	
	
}

/* Left Column
---------------------------------------------------------------------------------*/
#LEFT_COLUMN{
	
	background-image: url(../_images/bg_left_column.png);
	width: 197px;
	float:left;
	
	

}


/* Logo
---------------------------------------------------------------------------------*/
#LOGO{
	
	width: 172px;
	height: 101px;
	padding-top:8px;
	margin-left:17px;
	margin-bottom:66px;
		
	
	
}

/* Main Menu
---------------------------------------------------------------------------------*/
#MAIN_MENU{
	
	margin-left:7px;
	width:190px;
	
	
}

#MAIN_MENU ul{
	
	list-style:none;
	margin:0;
	padding:0;
	
}
#MAIN_MENU li  a{
	padding-left:20px;
	display: block;
	text-decoration:none;
}


#MAIN_MENU ul.mainmenu_nav_layer_1 ul.mainmenu_nav_layer_2 ul.mainmenu_nav_layer_3 ul.mainmenu_nav_layer_4 li {
	
	
}





#MAIN_MENU ul li.main_menu_open_item >a{
	
	
	font-weight			:bold;
	color:#565656;
	
}


#MAIN_MENU ul.mainmenu_nav_layer_1 > li.main_menu_open_item{
	background-image:url(../_images/bg_menu_layer_1_hover.png);
	background-repeat:no-repeat;
	
}

#MAIN_MENU ul.mainmenu_nav_layer_2 > li.main_menu_open_item{
	background-image:url(../_images/bg_menu_layer_2_hover.png);
	background-repeat:no-repeat;
	
	
}



ul.mainmenu_nav_layer_1 >li{
	background-image:url(../_images/bg_menu_layer_1.png);
	background-repeat:no-repeat;
	width:190px;
	margin-top: 1px;
	
}

ul.mainmenu_nav_layer_1 >li:hover{
	background-image:url(../_images/bg_menu_layer_1_hover.png);
	background-repeat:no-repeat;
	margin-bottom:1px;
	width:190px;
	
}


ul.mainmenu_nav_layer_2 >li{
	background-image:url(../_images/bg_menu_layer_2.png);
	background-repeat:repeat-y;
	width:190px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	
}

ul.mainmenu_nav_layer_2 >li:hover{
	background-image:url(../_images/bg_menu_layer_2_hover.png);
	background-repeat:no-repeat;
	width:190px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

ul.mainmenu_nav_layer_3 >li{
	background-image:url(../_images/bg_menu_layer_3.png);
	background-repeat:no-repeat;
	width:190px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	
}

ul.mainmenu_nav_layer_3 >li:hover{
	background-image:url(../_images/bg_menu_layer_3_hover.png);
	background-repeat:no-repeat;
	width:190px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}



ul.mainmenu_nav_layer_4 >li{
	background-image:url(../_images/bg_menu_layer_4_2.png);
	background-repeat:no-repeat;
	width:190px;
	border-bottom:1px solid #ffffff;
}

ul.mainmenu_nav_layer_4 >li:hover{
	background-image:url(../_images/bg_menu_layer_4_hover.png);
	background-repeat:no-repeat;
	width:190px;
}


ul.mainmenu_nav_layer_4 {
	display:none;
	
}



ul.mainmenu_nav_layer_3 li:hover ul{
	display:block;
	position: absolute;
	left: 190px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}




#MAIN_MENU ul li#MAIN_MENU_CURRENT_ITEM >a{
	
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	
}

#PAGE #WRAPPER #LEFT_COLUMN #MAIN_MENU .mainmenu_nav_layer_1 li .mainmenu_nav_layer_2 li .mainmenu_nav_layer_3 {
	position: relative;
}


/* Rigth Column
---------------------------------------------------------------------------------*/

#RIGHT_COLUMN {
	
	float:left;
	width: 769px;
	background-color:#FFF;
	padding-bottom:100px;

}

/* Top Area
---------------------------------------------------------------------------------*/
#TOP
{
	height: 60px;
	background-color:#FFF;	
	padding-top:14px;
	text-align:right;
	background-image:url(../_images/header_back.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}


/* Topmenu
---------------------------------------------------------------------------------*/
#TOP_MENU
{
	
	margin-right:20px;
	float:right;
	
	
	
	
}




ul#TOPMENU_NAV{
	
	list-style:none;
	
}


ul#TOPMENU_NAV li{
	
	
	margin-left:8px;
	padding-right:6px;
	border-right:1px solid #d6d6d9;
	height:16px;
	float:right;
	
	
}

ul#TOPMENU_NAV a{
	
	color: #727273;
	font-size:0.9em;
	text-decoration:none;
	
	
}


ul#TOPMENU_NAV li#TOPMENU_CURRENT_ITEM a{
	font-weight:bold;
}



/* Search
---------------------------------------------------------------------------------*/


#SEARCH{
	
	
	float:right;
	margin-right:18px;
	vertical-align:middle;
}


#SEARCHFIELD
{
	border:1px solid #b2bbc6;
	border-right:none;
	background-image:url(../_images/icon_lupe.gif);
	background-repeat:no-repeat;
	background-position:1px 0;
	font-size:11px;
	height:16px;
	color: #656565;
	float:left;
	padding-left: 20px;
	
	
}



#SEARCH_SUBMIT
{
	background:none;
	background-image: url(../_images/btn_search.jpg);
	background-repeat: no-repeat;
	background-position:0 0px;
	border:none;
	
	padding-right:16px;
	cursor:pointer;
	height:18px;
	float:left;
}
a.hidden     {
	display: none;
}
#PAGE #WRAPPER #RIGHT_COLUMN #MAIN #SIDE_NOTE h1 {
	font-size: 11px;
}
#MAIN_CONTENT li, #STARTSITE_CONTENT li {
	list-style-image: url(../_images/btn_breadcrumbs_forward.jpg);
	list-style-type: none;
	margin-left: 20px;
}
#mailform .csc-mailform .csc-mailform-field {
	margin-bottom: 5px;
}
#mailform .csc-mailform .csc-mailform-field #mailformformtype_mail {
	margin-left: 170px;
	background-image: url(../_images/send_btn.jpg);
	height: 27px;
	width: 82px;
	background-repeat: no-repeat;
	background-position: -1px -1px;
}

#PAGE #WRAPPER #RIGHT_COLUMN #MAIN #STARTSITE_CONTENT .layout_0.section p {
	margin-right: 35px;
}




/* Teaser
---------------------------------------------------------------------------------*/
#TEASER {
	width: 769px;
	/*height: 294px; Teaser Small*/
	margin-bottom:1.5em;
	
}

/* Breadcrumbs
---------------------------------------------------------------------------------*/
#BREADCRUMBS {
	
	margin-bottom:1.2em;
	font-size:0.8em;
	
	
	
}


#BREADCRUMBS a{
	
	
	color:#525252;
}


/* Content
---------------------------------------------------------------------------------*/
#MAIN{
		
	
	background-color:#ffffff;
	margin-left:18px;
	float:left;
	width:751px;

}


#MAIN_CONTENT{
	
	
	float:left;
	width:555px;

		
	
	
}


#MAIN_CONTENT img{
	
	
	
		
	
	
}

.startsite_col_single{
	width: 160px;
	margin-right:25px;
	float:left;
	margin-bottom:2em;
	min-height: 280px;

	
}



.col_single{
	width: 176px;
	margin-right:20px;
	float:left;
	margin-bottom:2em;
	overflow: hidden;
	
}

.col_double{
	
	width:372px;
	margin-right:20px;
	float:left;
	margin-bottom:3em;
	
}

.col_triple{
	
	width:588px;
	width:500px;
	margin-right:20px;
	margin-bottom:3em;
	
	
}




#SIDE_NOTE{
	
	width: 145px;
	float:left;
	margin-left:25px;
	
	
	
}

#SIDE_NOTE ul {
	list-style:none;
	margin:0;
	padding:0;

	
}
#SIDE_NOTE ul li{
	
	padding-left: 9px;
	background-image: url(../_images/btn_arrow_right.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	

	
}

#SIDE_NOTE ul li a{
	
	
	color:#3f4b56;
	
}






 /* Images
---------------------------------------------------------------------------------*/

img.main_cont_image{
	
	margin-top:0.5em;
	margin-bottom:0.5em;
}


img.single_square{
	
	width:165px;
	height:165px;
}


img.startsite_single_square{
	
	width:158px;
	height:158px;
}

h1 a{

	text-decoration:none;
	color:#3f4b56;
	
}



h2 a{
	
	text-decoration:none;
	color:#3f4b56;
	
	
}
/* Links
---------------------------------------------------------------------------------*/
#STARTSITE_CONTENT a, #MAIN_CONTENT a{
	
	padding-left: 9px;
	background-image: url(../_images/btn_arrow_right.jpg);
	background-repeat:no-repeat;
	background-position:left 3px;
	text-decoration:none;
	color:#3f4b56;

}
#STARTSITE_CONTENT a:hover, #MAIN_CONTENT a:hover{
	
	
	text-decoration:underline;
	
}
#STARTSITE_CONTENT div.csc-textpic-imagewrap a, #STARTSITE_CONTENT div.csc-textpic-imagewrap a:hover{
	background-image: none;
	padding: 0px;
}

p.form2
{
	padding				: 0;
	margin				: 0;
	margin-bottom		:1.1em;
	
}



.star{

	color: #650a03;
	font-size:0.8em;
}


.errormessage
{

	border				: 1px solid #970000;
	padding				: 5px;
	font-weight			: normal;
	padding-left		: 20px;
	display				: block;
	margin-bottom		: 2.5em;
	color				: #970000;
	width: 408px;

}

.errormessage ul{

	list-style			: inside;
	font-weight			: normal;
	color				: #970000;
	

}

.errormessage ul li{

	padding-left		: 20px;

}




/* Utils
---------------------------------------------------------------------------------*/
.section{
	clear:both;
	
	
}





.selection_list{

		
		width			: 263px;
		font-size		: 12px;
		color			: #333333;
		border			: 1px solid #b2bbc6;
		
		
}

.select_container{

		
	
		/*border			: 1px solid #b2bbc6;*/
		
		
}

.hint
{
		font-size		:.8em;
		color			: #5c5d63;
}
#mailform label{
	float				: left;
	width				: 150px;
	margin-right		: 20px;
	text-align			: right;
	display: inline;
	padding-top: 2px;
}
#mailform input   
   
   
{
	border:1px solid #b2bbc6;
	font-size			: 11px;
	padding: 4px;
}
#mailformsubmit  {
	margin			: 0;
	padding			: 0;
	height			: 28px;
	border			: none;
	font-size		: 12px;
	cursor			: pointer;
	outline			: none;
	color			: #1c3042;
	margin-top: 20px;
	width: 83px;
	margin-left: 170px;
	background-image: url(../_images/send_btn.jpg);
	background-position: -1px -1px;
		
	
		
}
#mailform {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mailform fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





#CONTACT_FORM #MESSAGE{

	height				: 160px;
	padding-top			: 1px;
	font-size			: 1em;
}

#CONTACT_FORM_ANRUF input{
	
		padding:0;
		margin:0;
		border:1px solid #ff0000;
		width:0px;
	
}





 /* Main Contentarea
---------------------------------------------------------------------------------*/

 
/* Footer
---------------------------------------------------------------------------------*/
#FOOTER{
	width:959px;
	padding-top:10px;
	background-color:#c6cbcf;
	background-image:url(../_images/bg_footer.png);
	background-repeat:repeat-y;
	display: block;
	float: right;
	
	
	
	
}

#FOOTER ul{
	
	float:right;
	list-style:none;
	margin-right:22px;
	
}


#FOOTER li{
	
	float:left;
	margin-left:15px;
	padding-left:6px;
	
	height:40px;
	
	
}
#mailform textarea {
	border:1px solid #b2bbc6;
	font-size			: 11px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
}
#TEASER h1 {
	display: none;
}
#MAIN_CONTENT div.csc-textpic-imagewrap a, #MAIN_CONTENT div.csc-textpic-imagewrap a:hover {
	background-image: none;
	padding: 0px;
}
.rgsnest     {
	display: none;
}