/*
Theme Name: 1stQuality
Theme URI: http://www.1stquality.nl/
Description: Special designed for 1stQuality.nl
Version: 1.0
Author: Ralph Hackenitz
Author URI: http://www.1stquality.nl/
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* Begin Typography & Colors */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

body {
        background: #FFF url(images/blue2.gif) top center repeat-x;
		background: #FFF url(images/side_background.gif) top center repeat-x;
        color: #000;
        font-size: 12px;
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        margin: 5px 0px 0px 0px;
	background-attachment:fixed;
}

a, a:visited{
        color: #0066cc;
        text-decoration: none;
		font-weight:bold;
        }

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

img{
        border:none;
}

div#container {
        text-align: left;
		position:relative; /* needed for footer positioning*/
		margin:0 auto -92px; /* center, not in IE5 */
        width: 900px;
		height:auto !important; /* real browsers */
		height:100%; /* IE6: treaded as min-height*/
		min-height:100%; /* real browsers */
        }

/* SEARCH */

.search{
float: right;
}

.search input{
font-size: 12px;
color:#666;
}
.search form{
}

#searchform input{

	}
	
#content .inputfield{
		border:1px solid #333;;
		color:#333;
		margin: 0 5px 0 5px;
		padding: 0 5px 0 5px;
		height:25px;
		width:150px;
		background-image:url('image s/input-bg.gif');
		background-repeat:no-repeat;
}
	
.support{
text-align:center;
padding-bottom: 10px;
}

/* HEADER */

#header {
        padding: 0px 0px 0px 0px;
        text-align: center;
        }

#header h2 {
        color: #FFF;
        font-size: 30px;
        font-family: Georgia, Times New Roman, Sans-Serif;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0px;
        }

#header h2 a {
        color: #0066CC;
        text-decoration: none;
        }

#header h2 a:hover {
        color: #FFF;
        text-decoration: none;
        }

#header h3 {
        font-size: 10px;
        font-family: Georgia, Times New Roman, Sans-Serif;
        font-weight: bold;
        text-transform: uppercase;
        text-indent: 10px;
        margin: 0px;
        }

h3{
font-size:14px;
        text-transform: uppercase;
        background-color:#2a76c1;
        line-height: 25px;
        padding: 0 0 0 5px;
        color:#FFF;
}

h3 a:visited{
        color:#FFF;
        text-decoration:none;
}
h3 a{
        color:#FFF;
}
h3 a:hover{
        color:#000;
        text-decoration:none;
}
/*
*********************************************************8
#menu {
        padding: 45px 0px 30px 0px;
        text-align: left;
        }
#menu h2 {
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        color: #cccccc;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        }

#menu li {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        }

#menu ul {
        margin: 0px;
        padding: 0 0 0 4px;;
        }

#menu ul li a {
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        font-weight: bold;
        color: #000;
        padding: 0px 5px 0px 5px;
        margin: 0px;
        text-decoration: none;


        }

#menu ul a:hover {
        color: #cccccc;
        background: #000;
        text-decoration: none;
        height: 30px;
        }

#menu li a:hover {
        color: #cccccc;
        background: #000;
        text-decoration: none;
        }
**************************************************************
*/
#content{
        color:#001a4b;
        font-size: 12px;
        width: 630px;
        float: left;
        min-height: 400px;
        list-style-image:none;
        background: #FFF url(images/side_background.gif) top center repeat-x;
        }

#content li {
        list-style-image: url(images/bullet.png);
        margin-left: 50px;
        padding: 0px;
        }

#content ul {
        margin: 0px;
		margin-bottom: 10px;
        padding: 0 0 0 4px;;
        }
#content p{
        margin: 0px;
        line-height: 18px;
        padding: 10px 0px 15px 0px;
        }

#content p img{
        border: none;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 0px;
        }
#content p img a{
        border: none;
        margin-right: 5px;
        margin-bottom: 5px;
        padding: 0px;
        }
#content h1 {
        border-bottom:2px solid #2a76c1;
        color:#333333;
        font-family:Verdana,Helvetica,Arial,Sans-Serif;
        font-size:14px;
        font-weight:bold;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        margin:0;
		margin-bottom: 10px;
        padding: 0px 50px 5px 0px;
}


