/*	Desc: scream.ch 2008 HALLO 2 Screen Style Sheet
	Author: Mark Nolan, info(at)dieblender.ch
	Date: June 2008
	+ Colours
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
html {

}
body {
	background: #000000 ;
	font: 13px "Courier New", Courier, mono;
	text-align: center;
}
/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0
}
p,
li,input,td {
	font: 13px "Courier New", Courier, mono;
}
strong {
	text-transform: uppercase;
}

iframe {
	border: 0px;
}



/*=DIV Definitions
=== === === === === === === === === === */
#wrapper {
    margin:0 auto;
    margin-top: 20px;
    width: 850px;
	height: 620px;
	text-align: left;
}

body#home #wrapper {background: url(../cssimg/bg_main_home.png);}
body#news #wrapper {background: url(../cssimg/bg_main_news.png);}
body#concerts #wrapper {background: url(../cssimg/bg_main_concerts.png);}
body#guestbook #wrapper {background: url(../cssimg/bg_main_guestbook.png);}
body#contact #wrapper {background: url(../cssimg/bg_main_contact.png);}
body#summer #wrapper {background: url(../cssimg/bg_main_summer.png);}
body#fehler #wrapper {background: url(../cssimg/bg_main_fehler.png);}
body#music #wrapper {background: url(../cssimg/bg_main_music.png);}
body#download #wrapper {background: url(../cssimg/bg_main_download.png);}
body#images #wrapper {background: url(../cssimg/bg_main_images.png);}
body#abschied #wrapper {background: url(../cssimg/bg_main_abschied.png);}


#logo {
	width: 460px;
	height: 50px;
	padding-top: 3px;
	padding-left: 15px;
	float: left;
}

#navigation {
	width: 340px;
	height: 35px;
	padding-top: 17px;
	padding-right: 20px;
	float: right;

}

#contentfull {
	width: 760px;
	height: 540px;
	padding-top: 22px;
	padding-left: 32px;
	float: left;
}

#contentnews {
	width: 470px;
	height: 500px;
	padding-top: 10px;
	float: left;
	overflow : auto;
}

#cthomelefttop {
	width: 440px;
	height: 220px;
	padding-top: 35px;
	padding-left: 32px;
	float: left;

}

#cthomerighttop {
	width: 250px;
	height: 220px;
	padding-top: 22px;
	padding-right: 32px;
	float: right;
}

#cthomeleftbot {
	width: 440px;
	height: 280px;
	padding-top: 22px;
	padding-left: 32px;
	float: left;
}

#cthomerightbot {
	width: 250px;
	height: 150px;
	padding-top: 22px;
	padding-right: 32px;
	float: right;
}

#ctgbleft {
	width: 400px;
	height: 220px;
	padding-top: 0px;
	padding-left: 32px;
	float: left;
}

#ctgbright {
	width: 370px;
	height: 530px;
	padding-top: 22px;
	margin-right: 15px;
	float: right;
	overflow : auto;
}

#footer {
    margin:0 auto;
    margin-top: 5px;
    padding-right: 5px;
    width: 850px;
	height: 20px;
	text-align: right;
}

/*=TEXT AND LAYOUT OPTIONS
=== === === === === === === === === === */
h1 {
	text-transform: uppercase;
	font: bold 17px "Courier New", Courier, mono;
	color: #000;
	margin-bottom: 5px;
}

h2 {
	text-transform: uppercase;
	font: bold 14px "Courier New", Courier, mono;
	color: #000000;
	margin-bottom: 5px;
	clear: both;
}

h2.box {
	text-transform: uppercase;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #757041;
	margin-top: 15px;
	margin-bottom: 5px;
	clear: both;
}



/*=TABLES
=== === === === === === === === === === */



/*=HYPERLINKS
=== === === === === === === === === === */

a {
	font: 13px "Courier New", Courier, mono;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dashed;
	text-transform: uppercase;
	border-color: #CF0202;
}

a:hover {
	font: 13px "Courier New", Courier, mono;
	color: #646355;
	text-decoration: none;
	border-bottom: 1px dashed;
	text-transform: uppercase;
	border-color: #CF0202;
}




a:active {
	font: 13px "Courier New", Courier, mono;
	color: #646355;
	text-decoration: none;
	text-transform: uppercase;
}



#logo a {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: none;
	text-transform: uppercase;
}

#logo a:hover {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #646355;
	text-decoration: none;
	border-bottom: none;
	text-transform: uppercase;
	border-color: #fff;
}

#footer a:active {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #646355;
	text-decoration: none;
	text-transform: uppercase;
}

#footer a {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: none;
	text-transform: uppercase;
}

#footer a:hover {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #646355;
	text-decoration: none;
	border-bottom: none;
	text-transform: uppercase;
	border-color: #fff;
}

#logo a:active {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #646355;
	text-decoration: none;
	text-transform: uppercase;
}