@charset "UTF-8";
/*------------------------------------------------------------------ 
[Inhalt] 
  
0. Initialisierung
1. Body  / body #wrapper
2. Header / #header 
3. Navigation / #nav 
4. Content / #content 
5. Left column / #left 
6. Right column / #right 
7. Footer / #footer
8. Search / #search 

alle properties sind jeweils alphabetisch sortiert 

[Farben]
mittelgrau --- #666 ------ typo text, tabellenlinien, visited (content-link)
hellgrau ----- #999 ------ typo breadcrumb, navigation, content-link
oliv --------- #A4A470 --- typo heads ohne h1, content-img-border
orange ------- #FF8200 --- typo h1, active (navigation, breadcrumb), hover (toolbar, breadcrumb, navigation, content-link, footer)
? ------------ #ECF3F9 --- form input-bg
? ------------ #D9E6F3 --- form input-bg-focus

[Typo]
Verdana

 -------------------------------------------------------------------*/


/*------------------------------------------------------------------ 
-0. Initialisierung
 -------------------------------------------------------------------*/
/* reset styles */
html, body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	border-left: 0;
	}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, del, dfn, em, font, img, small, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	}
 
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
/* end reset styles */

/* @font-face */
@font-face {
	font-family: 'DroidSansRegular';
	src: url('fonts/DroidSans-webfont.eot');
	src: local('☺'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ---------------- wrapper ------------------- */
#wrapper {
	width: 1000px;
	background: url(../images/basic/bg-content-1000.gif) repeat-y #FFF;
	font-size: 1.1em; 
	color: #666;
	margin-left: auto; /*  3 zeilen hack fuer zentrierung */
	margin-right: auto;
	text-align: left;
	}


/* ---------------- skip navigation ------------------- */
#skipnav {position: absolute; z-index: 2; width: 10em; overflow: hidden; top: -100px; left: -1000px;}
#skip a, #skip2 a {}
#skip1 a:focus, #skip2 a:focus, #skip1 a:active, #skip2 a:active {z-index: 99; text-decoration: underline; color: #000; background: #FFF;}
#blah:active {}
/*
Internet Explorer can be a little flaky showing the skip-navigation link. #blah:active is an empty selector because it has no properties or values. Oddly this dummy selector makes Internet Explorer behave itself and show the skip-navigation link consistently.
*/


/*------------------------------------------------------------------ 
-1. Body
 -------------------------------------------------------------------*/
body {
	background: url(../images/basic/bg-browser.gif) repeat-x #CFCF85;
	font: 62.5%/75% 'DroidSansRegular', Verdana, Arial, Helvetica, sans-serif; /* ab jetzt ist 1 em = 10px */
	color: #666;
	letter-spacing: 0.02em;
	text-align: center; /*  hack fuer zentrierung */
	}
	
p, h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom: 10px;}

