/********************************************************/
/* Farben:
/* Menü/Hauptfarbe:	#A00000
/* Nebenfarbe:		#F4F4ED		(alt: #F8FAFA)
/* Textfarbe:		#444
/* Hintergrund:		#FFF	(alt: #F4F4ED	#FFBF5E)
/********************************************************/
/*      Definition 12er-Raster
/*		Berechnung: 100% / 12 * n (- 0...2)
/********************************************************/

.row { min-width: 480px; max-width: 1280px; margin: auto; overflow: hidden; }
.column { margin: 0 0; overflow: hidden; float: left; }
.column img { max-width:100%; }

.grid_01 { width: 8.33%; }
.grid_02 { width:16.67%; }
.grid_03 { width:25.00%; }
.grid_04 { width:33.33%; }
.grid_05 { width:41.67%; }
.grid_06 { width:50.00%; }
.grid_07 { width:58.33%; }
.grid_08 { width:66.67%; }
.grid_09 { width:75.00%; }
.grid_10 { width:83.33%; }
.grid_11 { width:91.67%; }
.grid_12 { width:100.00%; }

/********************************************************/
/*      content styles
/********************************************************/
.content img { box-shadow:4px 4px 10px grey; }
img.left { margin:0 5px 5px 0; float:left; clear:left; }
img.right { margin:0 0 5px 5px; float:right; clear:right; }
img.left_horizontal { margin:0 5px 5px 0; float:left; }
img.right_horizontal { margin:0 0 5px 5px; float:right; }
p.small { font-size:.75em; }
div.important, .important { clear:both; background:#eee; padding:1em 2em; border:.3em solid #0b6; margin:1em 0; }
div.warning, .warning { clear:both; text-align:center; font-weight:900; background:#900; color:#fff; padding:1em; border:.3em solid #444; margin:1em 0; }
.warning a { color:#aaf; }
.important p:first-child,.warning p:first-child { margin-top:0; }
.important p, .warning p { margin:1em 0 0; }
span.highlight { font-weight:900; letter-spacing:.06em; background:#dfd; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; }

/********************************************************/
/*      start
/********************************************************/
body { font-family: Helvetica,Arial,sans-serif; margin:0; }
#body { background-color:#FFF; }

/********************************************************/
/*      head nav (über dem Header)
/********************************************************/
.headnav { margin:0 .5em 0 0 }
.headnav p { text-align:right; white-space:nowrap; margin:0; font-size:.85em; letter-spacing:.08em; line-height:1.7; }
.headnav p a { color:black; text-decoration:none; }
.headnav p a:hover { text-decoration:underline; }
.headnav p img { margin-left:.5em; }

/********************************************************/
/*      container
/********************************************************/
/*.container { margin:0 .4em 1em;  border-radius:.5em; padding:.4em; background-color:white; box-shadow:4px 4px 10px grey;}
*/
.container { margin:0 0 1em;  border-radius:.5em; padding:.4em; background-color:white; }
/********************************************************/
/*       head
/********************************************************/
/*
.logo{background:url(images/gdc-logo-1510_80.png) no-repeat left; background-color:#fff; padding:1em 1em 0 1em; margin:1.5em 1em 1em 4em; height:75px;}
*/
.header {background-color:#fff; border:0px solid #A00000; border-radius:.5em; padding:.1em; margin:.1em .6em .8em; box-shadow:4px 4px 10px lightgrey; height:80px;}
.logo{ background-color:#fff; margin: .1em 10%; height:75px; box-shadow:0 0 0 white;}
/* Schriftart im Header (Slogan) */
.header h6 { float:right; font:bold 120% Arial; color:lightgrey; position:relative; margin-top:1em }	/* Schrift-Schatten */
.header h6 span { position:absolute; color:#A00000; top:-1px; left:-1px; }			/* Slogan-Text (aus Newsbox "Slogan") */
.header a { text-decoration:none; }				/* keine Unterstreichung beim Header */
.search { float:right; width:80%; background-color:#F4F4ED; border:1px solid #A00000; border-radius:.5em; padding:.3em 1em; margin-top:-.5em; }

/********************************************************/
/*      navigation 1 (Hauptnavi. oben)
/********************************************************/
/* Nav-Hintergrund: */
.nav { background:#A00000; padding: 1.2em; margin-bottom: .5em; border-radius:.5em; box-shadow: 4px 4px 10px grey; }		
.nav ul { list-style-type:none; text-align:left; margin:0; padding:0; }
/* Navi-Einträge Feldgröße / aktiver Text Untermenü */
.nav ul li { display:inline-block; line-height:1.5; max-width:11em; vertical-align:top; text-align: center; padding: .0em 1em; color:grey;}
/* Navi-Einträge Text */
.nav ul.menulevel1 li a { color:white; text-decoration:none; line-height:1.5; padding: 0; }		/* Schrift */
/*
.nav ul.menulevel2 li a { color:#E46542; text-decoration:none; background:#FA0; padding: 0 ; }
*/
.nav ul.menulevel2 li a { color:#A00000; text-decoration:none; background:white; padding: 0 ; }

.nav ul.menulevel1 li.sdocs a { color:grey; }				/* Hauptmenü-Text der aktuellen Seite */
.nav ul.menulevel2 li.doc a { color:#A00000; }					/* nicht aktiver Text Untermenü  */
.nav ul.menulevel1 li ul.menulevel2 li a { text-decoration: none; }

/* unterstreichen bei Mauszeiger:*/
.nav ul li a:hover,
.nav ul.menulevel1 li.sdocs a:hover { color:white; text-decoration:underline; }		/* background:#E46542; } */
.nav ul.menulevel1 li ul.menulevel2 li a:hover { color:#A00000; text-decoration:underline; background:white }

/*
.nav ul.menulevel1 li { float:left; position:relative; }
*/
.nav ul.menulevel1 li { position:relative; }
.nav ul.menulevel2 li { text-align:left; max-width: 15em; background:white; }
/* Feld Untermenü: */
.nav ul ul { position:absolute; visibility: hidden; text-align: left; background:#A00000; padding: 2px 8px 8px 8px; 
	background:white; border-radius: .5em; border:1px solid #A00000; box-shadow: 4px 4px 10px grey; }
/*
.nav ul.menulevel2 { left:10px; z-index:15; }
/* 
.nav ul.menulevel1 li ul.menulevel2 li {
    width:177px;
    white-space: normal;
    margin: 2px -.3em;
    padding: 0 .3em;
}
.nav ul ul ul {
    left:180px;
    top:-5px;
    z-index:20;
    border-radius: .5em;
}
*/
.nav li:hover > ul { visibility: visible; }

/********************************************************/
/*      navigation 2 & 3 (Unterseiten linke Seite)
/********************************************************/
.nav2 { clear:left; font-size:.9em; padding:0; margin: 0; border-radius:.5em; box-shadow:4px 4px 10px grey; }

.nav2 ul { list-style-type:none; padding:0em 1em; margin-top: 0em; border:0px solid #A00000; border-radius:.5em; background:white; }	/* Hintergrund gesamt */
.nav2 ul li { display:inline-block; line-height:1.5; padding: .3em 1em; color:grey;}	/*#E46542*/

.nav2 ul li a { color:#A00000; text-decoration:none; margin:0 -.6em 0 -.6em; padding:0 .5em 0 .6em; display:block; font-weight:normal; } /* nicht aktive Eintraäge */
.nav2 ul li a:hover { text-decoration:underline; }
.nav2 ul li ul { margin:0 -1em 0 .1em; padding:.5em 0 0 0; border:0; border-radius:0; }		/* Rahmen nä. Ebene */
.nav2 ul li ul li { padding-left:.5em; margin-left:0; }
.nav2 ul li ul li a { margin-left:-.5em; padding-left:.5em; }

/********************************************************/
/*      breadcrumbs-locator
/********************************************************/
.locator { float:left; clear:left; display:block; margin-bottom:0.1em; }
.locator p { font-size:.7em; letter-spacing:.1em; margin-left:1em; }
.locator a { color:#A00000; }
.content { clear:left; }

/********************************************************/
/*     content
/********************************************************/
/*.content { padding:2em 2% 1em; float:left; margin:0; }*/
.content { padding:1.5em 1em 0; float:left; margin: 0 0 0 0; }
.content p { line-height: 1.6em; }							/* Zeilenabstand nur im Content */
/*
h1, h2, h3, h4 { font-size: 2em; clear:both; color:#444; }
h1, h2, h3 { margin:0 0 .5em; }
h4, h5, h6 { margin:1.5em 0 .5em; }
h4:first-child,h5:first-child,h6:first-child { margin-top:0; }
*/
h1, h4 { font-size: 2em; clear:both; color:#444; }
h1 { margin:0 0 .5em; }
h2, h3, h4, h5, h6 { margin:1.5em 0 .5em; }
h2:first-child,h3:first-child,h4:first-child { margin-top:0; }
/*
h5, h6{letter-spacing:.05em;}
*/
h2 { font-size:1.6em; color:#444; }
h3 { font-size:1.2em; color:#444; }

/********************************************************/
/*      sidebar (Newsbox rechts)
/********************************************************/
.sidebar { float:right; width:75%; background-color:#F4F4ED; border:0px solid #A00000; border-radius:.5em; padding:.5em; 
	margin-top:4em; clear:right; font-size:80%; }
.sidebar p { font-size:.9em; }

/********************************************************/
/*      subnavigation (next / prv. page, Top)
/********************************************************/
.subnav { width:100%; padding:0 1em; }
.subnav td a { text-decoration:none; color:black; display:block; white-space:nowrap; padding:0; }
.subnav td a:hover { text-decoration:underline; }
.previous { text-align:left; }
.top { text-align:center; }
.next { text-align:right; }

/********************************************************/
/*      newsbox bottom
/********************************************************/
.newsbox2 { padding:2% 1%; float:left; border-top:2px solid #ccc; border-bottom:2px solid #ccc; margin:1em 1%;}

/********************************************************/
/*      Fußzeile / copyright-Zeile
/********************************************************/
.footer { background-color:#F4F4ED; border:1px solid #A00000; border-radius:.5em; padding:0 .5em .5em; margin:0; }
.copyright { background:#A00000; padding: 1.2em; margin-top: -40px; margin-bottom: 0.4em; height:20px; border-radius:.5em; color:white; 
	text-align:center; font-size:small; }		
.copyright a { color:white; text-decoration:none; }
.copyright a:hover { text-decoration:underline; }


@media screen and (max-width: 480px) {
	.grid_07  { width:100.00%; }
	.grid_09  { width:100.00%; }
/*
	h4, h5, h6, p { color: red; }		/*** TEST ***/
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.grid_07  { width:100.00%; }
	.grid_09  { width:100.00%; }
/*
	h4, h5, h6, p { color: green; }		/*** TEST ***/
}

@media screen and (min-width: 769px) and (max-width: 979px) {
	.grid_07  { width:75.00%; }
	.grid_09  { width:75.00%; }
/*
	h4, h5, h6, p { color: blue; }		/*** TEST ***/
}

@media screen and (min-width: 980px) {
}