/*@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);*/

/* CSS-Datei style.css */
BODY {
    /*background: url(background.jpg);*/
	/*background: url(http://api.thumbr.it/whitenoise-361x370.png?background=7ba9dbff&noise=756dab&density=76&opacity=12 );*/
	/*#99B4D1*/
	font-family: 'Gotham-Light',serif;
	/* font-family: "Arimo",sans-serif;*/ 
    font-size: 36px;
	background-color: #27556C; 
}




@font-face {
	/* http://www.google.com/fonts# */
	font-family: "Gotham-Light"; 
	font-style: normal;
	font-weight: 400;
	src: local("Gotham-Light"), local("Gotham-Light"), url("Gotham-Light.woff") format("woff");
	/*font-family: "Arimo", sans-serif; */
}


#centerleft
{
border-radius: 0px;
position:absolute;
top:25%;
left:25%;
right:50%;
/* width:25%; */
height:72px;
/* background-color:yellow; */

}

#centerlefttext
{
text-align: right;
margin-right: 10px;
}

#centerright
{
border-radius: 0px;
position:absolute;
top:25%;
left:50%;
right: 25%;
/* width:25%; */
height:72px;
/* background-color:green; */
}

#centerrighttext
{
text-align: left;
margin-left: 10px;
}

#centerspacer
{
position: absolute;
top: calc(25% + 12px);
left: calc(50% - 2px);
background-color: black;
height:calc(96px);
width: 4px;
}

#centerbottom
{
border-radius: 0px;
position:absolute;
/* top:calc(25% + 72px); */ 
bottom: 20px;
left:25%;
right: 25%;
/* width:25%; */
height:120px;
/* background-color:pink; */
}

#centerbottomtext
{
text-align: center;
margin: 10px;
font-size: 12px;
}


#maincontent
{
border-radius: 0px;
position:absolute;
top:120px;
left:0px;
right:0px;
width:100%;
bottom:0px;
/*background-color:lightyellow;*/
}

#leftnavigationcontent
{
border-radius: 0px;
position:absolute;
left:0px;
top:0px;
bottom:0px;
width:160px;
/*background-color:darkgrey;*/
}

#leftnavigation
{
padding:10px;
border-radius: 0px;
position:absolute;
right:0px;
top:0px;
text-align:right;
/*background-color:lightgrey;*/
}

#articletext
/*onlyusedforopacity*/
{
padding:20px;
padding-left:10px;
}

#article
{
position:absolute;
left:160px;
top:0px;
/* right kann mit widht 100% ersetzt werden, falls rechts kein platz benutzt wird */
/* right sollte gleich sein wie bei topnav */
right:160px;
height:100%;
text-align: justify;
padding-left: 20px;
padding-right: 20px;
background-color: #FCFC80;
opacity:0.8;
}

#innerright
{
position:absolute;
left:10%;
top:100px;
width:50%;
height:50%;
background-color: lightgreen;
}

#headimage{
/*
transform:rotate(30deg);
background-color: yellow;
background-color: yellow;
border-radius: 27px 27px 27px 27px;
-moz-border-radius: 27px 27px 27px 27px;
-webkit-border-radius: 27px 27px 27px 27px;
border: 0px solid #000000; */
border: 1px solid #000000;
position:absolute;
top:6px;
width:100%;
left:150px;
height:94px;

background:url(panorama.jpg);
background-size:100% 100%;
background-repeat:no-repeat;
}
#headnavigation{
/*
background-color: pink;
border-radius: 0px;
border-radius: 27px 27px 27px 27px;
-moz-border-radius: 27px 27px 27px 27px;
-webkit-border-radius: 27px 27px 27px 27px;
border: 0px solid #000000;
*/
position:absolute;
top:100px;
left:150px;
height:24px;
width:980px;
}




#feet 
{
background-color: deepskyblue;
position:absolute;
right: 2px;
left:152px;
height: 20px;
bottom: 2px;
font-size: 8px;
}

ul.navigatenostyle
{
	list-style-type:none;
	padding:0px;
}

li.navigatenostyle
{
	list-style-type:none;
	padding-top:10px;
	padding-bottom:10px;
}

ul.navigatenostylehorizontal
{
	list-style-type:none;
	margin-top:5px;
	padding:0px;
}

li.navigatenostylehorizontal
{
	display:inline;
	padding-right:20px;
	padding-left:20px;
}

/* Integrating old - Imkerei-Suter CSS*/
h1
{
	font-size:20px;
	font-weight:bold;
}
h2
{
	font-size:16px;
	font-weight:bold;
}
.disclaimer
{
	font-size: 9px;
	text-align: center;
}
.headtitle
{
	font-size: 20px;
	font-weight: 900;
}
.newstitle
{
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.newstext
{
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}
.important
{
	font-size: 20px;
	font-weight: 900;
	color:#FF0000;
}
a:link 
{
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}