#content h1 a  {
        color: #0066cc;
        text-decoration: none;
        }

#content h1 a:hover {
        color: #000;
        text-decoration: underline;
        }

#content h2 {
        color: #0066cc;
        font-size: 18px;
		font-weight:bolder;
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        margin: 0px;
        line-height: 150%;
        }
#content h2 a  {
        color: #0066cc;
        text-decoration: none;
        }

#content h2 a:hover {
        color: #000;
        text-decoration: underline;
        }
		
.borderless {
	border:0;
	} 

blockquote{
		background:url(images/open_quote.png);
		background-position: top left;
		background-repeat:no-repeat;
        margin: 0px 0px 0px 25px;
        padding: 20px 25px 0px 20px;
        font-style: italic;
        color: #666;
        }

#content blockquote p{
        margin: 0px 0px 20px 0px;
        padding-top: 30px;
		font-size: 10px;
		text-indent: 25px;
		display:inline;
		padding-right: 25px;
		background:url(images/open_quote_back.png);
		background-position:bottom right;
		background-repeat: no-repeat;
        }
		
.post-it{
	color: #0066cc;
	font-weight:bold;
	font-size:27px;
	font-style:italic;
	border: 0px;
	height:220px;
	width:192px;
	text-align:center;
	background-image:url('http://www.1stquality.nl/wp-content/themes/1stQuality/images/postit_home-2.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-position:bottom;
	}
.post-it td:hover{
	text-decoration:blink;
	}
.post-it a{
	font-style:italic;
	height:220px;
	width:192px;
	}
	
.post-it a:hover{
	text-decoration:none;
	}

.post-it sub{
	font-weight:normal;
	display:block;
	color:#900;
	font-size:12px;
	padding-top: 5px;
	}

.hosting td{
	padding:5px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;

	}
.hosting img{
	vertical-align:top;
	}


.postspace {
        background: #FFF;
        width: 440px;
        height: 32px;
        margin: 0px;
        padding: 0px;
        }
.postspace2 {
        background: #FFF;
        width: 440px;
        height: 0px;
        margin: 0px;
        padding: 0px;
        }


#sidebar {
        width: 220px;
        background: #FFF url(images/side_background.gif) top center repeat-x;
        float: right;
        min-height: 400px;
        }

#sidebar h2{
        color: #333333;
        font-size: 14px;
        font-family: Verdana, Helvetica, Arial, Sans-Serif;
        font-weight: bold;
        list-style: none;
        padding: 0px 50px 5px 0px;
        border-bottom:  2px solid #2a76c1;;
        }

#sidebar h2 a{
	font-size:14px;
	color:#333;
	}

#sidebar ul {
        font-size: 10px;
        font-weight: bold;
		margin:4px 0 0 -30px;
        }
/*
#sidebar li {
        list-style: none;
        margin: 0px;
        padding: 0px;
        }
*/
#sidebar ul li {
		list-style: none;
		margin: 1px 5px 1px 0;
		}
		
#sidebar ul li ul {
}

#sidebar ul li a {
		font-size:11px;
        text-decoration: none;
        }
#sidebar li .current_page_item a, #sidebar .current_page_item, #sidebar .current-cat a{
	color:#000;
	}
	
#sidebar .page_item a{
	}


#sidebar ul li a:hover {
        color: #000;
        text-decoration: underline;
        }
		
#sidebar ul li ul li {
        list-style: square inside;
        color: #000;
}
#sidebar > ul > li > ul > li > ul > li > a{
        color: #0066cc;
		}


#footer {
        padding: 0px 0 0 0;
        background: url(images/bg-footer.png) center repeat-x;
        color: #FFF;
        text-align: center;
        clear: both;
        height: 92px
        }

#footer p{
        padding-top: 25px;
}

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

#footer a:hover{
        color: #FFF;
        text-decoration: none;
        }

#main_start {position: absolute;left: -10000px;};

#search {
        width: 900px;
        text-align: right;
        }



#flightmenu {
position:relative;
	width:900px;
}
.menuholder{
	background-color:none;
	margin:0;
	height:25px;
	text-align:right;
	}

.spacer{
	height:25px;
	background-color:#333;
	}

#post{
	margin: 5px 5px 0 10px;
	}

