/*css for rolfschwarz.com*/

body { 	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
		font-size: 10px; 
		text-align:left;
		margin:10px auto 0 auto;
		background-color:#DDDDDD; }
		
p { font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;}
	
p.centre {text-align:center; }

p.right {text-align:right; }

p.justify {text-align:justify; }

p.italic {font-style:italic;}

span.underline {text-decoration:underline; }

span.strikethrough {text-decoration:line-through; }

span.centre {text-align:center;}

span.indent { margin: 20px; }

div.right {text-align:right;}

h1 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; }	

h2 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; }

h3 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; }

h4 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; }
	
h5 {font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; }
	
li { font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10px;}	

a { text-decoration: none;
	color: #0000ff;
	font-weight: bold; }

a:hover { text-decoration: underline;
	      color: red; }
		  
a.bold { font-size: 8px;
	     font-weight: bold; }	 
		 
#textbox { 	width:565px;
			height:590px;
			overflow: auto; }		 
		 
/*banner */		
		
div#banner { 	margin:0 auto 0 auto;
				width: 756px;
				color:#ffffff; }	
					
/* table */


div#table { 	margin:0 auto 0 auto;
				width: 756px;
				background-color:#FFFFFF;
				border-bottom:solid 1px #999999;
				border-left:solid 1px #999999;
				border-right:solid 1px #999999;}
				

div#table td.topnav { 	width: 754px;
						font-size: 11px;
						font-weight:bold;
						font-variant:small-caps;
						text-align:left;					
						}

div#table td.sidenav {	width: 20%;
						vertical-align:top;
						text-align:left;	}
				
div#table td.content {	width: 100%; 
						vertical-align:top;
						text-align:left;
						padding-top: 12px;
						padding-left: 12px; }
						
div#table td.neuengamme {	width: 33%; 
							vertical-align:top;
							text-align:left;
							padding-top: 12px;
							padding-left: 12px; }						
					
/*content tables */

/*LandNacht - StadtTag*/
table.land {width:98%;}
td.land1 {width:8%;}
td.land2 {width:90%;}

/*Tryptichon */
table.tryp	{width:98%;}
td.tryp1 	{width:33%;}

/*Selbstmordnacht*/
table.selbstmord 	{width: 60%;}
td.selbstmord1 		{width: 60px;}
td.selbstmord2 		{width: 40px;}

/*Soldatenfriedhof*/
table.soldaten 		{width:50%;}
td.soldaten1 		{width:40%;}
td.soldaten2		{width:26%;}
td.soldaten3		{width:34%;}	

/*Verdun*/
table.verdun		{width:96%;}
td.verdun1			{width: 20%;
					vertical-align:top;}
td.verdun2			{width: 80%;
					vertical-align:top;}

/*SCI*/

table.sci			{width:98%;}
td.sci1				{width:66%;}
td.sci2				{width:34%;}
				
/*CV*/

/*general*/

table.cv	{	width:98%;
				border-collapse:collapse;
				border: thin;
				border-color:#CCCCCC;}
				 
td.cv1	{ 	width:50%;
			border:1px solid;
			border-color:#CCCCCC;
			padding-left: 5px; }
			
td.cv2	{	width:12%;
			border:1px solid;
			border-color:#CCCCCC;
			padding-left: 5px; }
				
td.cv3	{	width:38%;
			border:1px solid;
			border-color:#CCCCCC;
			padding-left: 5px;}	
				
td.cv4	{ 	border:1px solid;
			border-color:#CCCCCC;
			padding-left: 5px;}		

/*personal*/

table.personal	{	width:98%;
					border-collapse:collapse;
					border: thin;
					border-color:#CCCCCC;}
				 
td.personal1	{width:30%;
				 border:1px solid;
				 border-color:#CCCCCC;
				 padding-left: 5px;}
				 
td.personal2	{width:70%;
				 border:1px solid;
				 border-color:#CCCCCC;
				 padding-left: 5px; }

/* chronological */

td.chron1	{width:18%;
			 border:1px solid;
			 border-color:#CCCCCC;
			 padding-left: 5px;}	
			 
td.chron2	{width:37%;
			 border:1px solid;
			 border-color:#CCCCCC;
			 padding-left: 5px;}	
			 
td.chron3	{width:45%;
			 border:1px solid;
			 border-color:#CCCCCC;
			 padding-left: 5px;}		
			 
td.chron4	{border:1px solid;
			 border-color:#CCCCCC;
			 padding-left: 5px;}				 		 			 				

				
/* top navigation */	

a.top {color: #999999;}
a.top:hover {color: blue;}

	   
div#nav {float: left; 
         background: #FFF;
		 border: 1px solid #CCC; }
		 
div#nav ul {margin: 0; 
            padding: 0; 
			background: white;
            border: 1px solid #CCC; 
			border-width: 0 1px;}
			
div#nav li {position: relative; 
            list-style: none; 
			margin: 0;
            float: left; 
			width: 92px; 
			line-height: 1em;
			border-left: 1px solid #CCC;
			border-width: 0 1px;}
			
div#nav li:hover {background: #F2F2F2;}

div#nav li.submenu {background:   url(dropmenu.gif) 95% 50% no-repeat;}

div#nav li.submenu:hover {background-color: #F2F2F2;}

div#nav li a {display: block; 
              padding: 0.25em 0 0.25em 0.25em;
              text-decoration: none; 
			  width: 92px;}
			  
