/* Allgemeiner Aufbau der Seite & des Layouts */
* {  margin:0; padding:0  } 
option { padding-left:.4em } 
select { padding:1px } 
* html body * { overflow:visible } 
body { font-size:100%;background:#fff;color:#000;text-align:left } 
div:target { outline:0 none } 
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block } 
audio,canvas,video { display:inline-block } 
audio:not([controls]) { display:none } 
[hidden] { display:none } 
input[type="search"] { -webkit-appearance:textfield } 
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } 
fieldset,img { border:0 solid } 
ul,ol,dl { margin:0 0 1em 1em } 
li { margin-left:.8em } 
dt { font-weight:bold } 
dd { margin:0 0 1em .8em } 
blockquote { margin:0 0 1em .8em } 
q { quotes:none } 
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none } 
table { border-collapse:collapse;border-spacing:0 } 

html, body { width: 100%; }
img    { border: 0; vertical-align: bottom }

.aclr    { zoom: 1; min-height: 1%;  }
.aclr:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

.clr 	{ clear: both; }
.col	{ float: left; display: inline; position: relative; }
.hd 	{ position:absolute; top:-32768px; left:-32768px; }
.ib		{ display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; }
.bsbb	{ 
	-webkit-box-sizing: border-box; /* safari3 */
	 -khtml-box-sizing: border-box; /* konqueror */
	   -moz-box-sizing: border-box; /* ff2 */
	    -ms-box-sizing: border-box; /* ie8 */
	        box-sizing: border-box; /* css3 rec */
}

/* === STYLE FRAMEWORK ========================= */
.w10px  { width: 10px; }
.w16px  { width: 16px; }
.w20px  { width: 20px; }
.w25px  { width: 25px; }
.w50px  { width: 50px; }
.w75px  { width: 75px; }
.w100px { width: 100px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w175px { width: 175px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }

.w10p  { width: 10%; }
.w20p  { width: 20%; }
.w25p  { width: 25%; }
.w40p  { width: 40%; }
.w50p  { width: 50%; }
.w60p  { width: 60%; }
.w75p  { width: 75%; }
.w80p  { width: 80%; }
.w33p  { width: 33.333%; }
.w66p  { width: 66.666%; }
.w38p 	{ width: 38.2%; }
.w62p 	{ width: 61.8%; }
.w100p  { width: 100%; }

.border 		{ border: 			1px solid #D1D1D1; padding: 4px; }
.border-top    	{ border-top: 		1px solid #D1D1D1; padding-top: 4px; }
.border-bottom 	{ border-bottom: 	1px solid #D1D1D1; padding-bottom: 4px; }
.border-right 	{ border-right: 	1px solid #D1D1D1; padding-right: 4px; }
.border-left 	{ border-left: 		1px solid #D1D1D1; padding-left: 4px; }

.border-light 			{ border: 			1px solid #E5E5E5; padding: 4px; }
.border-top-light    	{ border-top: 		1px solid #E5E5E5; padding-top: 4px; }
.border-bottom-light 	{ border-bottom: 	1px solid #E5E5E5; padding-bottom: 4px; }
.border-right-light 	{ border-right: 	1px solid #E5E5E5; padding-right: 4px; }
.border-left-light 		{ border-left: 		1px solid #E5E5E5; padding-left: 4px; }

/* ??? WOFÜR GUT ??? */
/* .icon { display: block; width: 16px; height: 16px; background: url('../../media/gfx/layout/sprite_searchresults.png') no-repeat 0 0; text-indent: -999em; } */

.align-r 	{ text-align: right; }
.align-c 	{ text-align: center; }
.align-j  	{ text-align: justify; }

/* LINK-STYLES */
a, a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #111111; text-decoration: underline;  }

a.internal-link img,
a.external-link img,
a.external-link-new-window img,
a.download img, a.mail img { display: none; }

a.internal-link, a.internal-link-new-window, a.external-link, a.external-link-new-window, a.download, a.mail, abbr, acronym, 
a.lightbox-link, a.phone, a.mobile, a.fax, a.rss { padding-right:16px; background: url("../../media/gfx/layout/sprite_links.png") no-repeat transparent right 4px; }

a.internal-link { background-position: right 4px; }
a.internal-link-new-window, a.external-link, a.external-link-new-window {  background-position: right -17px; }
a.download 			{ background-position: right -37px; }
abbr, acronym 		{ background-position: right -57px; }
a.lightbox-link 	{ background-position: right -57px; }
a.mail     			{ background-position: right -97px; }
a.phone				{ background-position: right -117px; }
a.mobile			{ background-position: right -137px; }
a.fax				{ background-position: right -157px; }
a.rss				{ background-position: right -177px; }


html .btn1, html .btn2, 
a.btn1, a.btn2 { 
	display: -moz-inline-stack; display: inline-block; *display: inline; _zoom: 1;
	padding: 4px 10px;
	
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius:  4px;
	
	border: 1px solid #cccccc;
	background-color: #ededed;
}

html .btn2, a.btn2 { 
	padding: 2px 5px;

	border-radius:         2px;
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius:  2px;
	
	border: 0;
}


/* === FANCY ========================= */
/* ROUNDED CORNERS */
.rd2px {
	border-radius:         2px;
	-moz-border-radius:    2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius:  2px;
}

.rd4px {
	border-radius:         4px;
	-moz-border-radius:    4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius:  4px;
}

.rd6px {
	border-radius:         6px;
	-moz-border-radius:    6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius:  6px;
}

.rd10px {
	border-radius:         10px;
	-moz-border-radius:    10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:  10px;
}

.rd15px {
	border-radius:         15px;
	-moz-border-radius:    15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius:  15px;	
}

.rd20px {
	border-radius:         20px;
	-moz-border-radius:    20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius:  20px;
}

/* BOX-SHADOWS */
.sh-box-small { 
	padding: 4px;
	box-shadow:        	 0 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:   	 0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:	 0 0 4px rgba(0, 0, 0, 0.3);
	-khtml-box-shadow: 	 0 0 4px rgba(0, 0, 0, 0.3);
}

.sh-box-big { 
	padding: 4px;
	box-shadow:          0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:     0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  0 0 8px rgba(0, 0, 0, 0.3);
	-khtml-box-shadow:   0 0 8px rgba(0, 0, 0, 0.3);
}

/* TEXT-SHADOWS */
.sh-txt-small { 
	text-shadow:         0 0 4px rgba(0, 0, 0, 0.3);
	-moz-text-shadow:    0 0 4px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-khtml-text-shadow:  0 0 4px rgba(0, 0, 0, 0.3);
}

.sh-txt-big { 
	text-shadow:         0 0 8px rgba(0, 0, 0, 0.3);
	-moz-text-shadow:    0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-khtml-text-shadow:  0 0 8px rgba(0, 0, 0, 0.3);
}