/* hack to correct IE5.5 faulty box model */
* html #flightmenu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */
#flightmenu ul {
padding:0;
margin:0;
list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#flightmenu li {
white-space:nowrap;
display:block;
float:left;
position:relative;
border-right: 1px solid #FFF;
}

/* style the links for the top level */
#flightmenu a, #flightmenu a:visited {
display:block;
font-size:11px;
text-decoration:none;
color:#fff;
padding:10px 10px 10px 10px;

}

/* a hack so that IE5.5 faulty box model is corrected */
* html #flightmenu a, * html #flightmenu a:visited {
	width:149px; w\idth:138px;
	}

/* style the second level background */
#flightmenu ul ul a.drop, #flightmenu ul ul a.drop:visited {
	background:transparent url(images/pages-bg.gif) repeat scroll -80px 35px;

/*background:#000 url(images/drop.gif) bottom right no-repeat;*/

}

/* style the second level hover */
#flightmenu ul ul a.drop:hover{
		background:transparent url(images/header.jpg) repeat scroll -80px 35px;
/*background:#c9ba65 url(images/drop.gif) bottom right no-repeat;*/
}

#flightmenu ul ul :hover > a.drop {
background:#58b7fb url(images/drop.gif) bottom right no-repeat;
}

/* style the third level background */
#flightmenu ul ul ul a, #flightmenu ul ul ul a:visited {
background:#58b7fb;
}

#flightmenu ul ul ul li{
}

/* style the third level hover */
#flightmenu ul ul ul a:hover {
background:#58b7fb;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#flightmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:10px;
	left:0;
	white-space:nowrap;
	margin:0;
	_height:1px;
	border-bottom: 1px solid #000;
}

#flightmenu ul ul li{
        border-left: 1px solid black;
        border-right: 1px solid black;
}

/* another hack for IE5.5 */
* html #flightmenu ul ul {
	top:30px;t\op:31px;
	}

/* position the third level flyout menu */
#flightmenu ul ul ul{
	float: left;
	left:160px;
	top:-22px;
	width:149px;
	}

/* position the third level flyout menu for a left flyout */
#flightmenu ul ul ul.left {
	left:-149px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#flightmenu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}

/* style the second level links */
#flightmenu ul ul a, #flightmenu ul ul a:visited {
	/*background:transparent url(images/header.jpg) repeat scroll -80px 35px;*/
	background:#58b7fb;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:140px;
	border: 1px;
	border-width:0 1px 1px 1px;
	}

/* yet another hack for IE5.5 */
* html #flightmenu ul ul a, * html #flightmenu ul ul a:visited {
	width:150px;w\idth:128px;
	text-align:left;
	}

/* style the top level hover */
#flightmenu a:hover, #flightmenu ul ul a:hover{
	color:#fff;
	background:#000;
	}

#flightmenu :hover > a, #flightmenu ul ul :hover > a {
color:#fff;
background:#000;
}

/* make the second level visible when hover on first level list OR link */
#flightmenu ul li:hover ul, #flightmenu ul a:hover ul{
visibility:visible;
margin: 23px 0 0 0;
text-align:left;
}

/* keep the third level hidden when you hover on first level list OR link */
#flightmenu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */

#flightmenu ul :hover ul :hover ul{
visibility:visible;
}


/*submenu active*/
#flightmenu ul ul .current_page_item a {
background-color:#FFF;
}

#flightmenu ul ul .current_page_item a:hover{
color: #000;
}

/*topmenu active*/
#flightmenu .current_page_item a {
background: #666;
color: #FFF;
/*
border-right: 1px solid #fff;
border-left: 1px solid #fff;
*/
}



.textwidget{
padding: 20px 0 10px 5px;
}

.center{
text-align:center;
padding: 10px 0 35px 0;
}

.error{
font-size:50px;
}

.line-up img{
margin-right: 5px;
border:2px solid #2a76c2;
}

.line-up img:hover{
border: 2px solid #5bb7ff;
}

blockquote{
	background:url(images/open_quote.png);
	background-position: top left;
	background-repeat:no-repeat;
	
	}
blockquote p{
	font-size: 10px;
	text-indent: 25px;
	display:inline;
	padding-right: 25px;
	background:url(images/open_quote_back.png);
	background-position:bottom right;
	background-repeat: no-repeat;
	}