/* Author: Philipp Themann
* URL: www.Philipp-Themann.de
*/


body {
	background-color:White;
	color:gold;
	margin-top:0rem;
	margin-bottom:2rem;
	margin-left:0rem;
	margin-right:0rem;
	padding: 0rem 0rem 0rem 0rem;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}


/* Einstellungen für Bilderkarussel */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}


/* allgemeine links im text */
a:link    {color:black; text-decoration:none}
a:visited {color:black; text-decoration:none}
a:hover   {color:silver; text-decoration:underline}
a:active  {color:silver; text-decoration:underline}

/* Textelemente */
h1 { font-size:3rem; font-family:Arial,sans-serif; color:#000000; font-weight:bold}           /*überschriften*/
h2 { font-size:3rem; font-family:Arial,sans-serif; color:#000000; font-weight:bold}        /**/
h3 { font-size:2rem; font-family:Arial,sans-serif; color:#000000; font-weight:normal }                                   /*Normaler Text*/
h4 { font-size:1rem; font-family:Arial,sans-serif; font-weight:bold; color:#000000}                                     /*quellcode*/
h5 { font-size:1rem; font-family:Arial,sans-serif; font-weight:normal; color:#000000}


/* Hintergrundfarben und Textfarben  */
.farbe1 { background-color:silver;}
.farbe2 {background-color:white;}
.farbe3 {background-color:black;}
.farbe4 { background-color:yellow;}
.farbe5 { background-color:aqua;}
.farbe6 {background-color:lime;}
.textfarbe1 { color:silver;}
.textfarbe2 {color:white;}
.textfarbe3 {color:black;}
.textfarbe4 { color:yellow;}
.textfarbe5 { color:aqua;}
.textfarbe6 {color:lime;}

/*  Ausrichtung   */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}


/*---------------------------------------------------
	Allgemeine Strukturen
---------------------------------------------------*/

.Tabelle100{
	display: table;
	width:100%;
	table-layout:fixed;
	padding:0rem 0rem 0rem 0rem;
	margin:0rem;
	height:100%;
}


/*---------------------------------------------------
-----------------------------------------------------
	SECTION WRAPS
---------------------------------------------------*/

/* --------------------------------------------------
Logo Wrap
-------------------------------------------------- */
#Wrap_Logo h1
{
	color:White;
	font-size: 6rem;
	font-weight:normal;
	letter-spacing: 1rem;
	vertical-align: middle;
	/*text-shadow: 2px 2px 4px #000000;*/
}

.Zelle_Logo {
	width: 100%;

	padding:0rem;
	height:60rem;
	background-image:url(images/MarinaBay_optimized2.jpg);
	background-repeat:no-repeat;
	background-color:#000;
	text-align:center;
	background-attachment: relative;
	background-position: top center;

	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	display: table-cell;
	table-layout:fixed;
	padding:0rem 0rem 0rem 0rem;
	border-collapse: separate;
	border-spacing: 0rem 0rem;

	vertical-align: middle;
	/* border: 10px solid red;*/
}


.Zelle_Menu 
{
	display: block;
	width:100%;
	padding:0rem 1rem 1rem 1rem;
	table-layout:fixed;
	margin:0rem;
}

.Zelle_Menuschaltflaeche 
{
	display: block;
	width:100%;
	margin:0rem;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.Zelle_Menuschaltflaeche:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	text-decoration: none;
	
}

.Zelle_SchaltflaecheInhalt 
{
	display: table-cell;
	width: 100%;
	height:5rem;
	margin:0rem;
}

.Rahmen_grau {
	border:solid #FFF 0.1rem;
	-webkit-box-shadow:0.5rem 0.5rem 0.8rem #444444;
	-moz-box-shadow:0.5rem 0.5rem 0.8rem #444444;
	box-shadow:0.5rem 0.5rem 0.8rem #444444;
}

.Rahmen_grau:hover {
	border:solid #808080 0.1rem;
	-webkit-box-shadow:0.5rem 0.5rem 0.8rem #FFFFFF;
	-moz-box-shadow:0.5rem 0.5rem 0.8rem #FFFFFF;
	box-shadow:0.5rem 0.5rem 0.8rem #FFFFFF;
}


/* --------------------------------------------------
Main Wrap
-------------------------------------------------- */
.Container_main 
{
	display: table;
	background-color:#f2f2f2;
	margin: auto;
	
	padding-top:0rem;
	padding-bottom:0rem;
	padding-left:0rem;
	padding-right:0rem;
	
	border:solid #808080 0.1rem;
	-webkit-box-shadow:0rem 0rem 1rem #444444;
	-moz-box-shadow:0rem 0rem 1rem #444444;
	box-shadow:0rem 0rem 1rem #444444;
	
	/*max-width: 700px;*/
	width:100%;
}


/* --------------------------------------------------
Publications
-------------------------------------------------- */
.Zelle_Publication
{
	display: block;
	width:100%;
	padding:2rem 2rem 1rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:#f2f2f2;
}

.Zelle_PublicationType
{
	display: block;
	width:100%;
	padding:0rem 2rem 1rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:lime;
}

.Zelle_PublicationTitle
{
	display: block;
	width:100%;
	padding:0.5rem 2rem 0.5rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:#F2F2F2;
	border-style: none;
    border-width: small;
    border-color:white;
}

.Zelle_PublicationTitle:hover
{
	background-color:white;
	/* border-style: ridge; 
	border-width: small;
	border-color:Silver; */
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

#Wrap_Publications h1
{
	letter-spacing: 1rem;
	vertical-align: left;
	/*text-shadow: 2px 2px 4px #000000;*/
}
#Wrap_Publications h3
{
	vertical-align: left;
	font-size:1.5rem;
	font-family:Arial,sans-serif;
	color:#000000;
	font-weight:bold;
	margin:0rem;
}
#Wrap_Publications h4
{
	vertical-align: left;
	font-size:1.5rem;
	font-family:Arial,sans-serif;
	color:#000000;
	font-weight:normal;
	margin:0rem;
}
#Wrap_Publications h5
{
	vertical-align: left;
	font-size:1.2rem;
	font-family:Arial,sans-serif;
	color:#000000;
	font-weight:normal;
	margin:0rem;
}

/* --------------------------------------------------
Images
-------------------------------------------------- */
.Zelle_Images
{
	display: block;
	width:100%;
	padding:2rem 2rem 1rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:#D9D9D9;
}

.Zelle_Image_category
{
	display: block;
	width:100%;
	padding:0rem 0rem 1rem 0rem;
	table-layout:fixed;
	margin:0rem;
}


.Zelle_Karussel
{
	display: block;
	width:100%;
	padding:0rem 0rem 1rem 0rem;
	table-layout:fixed;
	margin:0rem;
}

#Wrap_Images h1
{
	letter-spacing: 1rem;
	vertical-align: left;
	/*text-shadow: 2px 2px 4px #000000;*/
}

#Wrap_Images h2
{
	vertical-align: left;
	text-shadow: 2px 2px 2px #808080;
}


/* --------------------------------------------------
Internal
-------------------------------------------------- */
.Zelle_Internal
{
	display: block;
	width:100%;
	padding:2rem 2rem 1rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:#bfbfbf;
	height:100%;
}
#Wrap_Internal h1
{
	letter-spacing: 1rem;
	vertical-align: left;
	/*text-shadow: 2px 2px 4px #000000;*/
}
#Wrap_Internal h2
{
	padding:0rem 0rem 0rem 0rem;
	vertical-align: left;
	margin:0rem;
}

/* --------------------------------------------------
Contact
-------------------------------------------------- */
.Zelle_Contact
{
	display: block;
	width:100%;
	padding:2rem 2rem 1rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:#666666;
}
#Wrap_Contact h1
{
	letter-spacing: 1rem;
	vertical-align: left;
	/*text-shadow: 2px 2px 4px #000000;*/
}
#Wrap_Contact h2
{
	padding:0rem 0rem 0rem 0rem;
	vertical-align: left;
	margin:0rem;
}
#Wrap_Contact h3
{
	padding:0rem 0rem 0rem 0rem;
	vertical-align: left;
	border:0rem;
	margin:0rem;
}

/* --------------------------------------------------
disclaimer
-------------------------------------------------- */

.Zelle_Disclaimer
{
	display:block;
	width:100%;
	padding:2rem 2rem 1rem 2rem;
	table-layout:fixed;
	margin:0rem;
	background-color:#bfbfbf;
}
#Wrap_Disclaimer h1
{
	letter-spacing: 1rem;
	vertical-align: left;
	/*text-shadow: 2px 2px 4px #000000;*/
}
#Wrap_Disclaimer h2
{
	font-size:2rem;
	padding:1rem 0rem 0rem 0rem;
	vertical-align: left;
	margin:0rem;
}
#Wrap_Disclaimer h3
{
	font-size:1.5rem;
	padding:0rem 0rem 0rem 0rem;
	vertical-align: left;
	margin:0rem;
}
/* --------------------------------------------------
Anpassung an Auflösungen
-------------------------------------------------- */
/* =========== ab 940 Pixel =============== */
@media (min-width: 940px) 
{

.Zelle_Menu {
	display: table;
	table-layout:fixed;
	padding:6rem 0rem 1rem 0rem;
	border-collapse: separate;
	border-spacing: 1rem 0rem;
}


.Zelle_Menuschaltflaeche
{
	display:table-cell;
}

.Zelle_Menuschaltflaeche:hover 
{
	display:table-cell;
}
	
.Container_main 
{
	width:1000px;
}

.Zelle_Images
{
	width:1000px;
}
	
} /*Ende 940 Pixel */