h1, h2, h3, h4, h5, h6 {color: #A4A470;}
h1 {font-size: 2.1818em; font-weight: normal; line-height: 1; margin-bottom: 5px; color: #FF8200;}
h2 {font-size: 1.4545em; font-weight: normal; line-height: 1.3; margin-bottom: 5px; margin-top: 40px;}
h2.subline {margin-bottom: 30px; margin-top: 0;}
h3 {font-size: 1.1818em; font-weight: normal; margin-bottom: 5px; margin-top: 30px;}
h4 {font-size: 1.0909em; font-weight: normal; margin-bottom: 0px;}
p {font-size: 1.0909em; line-height: 1.5;}

strong {font-weight: bold;}
strong.important {color: #A4A470; font-weight: normal; font-size: 1.1em;}
em {font-style: italic;}

table {border-collapse: collapse; border-spacing: 5px;}
td, th {padding-left: 0px; vertical-align: top; border-bottom: 1px solid #666;}
td {text-align: left;}
th {text-align: left; font-weight: bold;}

form label {display: block; cursor: pointer; margin-top: 20px; margin-bottom: -10px;}
textarea, input {width: 400px; background: #ECF3F9;}
textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
input#reset, input#submit {width: auto; margin-right: 20px; margin-top: 20px; background: none;}
input:focus, select:focus, textarea:focus {background: #D9E6F3;}

img {border: none; font: 80%/100% Verdana, Arial, Helvetica, sans-serif;} /* fuer browser ohne bilddarstelllung */
a img {border: none; color: #666;}

abbr[title] {border-bottom: 1px #666 dotted; cursor: help;}





/*------------------------------------------------------------------ 
-2. Header
 -------------------------------------------------------------------*/
#header {height: 120px; background:  url(../images/basic/bg-header-1000.jpg) no-repeat #FFF;}

#logo {position: relative; z-index: 1; padding: 20px 0 0 20px;}
#logo h3 {color: #FFF; font-weight: normal; font-size: 1.1818em; display: inline; position: relative; z-index: 2; top: 26px; left: 5px; vertical-align: top;}

#toolbar {color: #FFF; margin-left: 720px;}
#toolbar a:link {text-decoration: none; color: #FFF;}
#toolbar a:visited {text-decoration: none; color: #FFF;}
#toolbar a:hover {text-decoration: none; color: #FF8200;}

#breadcrumb {color: #999; margin-top: 30px; margin-left: 310px; font-size: 1em;}
#breadcrumb span.active {color: #FF8200;}
#breadcrumb a {text-decoration: none; color: #999; font-weight: normal;}
#breadcrumb a:hover {text-decoration: none; color: #FF8200;}

	
	
/*------------------------------------------------------------------ 
-3. Navigation
 -------------------------------------------------------------------*/
#nav {
	width: 270px;
	margin: 122px 0 30px 10px;
	float: left;
	font-size: 1.1818em; /*1em = 11px*/
	line-height: 1.2;
	color: #999;
	background-color: #FFF;
	}

#nav ul.landing-nav {margin-top: 20px; margin-bottom: 40px;}

#nav ul {list-style-type: none; margin: -5px 0 10px 0px;}
#nav li {margin-bottom: 3px;}
#nav ul li a {margin-left: 60px;}
#nav ul ul {margin: 5px 0 0;}
#nav ul ul li a {margin-left: 75px;}
#nav ul ul li span.nolink {margin-left: 75px;}

#nav a:link {color: #999; text-decoration: none;}
#nav a:visited {color: #999; text-decoration: none;}
#nav a:hover {color: #FF8200; text-decoration: none;}
		
#nav ul li.naviactive {background: url(../images/basic/bg-nav-level1.gif) no-repeat 0px 4px;} /* aktives level 1 */
#nav ul li.naviactive a {color: #FF8200;} /* aktives level 1 */
#nav ul li.naviactive ul li a {color: #999;} /* level-2-links bei aktivem level 1*/
#nav ul li.naviactive ul li a:hover {color: #FF8200; text-decoration: none;} /* level-2-links bei aktivem level 1*/
#nav ul ul li.subnaviactive {background: url(../images/basic/bg-nav-level2.gif) no-repeat 0px 4px; color: #FF8200;} /* aktives level 2 */

#nav ul li.navspacer {margin-top: 20px; border-top: 1px solid #CCC; padding-top: 15px;}



/*------------------------------------------------------------------ 
-4. Content
 -------------------------------------------------------------------*/
#content {
	background-color: #FFF;
 	float: left;
	font-size: 1.0833em;
	line-height: 1.5em;
	margin: 30px 0 50px 30px;
 	width: 570px;
	}
	
#content a:link {border-bottom: 1px dotted #999; color: #999; text-decoration: none;}
#content a:visited {border-bottom: 1px dotted #999; color: #666; text-decoration: none;}
#content a:hover {border-bottom: 1px dotted #FF8200; color: #FF8200; text-decoration: none;}
	
#content .caption {font-size: 0.8181em; line-height: 1em;}
#content .totop {clear: both; display: block; font-size: 1em; margin-top: 20px;}
#content .totop a:link {font-weight: normal;}

#content .smallspace {margin-bottom: 5px;}
#content .bigspace {height: 130px;}

#content img {border: 1px solid #A4A470; border-bottom: 0; border-right: 0; display: block; margin-bottom: 20px;}
#content img.inline {display:inline; border: none;}
#content img.subline {margin-bottom: 0px;}
#content span.subline {display: block; font-size: 0.8181em;}

#content ul {font-size: 1.0909em; list-style-image: url(../images/basic/bullet.gif); margin: 5px 0 10px 15px;}
#content li {line-height: 1.4; margin-bottom: 5px;}

#content ul.nobullet {list-style-image: none; margin: 5px 0 10px 0;}
#content ul.nobullet li {margin-bottom: 20px;}
#content ul.nobullet li h3 {font-weight: normal; margin: 0px;}

#content .row {margin-bottom: 20px; overflow: auto;}

#content .row .leftcol {float: left; text-align: left; width: 250px;}
#content .row .rightcol {float: right; text-align: left; width: 250px;}

#portfolio {} /* css in der externen dd-galleriffic.css-datei */

.addspace {margin-top: 30px;}




/*------------------------------------------------------------------ 
-5. Left column
 -------------------------------------------------------------------*/
#left {float: left; width: 280px;}
#left p {font-size: 1em; margin-left: 60px;}
#left p img {margin: 0 0 15px 0;}



/*------------------------------------------------------------------ 
-6. Right column
 -------------------------------------------------------------------*/



/*------------------------------------------------------------------ 
-7. Footer
 -------------------------------------------------------------------*/
#footer {background: url(../images/basic/bg-footer-1000.gif) #CFCF85; clear: both; color: #FFF; height: 60px; margin-top: 80px;}
#footer p {font-size: 1.091em; line-height: 1; margin-left: 310px; padding-top: 10px;}
#footer a:link {color: #FFF; text-decoration: none;}
#footer a:visited {color: #FFF; text-decoration: none;}
#footer a:hover {color: #FF8200; text-decoration: none;}


/*------------------------------------------------------------------ 
-8. Search
 -------------------------------------------------------------------*/