/* Sturmforum spezifische Anpassungen
****
Version: 0.1
Datum: 29.11.2015
Modifikationen: Datei erstellt
Version: 0.2
Datum: 07.08.2016
Modifikationen: Anpassungen fuer neues PHPBB, Style Anpassungen
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* eigene */
.tabkopf {
	font-weight:bold;
}

/*-----*/
body { 
  font-family: 'Open Sans', sans-serif;
  color: #666;
  font-size: 10px;
  line-height: normal;
  margin: 0;
  padding: 12px 0;
  word-wrap: break-word;
  -webkit-print-color-adjust: exact;
}


/* STRUCTURE */

#stufowrapper {
	padding: 2px;
	width: 920px;
	margin: 10px auto;
}
header {
	height: 100px;
	padding: 0 5px;
}
#content {
	width: 52px;
	height: 60px;
	float: left;
	background-image: url("logo_2008.png");
}

#middle {
	width: 250px; /* Account for margins + border values */
	float: left;
	height: 60px;
	padding-left: 3px;
}

#sidebar {
	width: 613px;
	float: left;
	background-image: url("kopfbild.png");
	height: 60px;
}
footer {
	clear: both;
	padding: 0 15px;
}

.clear {clear: both;}
/*******************************************************
Containers outside of header area
********************************************************/
.title { margin: 0 auto; text-align: center;}
#uploadform {width: 920px; margin: 0 auto;}

/*******************************************************
Upload form styling
********************************************************/
#wrapfoption {width: 920px; height: auto; background-color: #cadceb; padding: 2px 0px 10px 0px; margin-top: 10px;}
#foptionl {width: 20px; height: auto; display: inline-block; vertical-align: top; padding-left: 2px;}
#foptionr {width: 860px; display: inline-block;}
#wrapsoption {width: 920px; height: auto; background-color: #cadceb; padding: 3px 0px; margin-top: 10px;}
.optionsl {width: 20px; height: auto; display: inline-block; vertical-align: top; padding-left: 2px;}
.soptionr {width: 860px; display: inline-block;}
#soptionfr {width: 860px; height: auto; display: inline-block; margin-left: 30px; padding: 5px 0px;}
.optionwf {width: 800px; display: inline-block;}
#buttons {width: 920px; height: auto; margin-top: 10px;}

/*******************************************************
MEDIA QUERIES
********************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
#stufowrapper {width: 630px; margin: 10px auto;}

#content {
	width: 52px;
	height: 60px;
	float: left;
	background-image: url("./images/logo_2008.png");
}
	#middle {
		width: 250px;
		height: 60px;
		float: left;
	}
	
	#sidebar {
		width: 306px;
		float: left;
		height: 60px;
	}
}

@media screen and (max-width: 920px) {
#uploadform {width:auto; padding: 0 5px;}
#foptionr {width: auto; margin-left:30px;display:block}
.optionsl {float:left}
#wrapfoption {width: auto;}
#wrapsoption {width: auto;}
.soptionr {width: auto; margin-left:30px;display:block}
#soptionfr {width: auto;}
.optionwf {width: auto;display:block;margin-left:30px;}
#buttons {width: auto; }
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	
#stufowrapper {width: 95%; float: left;	}

#content {
	width: 52px;
	height: 60px;
	float: left;
	background-image: url("./images/logo_2008.png");
}
	#middle {
		width: 80%;
		height: 60px;
		float: left;
	}
	
	#sidebar {
		display: none;
	}

}
@media screen and (max-width: 330px) {
	
#stufowrapper {width: 90%; float: left;	}

#content {
	width: 52px;
	height: 60px;
	float: left;
	background-image: url("./images/logo_2008.png");
}
	#middle {
		display: none;
	}
	
	#sidebar {
		display: none;
	}

}

#middle {background: #0573D0;}


/*******************************************************
Font definitions and stylings
********************************************************/
h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	margin-right: 2px;	margin-top: 15px; font-weight: bold; font-size: 2em;}
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.7em; margin-bottom: 1.2em; color: #000000;}
.blackfont {color: #000000; font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.whitefont {color: #ffffff;}
.blackbold {font-weight: bold;}
.redbold {font-weight: bold; color: #f30b0b;}
ul {list-style: disc; padding-left: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.3em; color: #000000; margin: 5px 0px;}
.hidden {display: none;}

/*******************************************************
Link styling
********************************************************/
#middle a {color: #FFFFFF; text-decoration: none;}
#middle a:visited {color: #FFFFFF; text-decoration: none;}
#middle a:hover {color: #FF9900; text-decoration: none;}
#middle a:active {color: #FFFFFF; text-decoration: none;}

.headerbar {padding: 2px;}

/* To be sorted */