div#nav>ul a {width: auto;}

div#nav ul ul {position: absolute; 
               width: 92px;
               display: none;}
			   
div#nav ul ul li {border-bottom: 1px solid #CCC; }
			   
div#nav li.submenu li.submenu {background:   url(submenu.gif) 95% 50% no-repeat;}

div#nav li.submenu li.submenu:hover {background-color: #F2F2F2;}

div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

div#nav ul.level2 {top: 1.5em; 
                   left: -1px;}
				   
div#nav ul.level3 {top: -1px; 
                   left: 92px;
                   border-top: 1px solid #CCC;}

/* side navigation */

div#sidebar h1 { color:#333333; }

div#sidebar { margin: 10px 10px 0 10px;
			  padding: 0;
			  width: 150px; }
			  
div#sidebar a { display: block;
				padding: 8px 0 2px 10px;
				margin: 0;
				border-right: 1px solid gray; }
				
div#sidebar a { color: #666666; }
div#sidebar a:hover { color: blue; }

/*index page*/

#long { font-size: 8px; 
	    color: #999999; }

td.top { width: 96%;
	     padding: 10px; }

td.bottom1 { width: 50%;
			padding: 10px;
			border-bottom: 1px solid #c0c0c0;
			border-right: 1px solid #c0c0c0; }

td.bottom2 { width: 50%;
			padding: 10px;
			border-bottom: 1px solid #c0c0c0; }

td.bottom3 { width: 50%;
			padding: 10px;
			border-right: 1px solid #c0c0c0; }

td.bottom4 { width: 50%;
			padding: 10px; }
			
td.bottom6 { width: 100%;
			padding: 10px;
			border-right: 1px solid #c0c0c0; }
			
td.bottom5 { width: 50%;
			padding: 10px;
			border-bottom: 1px solid #c0c0c0;
			border-right: 1px solid #c0c0c0; }
				   					
/* Zeithain pages*/

body.zeithain {background-color: #ffffcc;}

div#table-zeithain07 { 	margin:0 auto 0 auto;
						width: 756px;
						background-color:#ffffcc; }
						
div#table-zeithain07 td.topnav { 	width: 754px;
						font-size: 11px;
						font-weight:bold;
						font-variant:small-caps;
						text-align:left;					
						}

div#table-zeithain07 td.sidenav {	width: 20%;
						vertical-align:top;
						text-align:left;	}
				
div#table-zeithain07 td.content {	width: 80%; 
						vertical-align:top;
						text-align:left;
						padding-top: 12px;
						padding-left: 12px; }						
						
/* Pictures slideshow*/

#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:416px; margin:10px auto; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:410px; height:320px; padding:2px; border:1px solid #ccc; background:#fff;}
#information {position:absolute; bottom:0; width:410px; height:0; background:#dddddd; color:#666; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);}
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px;}
#image {width:410px;}
#image img {position:absolute; z-index:25; width:auto;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150;}
#thumbnails {margin-top:15px;}
#slideleft {float:left; width:20px; height:81px; background:url(../Pictures/images/scroll-left.gif) center center no-repeat; background-color:#222;}
#slideleft:hover {background-color:#333;}
#slideright {float:right; width:20px; height:81px; background:#222 url(../Pictures/images/scroll-right.gif) center center no-repeat;}
#slideright:hover {background-color:#333;}
#slidearea {float:left; position:relative; width:365px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px;}