@charset "utf-8";
/**
 * Master styles
 *    	1. .... Reset Everything
 *    	2. .... Base Settings
 *		3. .... Site Body, Construction, Essentials, Anatomy
 *		4. .... Common
 *		5. .... Hyperlinks
 *		6. .... Formulars
 *		7. .... Plugins
 *
 * @category	Stylesheet
 * @package		Master Styles
 * @author		netlop Development Team
 * @copyright	2007-2010 netlop Internetmarketing GbR
 * @license		Code licensed under the BSD License
 * @version		2.5.4
 * @date		2011-05-25
 * @link		http://www.netlop.de/
 *
 * Reset and Base borrowed from YUI Library
 */






/**
 * 		Reset Everything																							01
 * ###############################################################################################################
 */

html{
	color: #000;
	background: #FFF;
	overflow-y: scroll;
	}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,
img {
	border: 0;
	}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
	}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style: none;
	}

caption,
th {
	text-align: left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
	}
abbr,
acronym {
	border: 0;
	font-variant: normal;
	}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
	}
sub {
	vertical-align: text-bottom;
	}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size: 100%;
	}



/**
 * 		Base Settings																							02
 * ###############################################################################################################
 */

h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size: 138.5%;  
	}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 123.1%; 
	}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size: 108%;  
	}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin: 1em 0;
	}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight: 700;
	}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom: 1px dotted #000;
	cursor: help;
	}
em {
	/*bringing italics back to the em element*/
	font-style: italic;
	}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin: 1em;
	}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left: 2em;
	}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
	}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	}
dl dd {
	/*providing spacing for definition terms*/
	margin-left: 1em;
	}
th,td {
	/*borders and padding to make the table readable*/
	border: 1px solid #000;
	padding: .5em;
	}
th {
	/*distinguishing table headers from data cells*/
	font-weight: 700;
	text-align: center;
	}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom: .5em;
	/*centered so it doesn't blend in to other content*/
	text-align: center;
	}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom: 1em;
	}

/* YUI FONTS */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small; /* for IE */
	}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font: 99% arial,helvetica,clean,sans-serif;
	}

/**
 * To help tables remember to inherit
 */
table {
	font-size: inherit;
	font: 100%;
	}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
	}



/* netlop Base */
.sp { padding: .2em; }
.mp { padding: .6em; }
.bp { padding: 1.4em; }
.sm { margin: .2em; }
.mm { margin: .6em; }
.bm { margin: 1.4em; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.small { font-size: 84.6%; }
.light { color: #999; }

.photoLeft { 
	margin: 2px 18px 1px 2px;
	float: left;
	}
.photoRight {
	margin: 2px 3px 1px 10px;
	float: right;
	}
.attention {
	margin: 40px 20px 10px;
	padding: 12px 18px;
	border-top: 3px solid #fc6;
	border-bottom: 3px solid #FFCC33;
	background: #ffc;
	}
.success {
	margin: 40px 20px 10px;
	padding: 12px 18px 12px 70px;
	border-top: 3px solid #9c3;
	border-bottom: 3px solid #9c3;
	background: #fafaea url(/images/icons/success.png) no-repeat 15px 10px;
	color: #121;
	}
.notice {
	margin: 40px 20px 10px;
	padding: 12px 18px 12px 70px;
	border-top: 3px solid #fc6;
	border-bottom: 3px solid #fc6;
	background: #fff4ea url(/images/icons/notice.png) no-repeat 15px 10px;
	}
.warning {
	margin: 40px 20px 10px;
	padding: 12px 18px 12px 70px;
	border-top: 3px solid #f00;
	border-bottom: 3px solid #f00;
	background: #fdd url(/images/icons/warning.png) no-repeat 15px 10px;
	color: #211;
	}







/**
 * 		Site Body																								03
 * ###############################################################################################################
 */

html {
	background-image: url(./images/core/textur.png);	
	}
body {
	}

#wrapper {
	position: relative;
	margin: auto;
	width: 790px;
	}

#header {
	width: 560px;
	height: 374px;
	float: right;
	clear: right;
	background: url(./images/core/header.jpg) no-repeat;
	}
	
#header p {
	margin: 80px 40px 0 230px;
	color: #30456C;
	font-size: 176.9%;
	font-weight: 700;
	}

#leftBar {
	width: 230px;
	min-height: 765px;
	float: left;
	background: url(./images/core/sidebar.jpg) no-repeat;
	}
	
#navigation {
	margin: 20px 0 55px 30px;
	}
#navigation li {
	margin-bottom: 10px;
	list-style: none inside;
	}
	
#content {
	padding: 0 50px 50px;
	width: 460px;
	color: #30456C;
	font-size: 110%;
	line-height: 160%;
	float: right;
	clear:right;
	background-color: #FFF;
	}

#footer {
	padding: 5px 50px;
	width: 460px;
	float: right;
	clear: right;
	color: #797979;
	background-color: #fff;
	}
	
#haus {
	position: absolute;
	left: -50px;
	top: 581px;
	}
	
.logo {
	margin: 10px 0 70px 0;
	}

.contact {
	margin: 0 30px;
	color: #30456C;
	line-height: 145%;
	}
	
hr {
	color: #CCC;
	}

/* end basic elements */


/**
 * 		Common																									04
 * ###############################################################################################################
 */

.copyright {
	color: #555;
	font-size: 84.6%;
	}

/* Different Table Styles */
.t1 {}

/* Different List Styles */
.l1 {}

/* Headline Styles */
h1, h2, h3, h4, h5, h6 {
	color: #30456C;
	}

h1 {
	margin: 15px 0 30px;
	font-size: 138.5%;  
	}
h2 {
	margin: 25px 0 10px;
	font-size: 123.1%; 
	}
h3 {
	margin: 10px 0;
	}



/* end layout/design elements */




/**
 * 		Hyperlinks																								05
 * ###############################################################################################################
 */

/* Default Links
 *------------------------------------------------------------------------*/
a {
	color: #36c;
	text-decoration: underline;
	}

a:visited {
	color: #909;
	text-decoration: underline;
	}

a:hover, a:active, a:focus {
    color: #c03;
	}


/* Main Navigation Links
 *------------------------------------------------------------------------*/
#navigation a, #navigation a:visited {
	color: #333;
	font-size: 115%;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.5px;
	text-decoration: none;
	}
#navigation a:hover, #navigation a:focus, #navigation a:active {
	color: #c03;
	}
	
#navigation .current a {
	color: #30456C;
	text-decoration: underline;
	}


/* Footer Links
 *------------------------------------------------------------------------*/
#footer a, #footer a:visited {
    color: #797979;
    text-decoration: none;
	}
#footer a:hover, #footer a:active, #footer a:focus {
    color: #c03;
    text-decoration: underline;
	}


/* Headline Links
 *------------------------------------------------------------------------*/
h1 a, h1 a:visited,
h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited,
h5 a, h5 a:visited,
h6 a, h6 a:visited,
.title a, .title a:visited {
	color: #333;
	text-decoration: none;
	}

h1 a:hover, h1 a:active, h1 a:focus,
h2 a:hover, h2 a:active, h2 a:focus,
h3 a:hover, h3 a:active, h3 a:focus,
h4 a:hover, h4 a:active, h4 a:focus,
h5 a:hover, h5 a:active, h5 a:focus,
h6 a:hover, h6 a:active, h6 a:focus,
.title a:hover, .title a:active, .title a:focus {
    color: #c03;
	}


/* end layout/design elements */



/**
 * 		Formulars																								06
 * ###############################################################################################################
 */

form {	}
fieldset {
	border: 1px solid wheat;
	}
fieldset legend {	}

label {
	cursor: pointer;
	}
input[type=text], textarea {
	padding: 4px;
	width: 340px;
	border: 2px solid #999;
	}
input:active, input:focus, textarea:active, textarea:focus {
	border: 2px inset #999;
	background-color: #ff9;
	}
input:hover, textarea:hover {
	border: 2px solid #444;
	}
textarea {
	padding: 4px;
	}

input[type=checkbox], input[type=radio] {
	margin-right: 5px;
	padding: none;
	width: auto;
	border: none;
	}

input[disabled=disabled] {
	background: #eee;
	border-color: #999;
	}

button,
input[type=submit] {
	padding: 3px 8px;
	border: 3px double #bbb;
	background: #efefef;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
	}
button:hover, button:focus,
input[type=submit]:hover, input[type=submit]:focus {
	border: 3px double #339933;
	background: #fff;
	}
button:active,
input[type=submit]:active {
	margin: 2px;
	position: relative;
	border: 3px solid #FFCC66;
	background: #ffc;
	}
	
form .field {
	margin: .5em 0;
	}
form .checkbox {
	margin: 1.8em 0;
	}

	
/* Common Usefull Definitions
 *------------------------------------------------------------------------*/
.optional {
	color: #777;
	font-weight: 100;
	}
.required {
	margin-top: 20px;
	margin-left: 2px;
	color: #F00;
	font-size: 90%;
	}


/* end Formular elements */



/**
 * 		Plugins																									07
 * ###############################################################################################################
 */



/* end Plugin elements */